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; }
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; }
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; }
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; }