Helper Class

Enable Light/Dark & High Contrast Mode! 
<html class="no-js " lang="en" data-theme="light">
Change class in HTML tage .light, .dark, .theme-dark, & .high-contrast
Font Settings 
<body class="font-opensans">
.font-opensans, .font-oswald, .font-lato, .font-raleway
Theme Color Settings 
<body class="" data-talkboat="theme-blush"">
theme-blue, theme-indigo, theme-cyan, theme-green, theme-orange, theme-blush, theme-red, theme-dynamic
Enable Sidebar dark 
<div class="sidebar dark">
Toggle class in sidebar .dark
Enable RTL Mode! 
<body class="rtl_mode">
Toggle class in Body tage .rtl_mode
Background Color
.bg-primary
.bg-secondary
.bg-primary-gradient
.bg-dark
.bg-light
.bg-body
.bg-card
Light Background Color
.bg-light-primary
.bg-light-success
.bg-light-danger
.bg-light-warning
.bg-light-info
Chart Background & Font Color

All chart Background & Text Color will be change based on theme color

.chart-text-color1
.chart-color1
.chart-text-color2
.chart-color2
.chart-text-color3
.chart-color3
.chart-text-color4
.chart-color4
.chart-text-color5
.chart-color5
Font Text Color
.text-primary
.text-secondary
.text-gradient
.color-fff
.color-100
.color-200
.color-300
.color-400
.color-500
.color-600
.color-700
.color-800
.color-900