body.palette-classic { --md-primary: #2563EB; --md-primary-hover: #1D4ED8; --md-primary-light: #DBEAFE; --md-gradient-from: #2563EB; --md-gradient-to: #2563EB; --md-sidebar-bg: #1E40AF; --md-sidebar-text: #FFFFFF; --md-sidebar-active: #DAEBF7; --md-sidebar-group-label: #F97316; --md-sidebar-active-text: #1D4ED8; --md-sidebar-group-button: #9CA3AF; --md-section-header-bg: #E0F2FE; }
body.palette-material-amber { --md-primary: #FF9800; --md-primary-hover: #F57C00; --md-primary-light: #FFE0B2; --md-gradient-from: #FFB74D; --md-gradient-to: #F57C00; --md-sidebar-bg: #212121; --md-sidebar-text: #E0E0E0; --md-sidebar-active: #FF9800; --md-sidebar-group-label: #CBD5E1; --md-sidebar-active-text: #FFFFFF; --md-sidebar-group-button: #94A3B8; --md-section-header-bg: #FFFAF2; }
body.palette-material-indigo { --md-primary: #3F51B5; --md-primary-hover: #303F9F; --md-primary-light: #C5CAE9; --md-gradient-from: #5C6BC0; --md-gradient-to: #303F9F; --md-sidebar-bg: #1A237E; --md-sidebar-text: #E8EAF6; --md-sidebar-active: #7986CB; --md-sidebar-group-label: #CBD5E1; --md-sidebar-active-text: #FFFFFF; --md-sidebar-group-button: #94A3B8; --md-section-header-bg: #F3F4FB; }
body.palette-material-teal { --md-primary: #009688; --md-primary-hover: #00796B; --md-primary-light: #B2DFDB; --md-gradient-from: #26A69A; --md-gradient-to: #00796B; --md-sidebar-bg: #004D40; --md-sidebar-text: #E0F2F1; --md-sidebar-active: #4DB6AC; --md-sidebar-group-label: #CBD5E1; --md-sidebar-active-text: #FFFFFF; --md-sidebar-group-button: #94A3B8; --md-section-header-bg: #F2FBF9; }
body.palette-material-purple { --md-primary: #7B1FA2; --md-primary-hover: #6A1B9A; --md-primary-light: #E1BEE7; --md-gradient-from: #AB47BC; --md-gradient-to: #6A1B9A; --md-sidebar-bg: #311B92; --md-sidebar-text: #EDE7F6; --md-sidebar-active: #9575CD; --md-sidebar-group-label: #CBD5E1; --md-sidebar-active-text: #FFFFFF; --md-sidebar-group-button: #94A3B8; --md-section-header-bg: #F9F4FB; }