1:root[data-theme="theme-light"] { 2 --mikiop-background-color: @ini_plugin_background_color; 3 --mikiop-border-color: @ini_plugin_border_color; 4 --mikiop-header-background-color: @ini_plugin_header_background_color; 5 --mikiop-footer-background-color: @ini_plugin_footer_background_color; 6 7 --mikiop-primary-text-color: @ini_plugin_primary_text_color; 8 --mikiop-primary-text-hover-color: @ini_plugin_primary_text_hover_color; 9 --mikiop-primary-background-color: @ini_plugin_primary_background_color; 10 --mikiop-primary-background-hover-color: @ini_plugin_primary_background_hover_color; 11 --mikiop-primary-border-color: @ini_plugin_primary_border_color; 12 --mikiop-primary-border-hover-color: @ini_plugin_primary_border_hover_color; 13 --mikiop-primary-light-text-color: @ini_plugin_primary_light_text_color; 14 --mikiop-primary-light-background-color: @ini_plugin_primary_light_background_color; 15 --mikiop-primary-light-border-color: @ini_plugin_primary_light_border_color; 16 17 --mikiop-secondary-text-color: @ini_plugin_secondary_text_color; 18 --mikiop-secondary-text-hover-color: @ini_plugin_secondary_text_hover_color; 19 --mikiop-secondary-background-color: @ini_plugin_secondary_background_color; 20 --mikiop-secondary-background-hover-color: @ini_plugin_secondary_background_hover_color; 21 --mikiop-secondary-border-color: @ini_plugin_secondary_border_color; 22 --mikiop-secondary-border-hover-color: @ini_plugin_secondary_border_hover_color; 23 --mikiop-secondary-light-text-color: @ini_plugin_secondary_light_text_color; 24 --mikiop-secondary-light-background-color: @ini_plugin_secondary_light_background_color; 25 --mikiop-secondary-light-border-color: @ini_plugin_secondary_light_border_color; 26 27 --mikiop-success-text-color: @ini_plugin_success_text_color; 28 --mikiop-success-text-hover-color: @ini_plugin_success_text_hover_color; 29 --mikiop-success-background-color: @ini_plugin_success_background_color; 30 --mikiop-success-background-hover-color: @ini_plugin_success_background_hover_color; 31 --mikiop-success-border-color: @ini_plugin_success_border_color; 32 --mikiop-success-border-hover-color: @ini_plugin_success_border_hover_color; 33 --mikiop-success-light-text-color: @ini_plugin_success_light_text_color; 34 --mikiop-success-light-background-color: @ini_plugin_success_light_background_color; 35 --mikiop-success-light-border-color: @ini_plugin_success_light_border_color; 36 37 --mikiop-danger-text-color: @ini_plugin_danger_text_color; 38 --mikiop-danger-background-color: @ini_plugin_danger_background_color; 39 --mikiop-danger-border-color: @ini_plugin_danger_border_color; 40 --mikiop-danger-text-hover-color: @ini_plugin_danger_text_hover_color; 41 --mikiop-danger-background-hover-color: @ini_plugin_danger_background_hover_color; 42 --mikiop-danger-border-hover-color: @ini_plugin_danger_border_hover_color; 43 --mikiop-danger-light-text-color: @ini_plugin_danger_light_text_color; 44 --mikiop-danger-light-background-color: @ini_plugin_danger_light_background_color; 45 --mikiop-danger-light-border-color: @ini_plugin_danger_light_border_color; 46 47 --mikiop-warning-text-color: @ini_plugin_warning_text_color; 48 --mikiop-warning-background-color: @ini_plugin_warning_background_color; 49 --mikiop-warning-border-color: @ini_plugin_warning_border_color; 50 --mikiop-warning-text-hover-color: @ini_plugin_warning_text_hover_color; 51 --mikiop-warning-background-hover-color: @ini_plugin_warning_background_hover_color; 52 --mikiop-warning-border-hover-color: @ini_plugin_warning_border_hover_color; 53 --mikiop-warning-light-text-color: @ini_plugin_warning_light_text_color; 54 --mikiop-warning-light-background-color: @ini_plugin_warning_light_background_color; 55 --mikiop-warning-light-border-color: @ini_plugin_warning_light_border_color; 56 57 --mikiop-info-text-color: @ini_plugin_info_text_color; 58 --mikiop-info-background-color: @ini_plugin_info_background_color; 59 --mikiop-info-border-color: @ini_plugin_info_border_color; 60 --mikiop-info-text-hover-color: @ini_plugin_info_text_hover_color; 61 --mikiop-info-background-hover-color: @ini_plugin_info_background_hover_color; 62 --mikiop-info-border-hover-color: @ini_plugin_info_border_hover_color; 63 --mikiop-info-light-text-color: @ini_plugin_info_light_text_color; 64 --mikiop-info-light-background-color: @ini_plugin_info_light_background_color; 65 --mikiop-info-light-border-color: @ini_plugin_info_light_border_color; 66 67 --mikiop-light-text-color: @ini_plugin_light_text_color; 68 --mikiop-light-background-color: @ini_plugin_light_background_color; 69 --mikiop-light-border-color: @ini_plugin_light_border_color; 70 --mikiop-light-text-hover-color: @ini_plugin_light_text_hover_color; 71 --mikiop-light-background-hover-color: @ini_plugin_light_background_hover_color; 72 --mikiop-light-border-hover-color: @ini_plugin_light_border_hover_color; 73 --mikiop-light-light-text-color: @ini_plugin_light_light_text_color; 74 --mikiop-light-light-background-color: @ini_plugin_light_light_background_color; 75 --mikiop-light-light-border-color: @ini_plugin_light_light_border_color; 76 77 --mikiop-dark-text-color: @ini_plugin_dark_text_color; 78 --mikiop-dark-background-color: @ini_plugin_dark_background_color; 79 --mikiop-dark-border-color: @ini_plugin_dark_border_color; 80 --mikiop-dark-text-hover-color: @ini_plugin_dark_text_hover_color; 81 --mikiop-dark-background-hover-color: @ini_plugin_dark_background_hover_color; 82 --mikiop-dark-border-hover-color: @ini_plugin_dark_border_hover_color; 83 --mikiop-dark-light-text-color: @ini_plugin_dark_light_text_color; 84 --mikiop-dark-light-background-color: @ini_plugin_dark_light_background_color; 85 --mikiop-dark-light-border-color: @ini_plugin_dark_light_border_color; 86 87 --mikiop-link-text-color: @ini_plugin_link_text_color; 88 --mikiop-link-background-color: @ini_plugin_link_background_color; 89 --mikiop-link-border-color: @ini_plugin_link_border_color; 90 --mikiop-link-text-hover-color: @ini_plugin_link_text_hover_color; 91 --mikiop-link-background-hover-color: @ini_plugin_link_background_hover_color; 92 --mikiop-link-border-hover-color: @ini_plugin_link_border_hover_color; 93 94 /* Carousel */ 95 --mikiop-carousel-title-text-color: @ini_plugin_carousel_title_text_color; 96 --mikiop-carousel-caption-text-color: @ini_plugin_carousel_caption_text_color; 97 --mikiop-carousel-caption-background-color: @ini_plugin_carousel_caption_background_color; 98 --mikiop-carousel-control-fill-color: @ini_plugin_carousel_control_fill_color; 99 --mikiop-carousel-control-stroke-color: @ini_plugin_carousel_control_stroke_color; 100 --mikiop-carousel-indicator-color: @ini_plugin_carousel_indicator_color; 101 102 /* Steps */ 103 --mikiop-steps-step-text-color: @ini_plugin_steps_step_text_color; 104 --mikiop-steps-border-color: @ini_plugin_steps_border_color; 105 --mikiop-steps-step-background-color: @ini_plugin_steps_step_background_color; 106 --mikiop-steps-step-background-complete-color: @ini_plugin_steps_step_background_complete_color; 107 108 /* Tabgroup */ 109 --mikiop-tabgroup-tab-text-active-color: @ini_plugin_tabgroup_tab_text_active_color; 110 --mikiop-tabgroup-tab-background-active-color: @ini_plugin_tabgroup_tab_background_active_color; 111 --mikiop-tabgroup-tab-border-hover-color: @ini_plugin_tabgroup_tab_border_hover_color; 112 113 /* Tooltip */ 114 --mikiop-tooltip-text-color: @ini_plugin_tooltip_text_color; 115 --mikiop-tooltip-background-color: @ini_plugin_tooltip_background_color; 116 --mikiop-tooltip-border-color: @ini_plugin_tooltip_border_color; 117} 118 119:root[data-theme="theme-dark"] { 120 --mikiop-background-color: @ini_plugin_darkmode_background_color; 121 --mikiop-border-color: @ini_plugin_darkmode_border_color; 122 --mikiop-header-background-color: @ini_plugin_darkmode_header_background_color; 123 --mikiop-footer-background-color: @ini_plugin_darkmode_footer_background_color; 124 125 --mikiop-primary-text-color: @ini_plugin_darkmode_primary_text_color; 126 --mikiop-primary-text-hover-color: @ini_plugin_darkmode_primary_text_hover_color; 127 --mikiop-primary-background-color: @ini_plugin_darkmode_primary_background_color; 128 --mikiop-primary-background-hover-color: @ini_plugin_darkmode_primary_background_hover_color; 129 --mikiop-primary-border-color: @ini_plugin_darkmode_primary_border_color; 130 --mikiop-primary-border-hover-color: @ini_plugin_darkmode_primary_border_hover_color; 131 --mikiop-primary-light-text-color: @ini_plugin_darkmode_primary_light_text_color; 132 --mikiop-primary-light-background-color: @ini_plugin_darkmode_primary_light_background_color; 133 --mikiop-primary-light-border-color: @ini_plugin_darkmode_primary_light_border_color; 134 135 --mikiop-secondary-text-color: @ini_plugin_darkmode_secondary_text_color; 136 --mikiop-secondary-text-hover-color: @ini_plugin_darkmode_secondary_text_hover_color; 137 --mikiop-secondary-background-color: @ini_plugin_darkmode_secondary_background_color; 138 --mikiop-secondary-background-hover-color: @ini_plugin_darkmode_secondary_background_hover_color; 139 --mikiop-secondary-border-color: @ini_plugin_darkmode_secondary_border_color; 140 --mikiop-secondary-border-hover-color: @ini_plugin_darkmode_secondary_border_hover_color; 141 --mikiop-secondary-light-text-color: @ini_plugin_darkmode_secondary_light_text_color; 142 --mikiop-secondary-light-background-color: @ini_plugin_darkmode_secondary_light_background_color; 143 --mikiop-secondary-light-border-color: @ini_plugin_darkmode_secondary_light_border_color; 144 145 --mikiop-success-text-color: @ini_plugin_darkmode_success_text_color; 146 --mikiop-success-text-hover-color: @ini_plugin_darkmode_success_text_hover_color; 147 --mikiop-success-background-color: @ini_plugin_darkmode_success_background_color; 148 --mikiop-success-background-hover-color: @ini_plugin_darkmode_success_background_hover_color; 149 --mikiop-success-border-color: @ini_plugin_darkmode_success_border_color; 150 --mikiop-success-border-hover-color: @ini_plugin_darkmode_success_border_hover_color; 151 --mikiop-success-light-text-color: @ini_plugin_darkmode_success_light_text_color; 152 --mikiop-success-light-background-color: @ini_plugin_darkmode_success_light_background_color; 153 --mikiop-success-light-border-color: @ini_plugin_darkmode_success_light_border_color; 154 155 --mikiop-danger-text-color: @ini_plugin_darkmode_danger_text_color; 156 --mikiop-danger-background-color: @ini_plugin_darkmode_danger_background_color; 157 --mikiop-danger-border-color: @ini_plugin_darkmode_danger_border_color; 158 --mikiop-danger-text-hover-color: @ini_plugin_darkmode_danger_text_hover_color; 159 --mikiop-danger-background-hover-color: @ini_plugin_darkmode_danger_background_hover_color; 160 --mikiop-danger-border-hover-color: @ini_plugin_darkmode_danger_border_hover_color; 161 --mikiop-danger-light-text-color: @ini_plugin_darkmode_danger_light_text_color; 162 --mikiop-danger-light-background-color: @ini_plugin_darkmode_danger_light_background_color; 163 --mikiop-danger-light-border-color: @ini_plugin_darkmode_danger_light_border_color; 164 165 --mikiop-warning-text-color: @ini_plugin_darkmode_warning_text_color; 166 --mikiop-warning-background-color: @ini_plugin_darkmode_warning_background_color; 167 --mikiop-warning-border-color: @ini_plugin_darkmode_warning_border_color; 168 --mikiop-warning-text-hover-color: @ini_plugin_darkmode_warning_text_hover_color; 169 --mikiop-warning-background-hover-color: @ini_plugin_darkmode_warning_background_hover_color; 170 --mikiop-warning-border-hover-color: @ini_plugin_darkmode_warning_border_hover_color; 171 --mikiop-warning-light-text-color: @ini_plugin_darkmode_warning_light_text_color; 172 --mikiop-warning-light-background-color: @ini_plugin_darkmode_warning_light_background_color; 173 --mikiop-warning-light-border-color: @ini_plugin_darkmode_warning_light_border_color; 174 175 --mikiop-info-text-color: @ini_plugin_darkmode_info_text_color; 176 --mikiop-info-background-color: @ini_plugin_darkmode_info_background_color; 177 --mikiop-info-border-color: @ini_plugin_darkmode_info_border_color; 178 --mikiop-info-text-hover-color: @ini_plugin_darkmode_info_text_hover_color; 179 --mikiop-info-background-hover-color: @ini_plugin_darkmode_info_background_hover_color; 180 --mikiop-info-border-hover-color: @ini_plugin_darkmode_info_border_hover_color; 181 --mikiop-info-light-text-color: @ini_plugin_darkmode_info_light_text_color; 182 --mikiop-info-light-background-color: @ini_plugin_darkmode_info_light_background_color; 183 --mikiop-info-light-border-color: @ini_plugin_darkmode_info_light_border_color; 184 185 --mikiop-light-text-color: @ini_plugin_darkmode_light_text_color; 186 --mikiop-light-background-color: @ini_plugin_darkmode_light_background_color; 187 --mikiop-light-border-color: @ini_plugin_darkmode_light_border_color; 188 --mikiop-light-text-hover-color: @ini_plugin_darkmode_light_text_hover_color; 189 --mikiop-light-background-hover-color: @ini_plugin_darkmode_light_background_hover_color; 190 --mikiop-light-border-hover-color: @ini_plugin_darkmode_light_border_hover_color; 191 --mikiop-light-light-text-color: @ini_plugin_darkmode_light_light_text_color; 192 --mikiop-light-light-background-color: @ini_plugin_darkmode_light_light_background_color; 193 --mikiop-light-light-border-color: @ini_plugin_darkmode_light_light_border_color; 194 195 --mikiop-dark-text-color: @ini_plugin_darkmode_dark_text_color; 196 --mikiop-dark-background-color: @ini_plugin_darkmode_dark_background_color; 197 --mikiop-dark-border-color: @ini_plugin_darkmode_dark_border_color; 198 --mikiop-dark-text-hover-color: @ini_plugin_darkmode_dark_text_hover_color; 199 --mikiop-dark-background-hover-color: @ini_plugin_darkmode_dark_background_hover_color; 200 --mikiop-dark-border-hover-color: @ini_plugin_darkmode_dark_border_hover_color; 201 --mikiop-dark-light-text-color: @ini_plugin_darkmode_dark_light_text_color; 202 --mikiop-dark-light-background-color: @ini_plugin_darkmode_dark_light_background_color; 203 --mikiop-dark-light-border-color: @ini_plugin_darkmode_dark_light_border_color; 204 205 --mikiop-link-text-color: @ini_plugin_darkmode_link_text_color; 206 --mikiop-link-background-color: @ini_plugin_darkmode_link_background_color; 207 --mikiop-link-border-color: @ini_plugin_darkmode_link_border_color; 208 --mikiop-link-text-hover-color: @ini_plugin_darkmode_link_text_hover_color; 209 --mikiop-link-background-hover-color: @ini_plugin_darkmode_link_background_hover_color; 210 --mikiop-link-border-hover-color: @ini_plugin_darkmode_link_border_hover_color; 211 212 /* Carousel */ 213 --mikiop-carousel-title-text-color: @ini_plugin_darkmode_carousel_title_text_color; 214 --mikiop-carousel-caption-text-color: @ini_plugin_darkmode_carousel_caption_text_color; 215 --mikiop-carousel-caption-background-color: @ini_plugin_darkmode_carousel_caption_background_color; 216 --mikiop-carousel-control-fill-color: @ini_plugin_darkmode_carousel_control_fill_color; 217 --mikiop-carousel-control-stroke-color: @ini_plugin_darkmode_carousel_control_stroke_color; 218 --mikiop-carousel-indicator-color: @ini_plugin_darkmode_carousel_indicator_color; 219 220 /* Steps */ 221 --mikiop-steps-step-text-color: @ini_plugin_darkmode_steps_step_text_color; 222 --mikiop-steps-border-color: @ini_plugin_darkmode_steps_border_color; 223 --mikiop-steps-step-background-color: @ini_plugin_darkmode_steps_step_background_color; 224 --mikiop-steps-step-background-complete-color: @ini_plugin_darkmode_steps_step_background_complete_color; 225 226 /* Tabgroup */ 227 --mikiop-tabgroup-tab-text-active-color: @ini_plugin_darkmode_tabgroup_tab_text_active_color; 228 --mikiop-tabgroup-tab-background-active-color: @ini_plugin_darkmode_tabgroup_tab_background_active_color; 229 --mikiop-tabgroup-tab-border-hover-color: @ini_plugin_darkmode_tabgroup_tab_border_hover_color; 230 231 /* Tooltip */ 232 --mikiop-tooltip-text-color: @ini_plugin_darkmode_tooltip_text_color; 233 --mikiop-tooltip-background-color: @ini_plugin_darkmode_tooltip_background_color; 234 --mikiop-tooltip-border-color: @ini_plugin_darkmode_tooltip_border_color; 235}