themeSwitcher.scss 151 KB
Newer Older
1
@import "themes/theme-default";
2
@import "../imports/ui/main/main.scss";
Nico Müller's avatar
Nico Müller committed
3

4
$themes: (
5
        theme-default: map-merge(changing-colors-definitions(), theme-default())
6
);
Mehmet-Ali Pamukci's avatar
Mehmet-Ali Pamukci committed
7

8 9
@each $theme, $map in $themes {
  .#{$theme} {
10
    //background
11 12
    $background_landing_page: map-get($map, "background_landing_page");
    $background_internal: map-get($map, "background_internal");
13
    $background_demo: map-get($map, "background_demo");
14
    $background_presentation: map-get($map, "background_presentation");
15 16 17
    $background_learning: map-get($map, "background_learning");
    $background_backend: map-get($map, "background_backend");
    $background_editor: map-get($map, "background_editor");
18
    $background_transcript_bonus: map-get($map, "background_transcript_bonus");
19 20
    //global colors
    $thm_dark_blue: map-get($map, "thm_dark_blue");
21
    $thm_blue: map-get($map, "thm_blue");
22 23 24 25 26 27 28 29 30 31 32 33 34 35 36
    $thm_orange: map-get($map, "thm_orange");
    $thm_red: map-get($map, "thm_red");
    $thm_gray: map-get($map, "thm_gray");
    $thm_green: map-get($map, "thm_green");
    $athens_gray_approx: map-get($map, "athens_gray_approx");
    $white: map-get($map, "white");
    $bilbao_approx: map-get($map, "bilbao_approx");
    $mercury_approx: map-get($map, "mercury_approx");
    $la_palma_approx: map-get($map, "la_palma_approx");
    $wild_sand_approx: map-get($map, "wild_sand_approx");
    $slate_gray_approx: map-get($map, "slate_gray_approx");
    $alto_approx: map-get($map, "alto_approx");
    $storm_dust_approx: map-get($map, "storm_dust_approx");
    $mountain_mist_approx: map-get($map, "mountain_mist_approx");
    $primary: map-get($map, "primary");
37
    $accent: map-get($map, "accent");
38 39
    $primary_text: map-get($map, "primary_text");
    $secondary_text: map-get($map, "secondary_text");
40
    $divider: map-get($map, "divider");
41
    $accent_300: map-get($map, "accent_300");
42
    $background: map-get($map, "background");
43
    $hyperlink: map-get($map, "hyperlink");
44
    $modal_icon: map-get($map, "modal_icon");
45
    //global button and label colors
46 47
    $demo_background: map-get($map, "demo_background");
    $demo_text: map-get($map, "demo_text");
48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65
    $free_background: map-get($map, "free_background");
    $free_text: map-get($map, "free_text");
    $edu_background: map-get($map, "edu_background");
    $edu_text: map-get($map, "edu_text");
    $pro_background: map-get($map, "pro_background");
    $pro_text: map-get($map, "pro_text");
    $private_background: map-get($map, "private_background");
    $private_text: map-get($map, "private_text");
    $danger_background: map-get($map, "danger_background");
    $danger_text: map-get($map, "danger_text");
    $info_background: map-get($map, "info_background");
    $info_text: map-get($map, "info_text");
    $success_background: map-get($map, "success_background");
    $success_text: map-get($map, "success_text");
    $warning_background: map-get($map, "warning_background");
    $warning_text: map-get($map, "warning_text");
    $disabled_background: map-get($map, "disabled_background");
    $disabled_text: map-get($map, "disabled_text");
66 67
    $shuffled_background: map-get($map, "shuffled_background");
    $shuffled_text: map-get($map, "shuffled_text");
68 69
    $bonus_background: map-get($map, "bonus_background");
    $bonus_text: map-get($map, "bonus_text");
70 71
    $bonus_transcript_background: map-get($map, "bonus_transcript_background");
    $bonus_transcript_text: map-get($map, "bonus_transcript_text");
72 73
    $card_type_background: map-get($map, "card_type_background");
    $card_type_text: map-get($map, "card_type_text");
74 75
    $button_background_hover: map-get($map, "button_background_hover");
    $button_text_hover: map-get($map, "button_text_hover");
76 77 78 79 80 81
    $input_textarea_border_active: map-get($map, "input_textarea_border_active");
    $input_textarea_border_inactive: map-get($map, "input_textarea_border_inactive");
    $input_textarea_background_active: map-get($map, "input_textarea_background_active");
    $input_textarea_background_inactive: map-get($map, "input_textarea_background_inactive");
    $input_textarea_text_active: map-get($map, "input_textarea_text_active");
    $input_textarea_text_inactive: map-get($map, "input_textarea_text_inactive");
82
    $button_navbar_collapse_text: map-get($map, "button_navbar_collapse_text");
83 84
    $lecturer_authorized_background:  map-get($map, "lecturer_authorized_background");
    $lecturer_authorized_text:  map-get($map, "lecturer_authorized_text");
85 86 87 88
    $card_counter_background:  map-get($map, "card_counter_background");
    $card_counter_text:  map-get($map, "card_counter_text");
    $transcript_counter_background:  map-get($map, "transcript_counter_background");
    $transcript_counter_text:  map-get($map, "transcript_counter_text");
89 90 91 92 93 94
    //barfy stars
    $barfy_stars_particles_1: map-get($map, "barfy_stars_particles_1");
    $barfy_stars_particles_2: map-get($map, "barfy_stars_particles_2");
    $barfy_stars_particles_3: map-get($map, "barfy_stars_particles_3");
    $barfy_stars_particles_4: map-get($map, "barfy_stars_particles_4");
    $barfy_stars_particles_5: map-get($map, "barfy_stars_particles_5");
95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111
    //login
    $login_facebook_background: map-get($map, "login_facebook_background");
    $login_facebook_background_hover: map-get($map, "login_facebook_background_hover");
    $login_facebook_icon: map-get($map, "login_facebook_icon");
    $login_facebook_icon_hover: map-get($map, "login_facebook_icon_hover");
    $login_twitter_background: map-get($map, "login_twitter_background");
    $login_twitter_background_hover: map-get($map, "login_twitter_background_hover");
    $login_twitter_icon: map-get($map, "login_twitter_icon");
    $login_twitter_icon_hover: map-get($map, "login_twitter_icon_hover");
    $login_google_background: map-get($map, "login_google_background");
    $login_google_background_hover: map-get($map, "login_google_background_hover");
    $login_google_icon: map-get($map, "login_google_icon");
    $login_google_icon_hover: map-get($map, "login_google_icon_hover");
    $login_cas_background: map-get($map, "login_cas_background");
    $login_cas_background_hover: map-get($map, "login_cas_background_hover");
    $login_cas_icon: map-get($map, "login_cas_icon");
    $login_cas_icon_hover: map-get($map, "login_cas_icon_hover");
112 113 114 115 116 117 118 119
    $login_guest_background: map-get($map, "login_guest_background");
    $login_guest_background_hover: map-get($map, "login_guest_background_hover");
    $login_guest_icon: map-get($map, "login_guest_icon");
    $login_guest_icon_hover: map-get($map, "login_guest_icon_hover");
    $login_pro_background: map-get($map, "login_pro_background");
    $login_pro_background_hover: map-get($map, "login_pro_background_hover");
    $login_pro_icon: map-get($map, "login_pro_icon");
    $login_pro_icon_hover: map-get($map, "login_pro_icon_hover");
120 121 122 123
    $login_backdoor_background: map-get($map, "login_backdoor_background");
    $login_backdoor_background_hover: map-get($map, "login_backdoor_background_hover");
    $login_backdoor_icon: map-get($map, "login_backdoor_icon");
    $login_backdoor_icon_hover: map-get($map, "login_backdoor_icon_hover");
124 125
    //ratings
    $current_rating: map-get($map, "current_rating");
126
    $hover_rating: map-get($map, "hover_rating");
127 128 129 130
    //navbar
    $navbar_background: map-get($map, "navbar_background");
    $navbar_text: map-get($map, "navbar_text");
    $navbar_text_hover: map-get($map, "navbar_text_hover");
131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152
    //navbar all
    $navbar_all_background: map-get($map, "navbar_all_background");
    $navbar_all_background_hover: map-get($map, "navbar_all_background_hover");
    $navbar_all_background_active: map-get($map, "navbar_all_background_active");
    $navbar_all_text: map-get($map, "navbar_all_text");
    $navbar_all_text_hover: map-get($map, "navbar_all_text_hover");
    $navbar_all_text_active: map-get($map, "navbar_all_text_active");
    $navbar_all_border: map-get($map, "navbar_all_border");
    $navbar_all_border_hover: map-get($map, "navbar_all_border_hover");
    $navbar_all_border_active: map-get($map, "navbar_all_border_active");
    $navbar_all_cardsets_background: map-get($map, "navbar_all_cardsets_background");
    $navbar_all_cardsets_background_hover: map-get($map, "navbar_all_cardsets_background_hover");
    $navbar_all_cardsets_background_active: map-get($map, "navbar_all_cardsets_background_active");
    $navbar_all_cardsets_text: map-get($map, "navbar_all_cardsets_text");
    $navbar_all_cardsets_text_hover: map-get($map, "navbar_all_cardsets_text_hover");
    $navbar_all_cardsets_text_active: map-get($map, "navbar_all_cardsets_text_active");
    $navbar_all_repetitorien_background: map-get($map, "navbar_all_repetitorien_background");
    $navbar_all_repetitorien_background_hover: map-get($map, "navbar_all_repetitorien_background_hover");
    $navbar_all_repetitorien_background_active: map-get($map, "navbar_all_repetitorien_background_active");
    $navbar_all_repetitorien_text: map-get($map, "navbar_all_repetitorien_text");
    $navbar_all_repetitorien_text_hover: map-get($map, "navbar_all_repetitorien_text_hover");
    $navbar_all_repetitorien_text_active: map-get($map, "navbar_all_repetitorien_text_active");
153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171
    //navbar transcripts
    $navbar_transcripts_background: map-get($map, "navbar_transcripts_background");
    $navbar_transcripts_background_hover: map-get($map, "navbar_transcripts_background_hover");
    $navbar_transcripts_background_active: map-get($map, "navbar_transcripts_background_active");
    $navbar_transcripts_text: map-get($map, "navbar_transcripts_text");
    $navbar_transcripts_text_hover: map-get($map, "navbar_transcripts_text_hover");
    $navbar_transcripts_text_active: map-get($map, "navbar_transcripts_text_active");
    $navbar_transcripts_personal_background: map-get($map, "navbar_transcripts_personal_background");
    $navbar_transcripts_personal_background_hover: map-get($map, "navbar_transcripts_personal_background_hover");
    $navbar_transcripts_personal_background_active: map-get($map, "navbar_transcripts_personal_background_active");
    $navbar_transcripts_personal_text: map-get($map, "navbar_transcripts_personal_text");
    $navbar_transcripts_personal_text_hover: map-get($map, "navbar_transcripts_personal_text_hover");
    $navbar_transcripts_personal_text_active: map-get($map, "navbar_transcripts_personal_text_active");
    $navbar_transcripts_bonus_background: map-get($map, "navbar_transcripts_bonus_background");
    $navbar_transcripts_bonus_background_hover: map-get($map, "navbar_transcripts_bonus_background_hover");
    $navbar_transcripts_bonus_background_active: map-get($map, "navbar_transcripts_bonus_background_active");
    $navbar_transcripts_bonus_text: map-get($map, "navbar_transcripts_bonus_text");
    $navbar_transcripts_bonus_text_hover: map-get($map, "navbar_transcripts_bonus_text_hover");
    $navbar_transcripts_bonus_text_active: map-get($map, "navbar_transcripts_bonus_text_active");
172 173 174 175 176 177 178
    //navbar personal
    $navbar_personal_background: map-get($map, "navbar_personal_background");
    $navbar_personal_background_hover: map-get($map, "navbar_personal_background_hover");
    $navbar_personal_background_active: map-get($map, "navbar_personal_background_active");
    $navbar_personal_text: map-get($map, "navbar_personal_text");
    $navbar_personal_text_hover: map-get($map, "navbar_personal_text_hover");
    $navbar_personal_text_active: map-get($map, "navbar_personal_text_active");
Curtis Adam's avatar
Curtis Adam committed
179 180 181 182 183 184
    $navbar_personal_transcripts_background: map-get($map, "navbar_personal_transcripts_background");
    $navbar_personal_transcripts_background_hover: map-get($map, "navbar_personal_transcripts_background_hover");
    $navbar_personal_transcripts_background_active: map-get($map, "navbar_personal_transcripts_background_active");
    $navbar_personal_transcripts_text: map-get($map, "navbar_personal_transcripts_text");
    $navbar_personal_transcripts_text_hover: map-get($map, "navbar_personal_transcripts_text_hover");
    $navbar_personal_transcripts_text_active: map-get($map, "navbar_personal_transcripts_text_active");
185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216
    $navbar_personal_cardsets_background: map-get($map, "navbar_personal_cardsets_background");
    $navbar_personal_cardsets_background_hover: map-get($map, "navbar_personal_cardsets_background_hover");
    $navbar_personal_cardsets_background_active: map-get($map, "navbar_personal_cardsets_background_active");
    $navbar_personal_cardsets_text: map-get($map, "navbar_personal_cardsets_text");
    $navbar_personal_cardsets_text_hover: map-get($map, "navbar_personal_cardsets_text_hover");
    $navbar_personal_cardsets_text_active: map-get($map, "navbar_personal_cardsets_text_active");
    $navbar_personal_repetitorien_background: map-get($map, "navbar_personal_repetitorien_background");
    $navbar_personal_repetitorien_background_hover: map-get($map, "navbar_personal_repetitorien_background_hover");
    $navbar_personal_repetitorien_background_active: map-get($map, "navbar_personal_repetitorien_background_active");
    $navbar_personal_repetitorien_text: map-get($map, "navbar_personal_repetitorien_text");
    $navbar_personal_repetitorien_text_hover: map-get($map, "navbar_personal_repetitorien_text_hover");
    $navbar_personal_repetitorien_text_active: map-get($map, "navbar_personal_repetitorien_text_active");
    //navbar public
    $navbar_public_background: map-get($map, "navbar_public_background");
    $navbar_public_background_hover: map-get($map, "navbar_public_background_hover");
    $navbar_public_background_active: map-get($map, "navbar_public_background_active");
    $navbar_public_text: map-get($map, "navbar_public_text");
    $navbar_public_text_hover: map-get($map, "navbar_public_text_hover");
    $navbar_public_text_active: map-get($map, "navbar_public_text_active");
    $navbar_public_cardsets_background: map-get($map, "navbar_public_cardsets_background");
    $navbar_public_cardsets_background_hover: map-get($map, "navbar_public_cardsets_background_hover");
    $navbar_public_cardsets_background_active: map-get($map, "navbar_public_cardsets_background_active");
    $navbar_public_cardsets_text: map-get($map, "navbar_public_cardsets_text");
    $navbar_public_cardsets_text_hover: map-get($map, "navbar_public_cardsets_text_hover");
    $navbar_public_cardsets_text_active: map-get($map, "navbar_public_cardsets_text_active");
    $navbar_public_repetitorien_background: map-get($map, "navbar_public_repetitorien_background");
    $navbar_public_repetitorien_background_hover: map-get($map, "navbar_public_repetitorien_background_hover");
    $navbar_public_repetitorien_background_active: map-get($map, "navbar_public_repetitorien_background_active");
    $navbar_public_repetitorien_text: map-get($map, "navbar_public_repetitorien_text");
    $navbar_public_repetitorien_text_hover: map-get($map, "navbar_public_repetitorien_text_hover");
    $navbar_public_repetitorien_text_active: map-get($map, "navbar_public_repetitorien_text_active");
    //navbar learn
217 218 219 220 221 222 223
    $navbar_learn_background: map-get($map, "navbar_learn_background");
    $navbar_learn_background_hover: map-get($map, "navbar_learn_background_hover");
    $navbar_learn_background_active: map-get($map, "navbar_learn_background_active");
    $navbar_learn_text: map-get($map, "navbar_learn_text");
    $navbar_learn_text_hover: map-get($map, "navbar_learn_text_hover");
    $navbar_learn_text_active: map-get($map, "navbar_learn_text_active");
    $navbar_search_placeholder: map-get($map, "navbar_search_placeholder");
224 225 226 227 228
    $navbar_search_button_background: map-get($map, "navbar_search_button_background");
    $navbar_search_button_icon: map-get($map, "navbar_search_button_icon");
    $navbar_search_button_background_hover: map-get($map, "navbar_search_button_background_hover");
    $navbar_search_button_icon_hover: map-get($map, "navbar_search_button_icon_hover");
    $navbar_search_clear_icon: map-get($map, "navbar_search_clear_icon");
229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250
    $navbar_help_background: map-get($map, "navbar_help_background");
    $navbar_help_background_hover: map-get($map, "navbar_help_background_hover");
    $navbar_help_background_active: map-get($map, "navbar_help_background_active");
    $navbar_help_text: map-get($map, "navbar_help_text");
    $navbar_help_text_hover: map-get($map, "navbar_help_text_hover");
    $navbar_help_text_active: map-get($map, "navbar_help_text_active");
    $navbar_backend_background: map-get($map, "navbar_backend_background");
    $navbar_backend_background_hover: map-get($map, "navbar_backend_background_hover");
    $navbar_backend_text: map-get($map, "navbar_backend_text");
    $navbar_backend_text_hover: map-get($map, "navbar_backend_text_hover");
    $navbar_notifications_background: map-get($map, "navbar_notifications_background");
    $navbar_notifications_background_hover: map-get($map, "navbar_notifications_background_hover");
    $navbar_notifications_text: map-get($map, "navbar_notifications_text");
    $navbar_notifications_text_hover: map-get($map, "navbar_notifications_text_hover");
    $navbar_profile_background: map-get($map, "navbar_profile_background");
    $navbar_profile_background_hover: map-get($map, "navbar_profile_background_hover");
    $navbar_profile_background_active: map-get($map, "navbar_profile_background_active");
    $navbar_profile_text: map-get($map, "navbar_profile_text");
    $navbar_profile_text_hover: map-get($map, "navbar_profile_text_hover");
    $navbar_profile_text_active: map-get($map, "navbar_profile_text_active");
    $navbar_logout_background: map-get($map, "navbar_profile_background");
    $navbar_logout_background_hover: map-get($map, "navbar_logout_background_hover");
251 252 253 254 255 256 257
    $navbar_profile_dropdown_background: map-get($map, "navbar_profile_dropdown_background");
    $navbar_profile_dropdown_background_opacity: map-get($map, "navbar_profile_dropdown_background_opacity");
    $navbar_profile_dropdown_background_hover: map-get($map, "navbar_profile_dropdown_background_hover");
    $navbar_profile_dropdown_background_active: map-get($map, "navbar_profile_dropdown_background_active");
    $navbar_profile_dropdown_text: map-get($map, "navbar_profile_dropdown_text");
    $navbar_profile_dropdown_text_hover: map-get($map, "navbar_profile_dropdown_text_hover");
    $navbar_profile_dropdown_text_active: map-get($map, "navbar_profile_dropdown_text_active");
258 259
    $navbar_logout_text: map-get($map, "navbar_logout_text");
    $navbar_logout_text_hover: map-get($map, "navbar_logout_text_hover");
260 261 262 263 264
    $navbar_websocket_connected: map-get($map, "navbar_websocket_connected");
    $navbar_websocket_connecting: map-get($map, "navbar_websocket_connecting");
    $navbar_websocket_disconnected: map-get($map, "navbar_websocket_disconnected");
    $navbar_websocket_background_hover: map-get($map, "navbar_websocket_background_hover");
    $navbar_websocket_background_active: map-get($map, "navbar_websocket_background_active");
265
    //welcome page colors
266 267
    $welcome_page_login_label: map-get($map, "welcome_page_login_label");
    $welcome_page_login_label_shadow: map-get($map, "welcome_page_login_label_shadow");
268
    $placeholder: map-get($map, "placeholder");
269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286
    //server statistics colors
    $server_statistics_table_header_background: map-get($map, "server_statistics_table_header_background");
    $server_statistics_table_header_text: map-get($map, "server_statistics_table_header_text");
    $server_statistics_table_header_counter: map-get($map, "server_statistics_table_header_counter");
    $server_statistics_table_row_background: map-get($map, "server_statistics_table_row_background");
    $server_statistics_table_row_text: map-get($map, "server_statistics_table_row_text");
    $server_statistics_table_row_counter: map-get($map, "server_statistics_table_row_counter");
    //footer colors
    $footer_welcome_page_info_icon_text: map-get($map, "footer_welcome_page_info_icon_text");
    $footer_welcome_page_info_icon_text_hover: map-get($map, "footer_welcome_page_info_icon_text_hover");
    $footer_navigation_text: map-get($map, "footer_navigation_text");
    $footer_navigation_text_active: map-get($map, "footer_navigation_text_active");
    $footer_navigation_text_hover: map-get($map, "footer_navigation_text_hover");
    $footer_navigation_background: map-get($map, "footer_navigation_background");
    $footer_navigation_background_active: map-get($map, "footer_navigation_background_active");
    $footer_navigation_background_hover: map-get($map, "footer_navigation_background_hover");
    $footer_home_button_icon: map-get($map, "footer_home_button_icon");
    $footer_home_button_icon_hover: map-get($map, "footer_home_button_icon_hover");
287 288 289 290 291 292
    $info_content_header_text: map-get($map, "info_content_header_text");
    $info_content_header_background: map-get($map, "info_content_header_background");
    $info_content_body_text: map-get($map, "info_content_body_text");
    $info_content_body_background: map-get($map, "info_content_body_background");
    //editor navigation colors
    $item_selection_border: map-get($map, "item_selection_border");
293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310
    //filter colors
    $filter_navigation_background: map-get($map, "filter_navigation_background");
    $filter_navigation_text: map-get($map, "filter_navigation_text");
    $filter_navigation_background_hover: map-get($map, "filter_navigation_background_hover");
    $filter_navigation_icon_active: map-get($map, "filter_navigation_icon_active");
    $filter_navigation_text_hover: map-get($map, "filter_navigation_text_hover");
    $filter_button_background: map-get($map, "filter_button_background");
    $filter_button_icon: map-get($map, "filter_button_icon");
    $filter_button_background_active: map-get($map, "filter_button_background_active");
    $filter_button_icon_active: map-get($map, "filter_button_icon_active");
    $filter_button_background_hover: map-get($map, "filter_button_background_hover");
    $filter_button_icon_hover: map-get($map, "filter_button_icon_hover");
    $filter_border: map-get($map, "filter_border");
    //display mode
    $display_mode_background: map-get($map, "display_mode_background");
    $display_mode_text: map-get($map, "display_mode_text");
    $display_mode_background_hover: map-get($map, "display_mode_background_hover");
    $display_mode_text_hover: map-get($map, "display_mode_text_hover");
311 312 313 314 315 316 317
    //item lists colors
    $item_separator_border_bottom: map-get($map, "item_separator_border_bottom");
    $infinite_scroll_background: map-get($map, "infinite_scroll_background");
    $infinite_scroll_icon: map-get($map, "infinite_scroll_icon");
    $infinite_scroll_text: map-get($map, "infinite_scroll_text");
    $item_background: map-get($map, "item_background");
    $item_icon: map-get($map, "item_icon");
318
    $item_icon_hover: map-get($map, "item_icon_hover");
319 320 321 322
    $item_author_text: map-get($map, "item_author_text");
    $item_description_background: map-get($map, "item_description_background");
    $item_description_text: map-get($map, "item_description_text");
    $item_text: map-get($map, "item_text");
323
    $item_content_link: map-get($map, "item_content_link");
324 325
    $no_results_background: map-get($map, "no_results_background");
    $no_results_text: map-get($map, "no_results_text");
326
    //difficulty colors
327
    $button_difficulty0_note: map-get($map, "button_difficulty0_note");
328
    $button_difficulty0: map-get($map, "button_difficulty0");
329 330 331 332 333 334 335 336 337 338 339 340 341 342
    $button_difficulty1: map-get($map, "button_difficulty1");
    $button_difficulty2: map-get($map, "button_difficulty2");
    $button_difficulty3: map-get($map, "button_difficulty3");
    $button_difficulty_inactive: map-get($map, "button_difficulty_inactive");
    $background_difficulty0_note: map-get($map, "background_difficulty0_note");
    $background_difficulty0: map-get($map, "background_difficulty0");
    $background_difficulty1: map-get($map, "background_difficulty1");
    $background_difficulty2: map-get($map, "background_difficulty2");
    $background_difficulty3: map-get($map, "background_difficulty3");
    $background_difficulty0_lines_note: map-get($map, "background_difficulty0_lines_note");
    $background_difficulty0_lines: map-get($map, "background_difficulty0_lines");
    $background_difficulty1_lines: map-get($map, "background_difficulty1_lines");
    $background_difficulty2_lines: map-get($map, "background_difficulty2_lines");
    $background_difficulty3_lines: map-get($map, "background_difficulty3_lines");
343 344 345 346 347 348
    $background_white: map-get($map, "background_white");
    $background_white_lines: map-get($map, "background_white_lines");
    $background_post_it: map-get($map, "background_post_it");
    $background_post_it_lines: map-get($map, "background_post_it_lines");
    $background_pink: map-get($map, "background_pink");
    $background_pink_lines: map-get($map, "background_pink_lines");
349 350 351
    //card sidebar colors
    $card_sidebar_border: map-get($map, "card_sidebar_border");
    $card_sidebar_background: map-get($map, "card_sidebar_background");
352 353
    $card_sidebar_edit_button_background: map-get($map, "card_sidebar_edit_button_background");
    $card_sidebar_edit_button_text: map-get($map, "card_sidebar_edit_button_text");
354 355
    $card_sidebar_edit_button_background_hover: map-get($map, "card_sidebar_edit_button_background_hover");
    $card_sidebar_edit_button_text_hover: map-get($map, "card_sidebar_edit_button_text_hover");
356 357
    $card_sidebar_delete_button_background: map-get($map, "card_sidebar_delete_button_background");
    $card_sidebar_delete_button_text: map-get($map, "card_sidebar_delete_button_text");
358 359
    $card_sidebar_delete_button_background_hover: map-get($map, "card_sidebar_delete_button_background_hover");
    $card_sidebar_delete_button_text_hover: map-get($map, "card_sidebar_delete_button_text_hover");
360 361 362 363 364 365 366 367 368 369
    $card_sidebar_toggle_button_background: map-get($map, "card_sidebar_toggle_button_background");
    $card_sidebar_toggle_button_text: map-get($map, "card_sidebar_toggle_button_text");
    $card_sidebar_toggle_button_opacity: map-get($map, "card_sidebar_toggle_button_opacity");
    $card_sidebar_toggle_button_background_hover: map-get($map, "card_sidebar_toggle_button_background_hover");
    $card_sidebar_toggle_button_text_hover: map-get($map, "card_sidebar_toggle_button_text_hover");
    $card_sidebar_toggle_button_background_active: map-get($map, "card_sidebar_toggle_button_background_active");
    $card_sidebar_toggle_button_text_active: map-get($map, "card_sidebar_toggle_button_text_active");
    $card_sidebar_toggle_button_opacity_active: map-get($map, "card_sidebar_toggle_button_opacity_active");
    $card_sidebar_toggle_button_background_active_hover: map-get($map, "card_sidebar_toggle_button_background_active_hover");
    $card_sidebar_toggle_button_text_active_hover: map-get($map, "card_sidebar_toggle_button_text_active_hover");
370
    $card_sidebar_aspect_ratio_background: map-get($map, "card_sidebar_aspect_ratio_background");
371
    $card_sidebar_aspect_ratio_text: map-get($map, "card_sidebar_aspect_ratio_text");
372
    $card_sidebar_aspect_ratio_background_hover: map-get($map, "card_sidebar_aspect_ratio_background_hover");
373
    $card_sidebar_aspect_ratio_text_hover: map-get($map, "card_sidebar_aspect_ratio_text_hover");
374
    $card_sidebar_aspect_ratio_dropdown_background: map-get($map, "card_sidebar_aspect_ratio_dropdown_background");
375
    $card_sidebar_aspect_ratio_dropdown_text: map-get($map, "card_sidebar_aspect_ratio_dropdown_text");
376 377
    $card_sidebar_aspect_ratio_dropdown_border: map-get($map, "card_sidebar_aspect_ratio_dropdown_border");
    $card_sidebar_aspect_ratio_dropdown_background_hover: map-get($map, "card_sidebar_aspect_ratio_dropdown_background_hover");
378
    $card_sidebar_aspect_ratio_dropdown_text_hover: map-get($map, "card_sidebar_aspect_ratio_dropdown_text_hover");
379 380 381 382
    $card_sidebar_aspect_ratio_dropdown_background_active: map-get($map, "card_sidebar_aspect_ratio_dropdown_background_active");
    $card_sidebar_aspect_ratio_dropdown_text_active: map-get($map, "card_sidebar_aspect_ratio_dropdown_text_active");
    $card_sidebar_aspect_ratio_dropdown_background_active_hover: map-get($map, "card_sidebar_aspect_ratio_dropdown_background_active_hover");
    $card_sidebar_aspect_ratio_dropdown_text_active_hover: map-get($map, "card_sidebar_aspect_ratio_dropdown_text_active_hover");
383 384 385
    $card_sidebar_aspect_ratio_menu_background: map-get($map, "card_sidebar_aspect_ratio_menu_background");
    $card_sidebar_aspect_ratio_menu_separator: map-get($map, "card_sidebar_aspect_ratio_menu_separator");

386 387 388 389 390 391
    //cardset colors
    $cardset_markdeep_background: map-get($map, "cardset_markdeep_background");
    $cardset_markdeep_header_border: map-get($map, "cardset_markdeep_header_border");
    $cardset_markdeep_text: map-get($map, "cardset_markdeep_text");
    $cardset_markdeep_link: map-get($map, "cardset_markdeep_link");
    $cardset_markdeep_placeholder: map-get($map, "cardset_markdeep_placeholder");
392 393 394 395 396 397 398 399 400
    $cardset_footer_navigation_background: map-get($map, "cardset_footer_navigation_background");
    $cardset_footer_navigation_presentation_background: map-get($map, "cardset_footer_navigation_presentation_background");
    $cardset_footer_navigation_presentation_text: map-get($map, "cardset_footer_navigation_presentation_text");
    $cardset_footer_navigation_presentation_background_hover: map-get($map, "cardset_footer_navigation_presentation_background_hover");
    $cardset_footer_navigation_presentation_text_hover: map-get($map, "cardset_footer_navigation_presentation_text_hover");
    $cardset_footer_navigation_learn_background: map-get($map, "cardset_footer_navigation_learn_background");
    $cardset_footer_navigation_learn_text: map-get($map, "cardset_footer_navigation_learn_text");
    $cardset_footer_navigation_learn_background_hover: map-get($map, "cardset_footer_navigation_learn_background_hover");
    $cardset_footer_navigation_learn_text_hover: map-get($map, "cardset_footer_navigation_learn_text_hover");
401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416
    $cardset_footer_navigation_learn_list_leitner_background: map-get($map, "cardset_footer_navigation_learn_list_leitner_background");
    $cardset_footer_navigation_learn_list_leitner_text: map-get($map, "cardset_footer_navigation_learn_list_leitner_text");
    $cardset_footer_navigation_learn_list_leitner_background_hover: map-get($map, "cardset_footer_navigation_learn_list_leitner_background_hover");
    $cardset_footer_navigation_learn_list_leitner_text_hover: map-get($map, "cardset_footer_navigation_learn_list_leitner_text_hover");
    $cardset_footer_navigation_learn_list_wozniak_background: map-get($map, "cardset_footer_navigation_learn_list_wozniak_background");
    $cardset_footer_navigation_learn_list_wozniak_text: map-get($map, "cardset_footer_navigation_learn_list_wozniak_text");
    $cardset_footer_navigation_learn_list_wozniak_background_hover: map-get($map, "cardset_footer_navigation_learn_list_wozniak_background_hover");
    $cardset_footer_navigation_learn_list_wozniak_text_hover: map-get($map, "cardset_footer_navigation_learn_list_wozniak_text_hover");
    $cardset_footer_navigation_learn_list_choose_background: map-get($map, "cardset_footer_navigation_learn_list_choose_background");
    $cardset_footer_navigation_learn_list_choose_text: map-get($map, "cardset_footer_navigation_learn_list_choose_text");
    $cardset_footer_navigation_learn_list_choose_background_hover: map-get($map, "cardset_footer_navigation_learn_list_choose_background_hover");
    $cardset_footer_navigation_learn_list_choose_text_hover: map-get($map, "cardset_footer_navigation_learn_list_choose_text_hover");
    $cardset_footer_navigation_learn_list_progress_background: map-get($map, "cardset_footer_navigation_learn_list_progress_background");
    $cardset_footer_navigation_learn_list_progress_text: map-get($map, "cardset_footer_navigation_learn_list_progress_text");
    $cardset_footer_navigation_learn_list_progress_background_hover: map-get($map, "cardset_footer_navigation_learn_list_progress_background_hover");
    $cardset_footer_navigation_learn_list_progress_text_hover: map-get($map, "cardset_footer_navigation_learn_list_progress_text_hover");
417 418 419 420 421 422 423 424
    $cardset_footer_navigation_learn_list_reset_leitner_background: map-get($map, "cardset_footer_navigation_learn_list_reset_leitner_background");
    $cardset_footer_navigation_learn_list_reset_leitner_text: map-get($map, "cardset_footer_navigation_learn_list_reset_leitner_text");
    $cardset_footer_navigation_learn_list_reset_leitner_background_hover: map-get($map, "cardset_footer_navigation_learn_list_reset_leitner_background_hover");
    $cardset_footer_navigation_learn_list_reset_leitner_text_hover: map-get($map, "cardset_footer_navigation_learn_list_reset_leitner_text_hover");
    $cardset_footer_navigation_learn_list_reset_wozniak_background: map-get($map, "cardset_footer_navigation_learn_list_reset_wozniak_background");
    $cardset_footer_navigation_learn_list_reset_wozniak_text: map-get($map, "cardset_footer_navigation_learn_list_reset_wozniak_text");
    $cardset_footer_navigation_learn_list_reset_wozniak_background_hover: map-get($map, "cardset_footer_navigation_learn_list_reset_wozniak_background_hover");
    $cardset_footer_navigation_learn_list_reset_wozniak_text_hover: map-get($map, "cardset_footer_navigation_learn_list_reset_wozniak_text_hover");
425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448
    $cardset_footer_navigation_new_card_background: map-get($map, "cardset_footer_navigation_new_card_background");
    $cardset_footer_navigation_new_card_text: map-get($map, "cardset_footer_navigation_new_card_text");
    $cardset_footer_navigation_new_card_background_hover: map-get($map, "cardset_footer_navigation_new_card_background_hover");
    $cardset_footer_navigation_new_card_text_hover: map-get($map, "cardset_footer_navigation_new_card_text_hover");
    $cardset_footer_navigation_import_cards_background: map-get($map, "cardset_footer_navigation_import_cards_background");
    $cardset_footer_navigation_import_cards_text: map-get($map, "cardset_footer_navigation_import_cards_text");
    $cardset_footer_navigation_import_cards_background_hover: map-get($map, "cardset_footer_navigation_import_cards_background_hover");
    $cardset_footer_navigation_import_cards_text_hover: map-get($map, "cardset_footer_navigation_import_cards_text_hover");
    $cardset_footer_navigation_edit_shuffle_background: map-get($map, "cardset_footer_navigation_edit_shuffle_background");
    $cardset_footer_navigation_edit_shuffle_text: map-get($map, "cardset_footer_navigation_edit_shuffle_text");
    $cardset_footer_navigation_edit_shuffle_background_hover: map-get($map, "cardset_footer_navigation_edit_shuffle_background_hover");
    $cardset_footer_navigation_edit_shuffle_text_hover: map-get($map, "cardset_footer_navigation_edit_shuffle_text_hover");
    $cardset_footer_navigation_edit_cardset_background: map-get($map, "cardset_footer_navigation_edit_cardset_background");
    $cardset_footer_navigation_edit_cardset_text: map-get($map, "cardset_footer_navigation_edit_cardset_text");
    $cardset_footer_navigation_edit_cardset_background_hover: map-get($map, "cardset_footer_navigation_edit_cardset_background_hover");
    $cardset_footer_navigation_edit_cardset_text_hover: map-get($map, "cardset_footer_navigation_edit_cardset_text_hover");
    $cardset_footer_navigation_select_license_background: map-get($map, "cardset_footer_navigation_select_license_background");
    $cardset_footer_navigation_select_license_text: map-get($map, "cardset_footer_navigation_select_license_text");
    $cardset_footer_navigation_select_license_background_hover: map-get($map, "cardset_footer_navigation_select_license_background_hover");
    $cardset_footer_navigation_select_license_text_hover: map-get($map, "cardset_footer_navigation_select_license_text_hover");
    $cardset_footer_navigation_publish_cardset_background: map-get($map, "cardset_footer_navigation_publish_cardset_background");
    $cardset_footer_navigation_publish_cardset_text: map-get($map, "cardset_footer_navigation_publish_cardset_text");
    $cardset_footer_navigation_publish_cardset_background_hover: map-get($map, "cardset_footer_navigation_publish_cardset_background_hover");
    $cardset_footer_navigation_publish_cardset_text_hover: map-get($map, "cardset_footer_navigation_publish_cardset_text_hover");
449 450 451 452 453 454 455 456
    $cardset_footer_navigation_bonus_background: map-get($map, "cardset_footer_navigation_bonus_background");
    $cardset_footer_navigation_bonus_text: map-get($map, "cardset_footer_navigation_bonus_text");
    $cardset_footer_navigation_bonus_background_hover: map-get($map, "cardset_footer_navigation_bonus_background_hover");
    $cardset_footer_navigation_bonus_text_hover: map-get($map, "cardset_footer_navigation_bonus_text_hover");
    $cardset_footer_navigation_bonus_list_start_learning_background: map-get($map, "cardset_footer_navigation_bonus_list_start_learning_background");
    $cardset_footer_navigation_bonus_list_start_learning_text: map-get($map, "cardset_footer_navigation_bonus_list_start_learning_text");
    $cardset_footer_navigation_bonus_list_start_learning_background_hover: map-get($map, "cardset_footer_navigation_bonus_list_start_learning_background_hover");
    $cardset_footer_navigation_bonus_list_start_learning_text_hover: map-get($map, "cardset_footer_navigation_bonus_list_start_learning_text_hover");
457 458 459 460
    $cardset_footer_navigation_bonus_list_manage_learning_background: map-get($map, "cardset_footer_navigation_bonus_list_manage_learning_background");
    $cardset_footer_navigation_bonus_list_manage_learning_text: map-get($map, "cardset_footer_navigation_bonus_list_manage_learning_text");
    $cardset_footer_navigation_bonus_list_manage_learning_background_hover: map-get($map, "cardset_footer_navigation_bonus_list_manage_learning_background_hover");
    $cardset_footer_navigation_bonus_list_manage_learning_text_hover: map-get($map, "cardset_footer_navigation_bonus_list_manage_learning_text_hover");
461 462 463 464 465 466 467 468
    $cardset_footer_navigation_bonus_list_stop_learning_background: map-get($map, "cardset_footer_navigation_bonus_list_stop_learning_background");
    $cardset_footer_navigation_bonus_list_stop_learning_text: map-get($map, "cardset_footer_navigation_bonus_list_stop_learning_text");
    $cardset_footer_navigation_bonus_list_stop_learning_background_hover: map-get($map, "cardset_footer_navigation_bonus_list_stop_learning_background_hover");
    $cardset_footer_navigation_bonus_list_stop_learning_text_hover: map-get($map, "cardset_footer_navigation_bonus_list_stop_learning_text_hover");
    $cardset_footer_navigation_bonus_list_show_stats_background: map-get($map, "cardset_footer_navigation_bonus_list_show_stats_background");
    $cardset_footer_navigation_bonus_list_show_stats_text: map-get($map, "cardset_footer_navigation_bonus_list_show_stats_text");
    $cardset_footer_navigation_bonus_list_show_stats_background_hover: map-get($map, "cardset_footer_navigation_bonus_list_show_stats_background_hover");
    $cardset_footer_navigation_bonus_list_show_stats_text_hover: map-get($map, "cardset_footer_navigation_bonus_list_show_stats_text_hover");
469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494 495 496 497 498 499 500
    $cardset_footer_navigation_manage_cardset_background: map-get($map, "cardset_footer_navigation_manage_cardset_background");
    $cardset_footer_navigation_manage_cardset_text: map-get($map, "cardset_footer_navigation_manage_cardset_text");
    $cardset_footer_navigation_manage_cardset_background_hover: map-get($map, "cardset_footer_navigation_manage_cardset_background_hover");
    $cardset_footer_navigation_manage_cardset_text_hover: map-get($map, "cardset_footer_navigation_manage_cardset_text_hover");
    $cardset_footer_navigation_manage_list_manage_editors_background: map-get($map, "cardset_footer_navigation_manage_list_manage_editors_background");
    $cardset_footer_navigation_manage_list_manage_editors_text: map-get($map, "cardset_footer_navigation_manage_list_manage_editors_text");
    $cardset_footer_navigation_manage_list_manage_editors_background_hover: map-get($map, "cardset_footer_navigation_manage_list_manage_editors_background_hover");
    $cardset_footer_navigation_manage_list_manage_editors_text_hover: map-get($map, "cardset_footer_navigation_manage_list_manage_editors_text_hover");
    $cardset_footer_navigation_manage_list_report_background: map-get($map, "cardset_footer_navigation_manage_list_report_background");
    $cardset_footer_navigation_manage_list_report_text: map-get($map, "cardset_footer_navigation_manage_list_report_text");
    $cardset_footer_navigation_manage_list_report_background_hover: map-get($map, "cardset_footer_navigation_manage_list_report_background_hover");
    $cardset_footer_navigation_manage_list_report_text_hover: map-get($map, "cardset_footer_navigation_manage_list_report_text_hover");
    $cardset_footer_navigation_manage_list_leave_learn_phase_background: map-get($map, "cardset_footer_navigation_manage_list_leave_learn_phase_background");
    $cardset_footer_navigation_manage_list_leave_learn_phase_text: map-get($map, "cardset_footer_navigation_manage_list_leave_learn_phase_text");
    $cardset_footer_navigation_manage_list_leave_learn_phase_background_hover: map-get($map, "cardset_footer_navigation_manage_list_leave_learn_phase_background_hover");
    $cardset_footer_navigation_manage_list_leave_learn_phase_text_hover: map-get($map, "cardset_footer_navigation_manage_list_leave_learn_phase_text_hover");
    $cardset_footer_navigation_manage_list_leave_cardset_background: map-get($map, "cardset_footer_navigation_manage_list_leave_cardset_background");
    $cardset_footer_navigation_manage_list_leave_cardset_text: map-get($map, "cardset_footer_navigation_manage_list_leave_cardset_text");
    $cardset_footer_navigation_manage_list_leave_cardset_background_hover: map-get($map, "cardset_footer_navigation_manage_list_leave_cardset_background_hover");
    $cardset_footer_navigation_manage_list_leave_cardset_text_hover: map-get($map, "cardset_footer_navigation_manage_list_leave_cardset_text_hover");
    $cardset_footer_navigation_manage_list_leave_editors_background: map-get($map, "cardset_footer_navigation_manage_list_leave_editors_background");
    $cardset_footer_navigation_manage_list_leave_editors_text: map-get($map, "cardset_footer_navigation_manage_list_leave_editors_text");
    $cardset_footer_navigation_manage_list_leave_editors_background_hover: map-get($map, "cardset_footer_navigation_manage_list_leave_editors_background_hover");
    $cardset_footer_navigation_manage_list_leave_editors_text_hover: map-get($map, "cardset_footer_navigation_manage_list_leave_editors_text_hover");
    $cardset_footer_navigation_export_cards_background: map-get($map, "cardset_footer_navigation_export_cards_background");
    $cardset_footer_navigation_export_cards_text: map-get($map, "cardset_footer_navigation_export_cards_text");
    $cardset_footer_navigation_export_cards_background_hover: map-get($map, "cardset_footer_navigation_export_cards_background_hover");
    $cardset_footer_navigation_export_cards_text_hover: map-get($map, "cardset_footer_navigation_export_cards_text_hover");
    $cardset_footer_navigation_delete_all_cards_background: map-get($map, "cardset_footer_navigation_delete_all_cards_background");
    $cardset_footer_navigation_delete_all_cards_text: map-get($map, "cardset_footer_navigation_delete_all_cards_text");
    $cardset_footer_navigation_delete_all_cards_background_hover: map-get($map, "cardset_footer_navigation_delete_all_cards_background_hover");
    $cardset_footer_navigation_delete_all_cards_text_hover: map-get($map, "cardset_footer_navigation_delete_all_cards_text_hover");
501 502 503 504
    $cardset_footer_navigation_transcripts_background: map-get($map, "cardset_footer_navigation_transcripts_background");
    $cardset_footer_navigation_transcripts_text: map-get($map, "cardset_footer_navigation_transcripts_text");
    $cardset_footer_navigation_transcripts_background_hover: map-get($map, "cardset_footer_navigation_transcripts_background_hover");
    $cardset_footer_navigation_transcripts_text_hover: map-get($map, "cardset_footer_navigation_transcripts_text_hover");
505 506 507
    //card list
    $card_list_number_background: map-get($map, "card_list_number_background");
    $card_list_number_text: map-get($map, "card_list_number_text");
508 509 510 511 512 513 514 515 516
    //card-navigation colors
    $card_navigation_active_background: map-get($map, "card_navigation_active_background");
    $card_navigation_active_text: map-get($map, "card_navigation_active_text");
    $card_navigation_active_background_hover: map-get($map, "card_navigation_active_background_hover");
    $card_navigation_active_text_hover: map-get($map, "card_navigation_active_text_hover");
    $card_navigation_background: map-get($map, "card_navigation_background");
    $card_navigation_text: map-get($map, "card_navigation_text");
    $card_navigation_background_hover: map-get($map, "card_navigation_background_hover");
    $card_navigation_text_hover: map-get($map, "card_navigation_text_hover");
517 518
    //cube colors
    $cube_border: map-get($map, "cube_border");
519
    //card colors
520
    $background_mobile_preview: map-get($map, "background_mobile_preview");
521 522 523
    $background_lecture: map-get($map, "background_lecture");
    $background_hint: map-get($map, "background_hint");
    $background_hint_alternative: map-get($map, "background_hint_alternative");
524 525 526
    $lecture_presentation_header_lines: map-get($map, "lecture_presentation_header_lines");
    $hint_presentation_header_lines: map-get($map, "hint_presentation_header_lines");
    $hint_alternative_presentation_header_lines: map-get($map, "hint_alternative_presentation_header_lines");
527 528 529 530 531 532 533 534 535 536 537 538 539
    $hint_text: map-get($map, "hint_text");
    $hint_text_alternative: map-get($map, "hint_text_alternative");
    $hint_link: map-get($map, "hint_link");
    $hint_link_alternative: map-get($map, "hint_link_alternative");
    $hint_placeholder: map-get($map, "hint_placeholder");
    $hint_placeholder_alternative: map-get($map, "hint_placeholder_alternative");
    $hint_header_border: map-get($map, "hint_header_border");
    $hint_header_border_alternative: map-get($map, "hint_header_border_alternative");
    $navigation_arrows: map-get($map, "navigation_arrows");
    $card_header_card_number: map-get($map, "card_header_card_number");
    $card_header_first_row: map-get($map, "card_header_first_row");
    $card_header_second_row: map-get($map, "card_header_second_row");
    $card_header_subject: map-get($map, "card_header_subject");
540
    $card_header_subject_placeholder: map-get($map, "card_header_subject_placeholder");
541 542 543 544 545 546
    $card_content_zoom_button_active: map-get($map, "card_content_zoom_button_active");
    $card_content_zoom_slider_container_background: map-get($map, "card_content_zoom_slider_container_background");
    $card_content_zoom_slider_container_text: map-get($map, "card_content_zoom_slider_container_text");
    $card_content_zoom_slider_container_percentage: map-get($map, "card_content_zoom_slider_container_percentage");
    $card_content_zoom_slider_container_bar: map-get($map, "card_content_zoom_slider_container_bar");
    $card_content_zoom_slider_container_handle: map-get($map, "card_content_zoom_slider_container_handle");
547 548 549
    //markdeep colors
    $markdeep_inline_code_background: map-get($map, "markdeep_inline_code_background");
    $markdeep_inline_code_text: map-get($map, "markdeep_inline_code_text");
550 551 552 553
    $markdeep_blockquote_background: map-get($map, "markdeep_blockquote_background");
    $markdeep_blockquote_text: map-get($map, "markdeep_blockquote_text");
    $markdeep_blockquote_author: map-get($map, "markdeep_blockquote_author");
    $markdeep_blockquote_quotes: map-get($map, "markdeep_blockquote_quotes");
554
    $markdeep_image_border: map-get($map, "markdeep_image_border");
555 556
    //transcript bonus colors
    $transcript_bonus_info_text: map-get($map, "transcript_bonus_info_text");
557
    $transcript_bonus_info_background: map-get($map, "transcript_bonus_info_background");
558 559 560 561 562 563 564 565 566 567 568 569 570
    $transcript_bonus_info_lecture_date_year_text: map-get($map, "transcript_bonus_info_lecture_date_year_text");
    $transcript_bonus_info_lecture_date_year_background: map-get($map, "transcript_bonus_info_lecture_date_year_background");
    $transcript_bonus_info_lecture_date_month_text: map-get($map, "transcript_bonus_info_lecture_date_month_text");
    $transcript_bonus_info_lecture_date_month_background: map-get($map, "transcript_bonus_info_lecture_date_month_background");
    $transcript_bonus_info_lecture_date_day_border: map-get($map, "transcript_bonus_info_lecture_date_day_border");
    $transcript_bonus_info_lecture_date_day_past_text: map-get($map, "transcript_bonus_info_lecture_date_day_past_text");
    $transcript_bonus_info_lecture_date_day_past_background: map-get($map, "transcript_bonus_info_lecture_date_day_past_background");
    $transcript_bonus_info_lecture_date_day_active_text: map-get($map, "transcript_bonus_info_lecture_date_day_active_text");
    $transcript_bonus_info_lecture_date_day_active_background: map-get($map, "transcript_bonus_info_lecture_date_day_active_background");
    $transcript_bonus_info_lecture_date_day_future_text: map-get($map, "transcript_bonus_info_lecture_date_day_future_text");
    $transcript_bonus_info_lecture_date_day_future_background: map-get($map, "transcript_bonus_info_lecture_date_day_future_background");
    $transcript_bonus_info_lecture_date_day_hover_text: map-get($map, "transcript_bonus_info_lecture_date_day_hover_text");
    $transcript_bonus_info_lecture_date_day_hover_background: map-get($map, "transcript_bonus_info_lecture_date_day_hover_background");
571 572
    $transcript_bonus_submission_count_badge_text: map-get($map, "transcript_bonus_submission_count_badge_text");
    $transcript_bonus_submission_count_badge_background: map-get($map, "transcript_bonus_submission_count_badge_background");
573
    //markdeep editor colors
574 575 576 577 578 579
    $markdeep_help_text: map-get($map, "markdeep_help_text");
    $markdeep_help_background: map-get($map, "markdeep_help_background");
    $markdeep_help_border: map-get($map, "markdeep_help_border");
    //notification colors
    $notification_text_smartphones: map-get($map, "notification_text_smartphones");
    //search colors
580
    $search_results_background: map-get($map, "search_results_background");
581 582
    $search_results_subject_background: map-get($map, "search_results_subject_background");
    $search_results_subject_text: map-get($map, "search_results_subject_text");
583 584
    $search_results_info_background: map-get($map, "search_results_info_background");
    $search_results_info_text: map-get($map, "search_results_info_text");
585 586 587 588 589 590 591 592 593 594 595 596 597 598 599 600 601
    $search_results_separator: map-get($map, "search_results_separator");
    $search_divide: map-get($map, "search_divide");
    //form group colors
    $form_group_label: map-get($map, "form_group_label");
    //cardset form colors
    $cardset_form_list_background: map-get($map, "cardset_form_list_background");
    $cardset_form_list_text: map-get($map, "cardset_form_list_text");
    $cardset_form_border: map-get($map, "cardset_form_border");
    $cardset_form_list_background_hover: map-get($map, "cardset_form_list_background_hover");
    $cardset_form_list_text_hover: map-get($map, "cardset_form_list_text_hover");
    $cardset_form_list_background_active: map-get($map, "cardset_form_list_background_active");
    $cardset_form_list_text_active: map-get($map, "cardset_form_list_text_active");
    //cookie consent colors
    $cookie_consent_link: map-get($map, "cookie_consent_link");
    //under development modal colors
    $under_development_modal_text: map-get($map, "under_development_modal_text");
    $under_development_modal_background: map-get($map, "under_development_modal_background");
602 603 604 605 606 607 608 609
    //presentation colors
    $presentation_clock_circle: map-get($map, "presentation_clock_circle");
    $presentation_clock_background: map-get($map, "presentation_clock_background");
    $presentation_clock_center_circle: map-get($map, "presentation_clock_center_circle");
    $presentation_clock_hour_marks: map-get($map, "presentation_clock_hour_marks");
    $presentation_clock_hour_arm: map-get($map, "presentation_clock_hour_arm");
    $presentation_clock_minute_arm: map-get($map, "presentation_clock_minute_arm");
    $presentation_clock_second_arm: map-get($map, "presentation_clock_second_arm");
610 611
    //modal colors
    $modal_overlay: map-get($map, "modal_overlay");
612 613
    $modal_background: map-get($map, "modal_background");
    $modal_text: map-get($map, "modal_text");
614
    //pomodoro colors
615
    $pomodoro_timer_fullscreen_overlay: map-get($map, "pomodoro_timer_fullscreen_overlay");
616
    $pomodoro_timer_hand_circle: map-get($map, "pomodoro_timer_hand_circle");
617
    $pomodoro_timer_hand_circle_hover: map-get($map, "pomodoro_timer_hand_circle_hover");
618
    $pomodoro_timer_hand_hour: map-get($map, "pomodoro_timer_hand_hour");
619
    $pomodoro_timer_hand_hour_hover: map-get($map, "pomodoro_timer_hand_hour_hover");
620
    $pomodoro_timer_hand_min: map-get($map, "pomodoro_timer_hand_min");
621
    $pomodoro_timer_hand_min_hover: map-get($map, "pomodoro_timer_hand_min_hover");
622
    $pomodoro_timer_arc: map-get($map, "pomodoro_timer_arc");
623
    $pomodoro_timer_arc_hover: map-get($map, "pomodoro_timer_arc_hover");
624
    $pomodoro_timer_arc_progress: map-get($map, "pomodoro_timer_arc_progress");
625
    $pomodoro_timer_arc_progress_hover: map-get($map, "pomodoro_timer_arc_progress_hover");
626
    $pomodoro_timer_arc_break: map-get($map, "pomodoro_timer_arc_break");
627
    $pomodoro_timer_arc_break_hover: map-get($map, "pomodoro_timer_arc_break_hover");
628
    $pomodoro_timer_text: map-get($map, "pomodoro_timer_text");
629
    $pomodoro_timer_text_highlight: map-get($map, "pomodoro_timer_text_highlight");
630 631 632 633 634 635 636 637 638 639 640 641 642 643 644 645 646 647 648 649 650 651 652 653 654 655
    //sweet alert 2 colors
    $sweet_alert_2_title: map-get($map, "sweet_alert_2_title");
    $sweet_alert_2_text: map-get($map, "sweet_alert_2_text");
    $sweet_alert_2_modal_background: map-get($map, "sweet_alert_2_modal_background");
    $sweet_alert_2_button_confirm_background: map-get($map, "sweet_alert_2_button_confirm_background");
    $sweet_alert_2_button_confirm_background_hover: map-get($map, "sweet_alert_2_button_confirm_background_hover");
    $sweet_alert_2_button_confirm_text: map-get($map, "sweet_alert_2_button_confirm_text");
    $sweet_alert_2_button_confirm_text_hover: map-get($map, "sweet_alert_2_button_confirm_text_hover");
    $sweet_alert_2_button_confirm_border: map-get($map, "sweet_alert_2_button_confirm_border");
    $sweet_alert_2_button_confirm_border_hover: map-get($map, "sweet_alert_2_button_confirm_border_hover");
    $sweet_alert_2_button_cancel_background: map-get($map, "sweet_alert_2_button_cancel_background");
    $sweet_alert_2_button_cancel_background_hover: map-get($map, "sweet_alert_2_button_cancel_background_hover");
    $sweet_alert_2_button_cancel_text: map-get($map, "sweet_alert_2_button_cancel_text");
    $sweet_alert_2_button_cancel_text_hover: map-get($map, "sweet_alert_2_button_cancel_text_hover");
    $sweet_alert_2_button_cancel_border: map-get($map, "sweet_alert_2_button_cancel_border");
    $sweet_alert_2_button_cancel_border_hover: map-get($map, "sweet_alert_2_button_cancel_border_hover");
    $sweet_alert_2_icon_success_border: map-get($map, "sweet_alert_2_icon_success_border");
    $sweet_alert_2_icon_success_text: map-get($map, "sweet_alert_2_icon_success_text");
    $sweet_alert_2_icon_warning_border: map-get($map, "sweet_alert_2_icon_warning_border");
    $sweet_alert_2_icon_warning_text: map-get($map, "sweet_alert_2_icon_warning_text");
    $sweet_alert_2_icon_error_border: map-get($map, "sweet_alert_2_icon_error_border");
    $sweet_alert_2_icon_error_text: map-get($map, "sweet_alert_2_icon_error_text");
    $sweet_alert_2_icon_info_border: map-get($map, "sweet_alert_2_icon_info_border");
    $sweet_alert_2_icon_info_text: map-get($map, "sweet_alert_2_icon_info_text");
    $sweet_alert_2_icon_question_border: map-get($map, "sweet_alert_2_icon_question_border");
    $sweet_alert_2_icon_question_text: map-get($map, "sweet_alert_2_icon_question_text");
656 657
    //loading screen
    $loading_screen_icon: map-get($map, "loading_screen_icon");
658 659 660 661 662 663 664 665 666 667 668 669 670 671 672 673 674 675 676 677 678 679 680 681 682
    //wozniak rating buttons
    $wozniak_rating_0_background: map-get($map, "wozniak_rating_0_background");
    $wozniak_rating_0_background_hover: map-get($map, "wozniak_rating_0_background_hover");
    $wozniak_rating_0_text: map-get($map, "wozniak_rating_0_text");
    $wozniak_rating_0_text_hover: map-get($map, "wozniak_rating_0_text_hover");
    $wozniak_rating_1_background: map-get($map, "wozniak_rating_1_background");
    $wozniak_rating_1_background_hover: map-get($map, "wozniak_rating_1_background_hover");
    $wozniak_rating_1_text: map-get($map, "wozniak_rating_1_text");
    $wozniak_rating_1_text_hover: map-get($map, "wozniak_rating_1_text_hover");
    $wozniak_rating_2_background: map-get($map, "wozniak_rating_2_background");
    $wozniak_rating_2_background_hover: map-get($map, "wozniak_rating_2_background_hover");
    $wozniak_rating_2_text: map-get($map, "wozniak_rating_2_text");
    $wozniak_rating_2_text_hover: map-get($map, "wozniak_rating_2_text_hover");
    $wozniak_rating_3_background: map-get($map, "wozniak_rating_3_background");
    $wozniak_rating_3_background_hover: map-get($map, "wozniak_rating_3_background_hover");
    $wozniak_rating_3_text: map-get($map, "wozniak_rating_3_text");
    $wozniak_rating_3_text_hover: map-get($map, "wozniak_rating_3_text_hover");
    $wozniak_rating_4_background: map-get($map, "wozniak_rating_4_background");
    $wozniak_rating_4_background_hover: map-get($map, "wozniak_rating_4_background_hover");
    $wozniak_rating_4_text: map-get($map, "wozniak_rating_4_text");
    $wozniak_rating_4_text_hover: map-get($map, "wozniak_rating_4_text_hover");
    $wozniak_rating_5_background: map-get($map, "wozniak_rating_5_background");
    $wozniak_rating_5_background_hover: map-get($map, "wozniak_rating_5_background_hover");
    $wozniak_rating_5_text: map-get($map, "wozniak_rating_5_text");
    $wozniak_rating_5_text_hover: map-get($map, "wozniak_rating_5_text_hover");
683 684 685
    //landing page
    $landing_page_wordcloud_button: map-get($map, "landing_page_wordcloud_button");
    $landing_page_wordcloud_button_opacity: map-get($map, "landing_page_wordcloud_button_opacity");
686 687
    $landing_page_wordcloud_button_hover: map-get($map, "landing_page_wordcloud_button_hover");
    $landing_page_wordcloud_button_opacity_hover: map-get($map, "landing_page_wordcloud_button_opacity_hover");
688
    $landing_page_label: map-get($map, "landing_page_label");
689 690 691 692 693
    //wordcloud
    $wordcloud_background: map-get($map, "wordcloud_background");
    $wordcloud_border: map-get($map, "wordcloud_border");
    $wordcloud_hover_box_background: map-get($map, "wordcloud_hover_box_background");
    $wordcloud_hover_box_border: map-get($map, "wordcloud_hover_box_border");
694 695 696 697 698 699 700
    //useCases
    $use_cases_button_background: map-get($map, "use_cases_button_background");
    $use_cases_button_icon: map-get($map, "use_cases_button_icon");
    $use_cases_button_background_hover: map-get($map, "use_cases_button_background_hover");
    $use_cases_button_icon_hover: map-get($map, "use_cases_button_icon_hover");
    $use_cases_table_header_background: map-get($map, "use_cases_table_header_background");
    $use_cases_table_header_text: map-get($map, "use_cases_table_header_text");
701

702 703 704 705 706 707 708 709 710 711 712 713 714 715 716 717

    #admin_user_update {
      .btn.active {
        background-color: $thm_green !important;
        color: white !important;
      }
      .btn.active2 {
        background-color: $thm_red !important;
        color: white !important;
      }
      .btn.active:hover, .btn.active:focus, .btn.active2:hover, .btn.active2:focus {
        background-color: $button_background_hover !important;
        color: $button_text_hover !important;
      }
    }

718 719
    body.landing-page {
      background-color: $background_landing_page !important;
720 721
    }

722 723
    body.internal {
      background-color: $background_internal !important;
724 725
    }

726 727
    body.demo {
      background-color: $background_demo !important;
728 729
    }

730 731 732 733
    body.presentation {
      background-color: $background_presentation !important;
    }

Curtis Adam's avatar
Curtis Adam committed
734 735 736 737
    body.presentation-list {
      background-color: $background_presentation !important;
    }

738 739
    body.learning {
      background-color: $background_learning !important;
740
    }
741

742 743
    body.backend {
      background-color: $background_backend !important;
744 745 746 747 748 749
    }

    body.editor {
      background-color: $background_editor !important;
    }

750 751 752 753
    body.transcriptBonus {
      background-color: $background_transcript_bonus !important;
    }

754
    button:hover, button:focus, .btn:hover, .btn:focus {
755 756
      background-color: $button_background_hover !important;
      color: $button_text_hover !important;
757 758
    }

759 760 761 762 763 764 765 766
    .star-ratings .current-rating {
      color: $current_rating !important;
    }

    .star-ratings .active {
      color: $hover_rating !important;
    }

767 768 769 770 771 772
    li.active {
      a {
        color: $white !important;
      }
    }

773 774 775 776
    .table-user-list {
      background-color: $white !important;
    }

777
    #thm-top-navigation, .mobile-nav-items  {
778 779 780 781 782 783 784 785 786 787 788 789 790 791
      .active {
        background-color: $thm_green !important;
        color: $white !important;
      }
      a {
        color: white !important;
      }
    }

    .block {
      background-color: $white !important;
    }

    .btn-raised.btn-success {
792
      color: $success_text;
793
      background-color: $success_background;
794 795 796
    }

    .btn-raised.btn-info {
797 798
      color: $info_text;
      background-color: $info_background;
799 800
    }

801 802 803
    .btn-raised.btn-demo {
      color: $demo_text;
      background-color: $demo_background;
804 805
    }

806 807 808
    .btn-raised.btn-warning {
      color: $warning_text;
      background-color: $warning_background;
809 810 811
    }

    .btn-raised.btn-danger {
812
      color: $danger_text;
813
      background-color: $danger_background;
814 815 816 817 818 819
    }

    .search-divide {
      color: $search_divide !important;
      background-color: $search_divide !important;
    }
820

821 822 823
    .navbar-header-button a {
      color: $navbar_text !important;
    }
824
    .navbar.navbar-default {
825 826 827 828 829
      background-color: $navbar_background !important;
      .navbar-text {
        color: $navbar_text !important;

      }
830
      &:hover, &:focus {
831 832
        color: $navbar_text_hover !important;
      }
833
    }
834

835 836 837 838 839 840 841 842 843 844 845 846 847 848 849 850 851 852
    #navbar-cards-footer, #navbar-cards-footer-collapse {
      color: $footer_navigation_text !important;
      background-color: $footer_navigation_background !important;
      a {
        color: $footer_navigation_text !important;
        background-color: $footer_navigation_background !important;
      }
      a:hover, a:focus {
        color: $footer_navigation_text_hover !important;
        background-color: $footer_navigation_background_hover !important;
      }
      .active a {
        color: $footer_navigation_text_active !important;
        background-color: $footer_navigation_background_active !important;
      }
      .fa-home {
        color: $footer_home_button_icon !important;
      }
853

854 855
      #backToStartButton:hover, .fa-home:hover, #backToStartButton:focus, .fa-home:focus {
        color: $footer_home_button_icon_hover !important;
856 857 858
      }
    }

859 860 861 862 863 864 865
    .navbar-cards-footer-about-icon {
      a {
        color:$footer_welcome_page_info_icon_text !important;
      }
      a:hover {
        color: $footer_welcome_page_info_icon_text_hover !important;
      }
866 867
    }

868 869 870 871 872 873 874 875 876 877 878 879 880
    @media(max-width: 767px) {
      .notification-heading, .notification-item, .notification-footer, .notification-button {
        color: $notification_text_smartphones !important;
      }
    }

    button:disabled {
      color: $disabled_text !important;
      background-color: $disabled_background !important;
    }

    .modal-body .form-group {
      label {
881
        color: $form_group_label;
882
      }
883 884 885 886
      .import-type.active {
        color: white !important;
        background-color: $primary !important;
      }
887 888 889 890

      label.text-warning, .text-warning {
        color: $warning_background !important;
      }
891 892 893 894 895
    }

    .label-info {
      color: $info_text !important;
      background-color: $info_background !important;
896 897
    }

898 899 900 901 902 903 904 905 906 907 908 909 910 911 912 913 914 915 916 917 918 919 920 921 922 923 924 925 926 927 928 929 930 931 932 933 934
    .label-warning {
      color: $warning_text !important;
      background-color: $warning_background !important;
    }

    .label-danger {
      color: $danger_text !important;
      background-color: $danger_background !important;
    }

    .label-success {
      color: $success_text !important;
      background-color: $success_background !important;
    }

    .panelUnit, .cardListRow {
      border-bottom: solid 1px $item_separator_border_bottom !important;
    }

    @media (min-width: 768px) {
      .altPanel {
        background-color: $wild_sand_approx !important;
      }

      .panelUnit {
        border-right-color: $item_selection_border !important;
      }

      .licenseInfo, .licenseInfoCreate {
        border-bottom-color: $item_separator_border_bottom !important;
      }
    }

    .fa-home {
      color: $thm_gray !important;
    }

935
    #markdeepNavigation .fa, #markdeepNavigation .markdeep-center, #markdeepNavigation .markdeep-fullscreen, .card-button {
936 937 938
      color: $thm_gray ;
      border-color: $thm_gray;
      background-color: $white;
939 940
    }

941
    #markdeepNavigation .markdeep-help {
942 943 944 945 946
      color: $markdeep_help_text !important;
      background-color: $markdeep_help_background !important;
      border-color: $markdeep_help_border !important;
    }

947 948 949 950 951
    #markdeepNavigation .fa:hover, #markdeepNavigation .markdeep-center:hover, #markdeepNavigation .markdeep-help:hover,  #markdeepNavigation .markdeep-fullscreen:hover, .card-button:hover,
    #markdeepNavigation .fa:focus, #markdeepNavigation .markdeep-center:focus, #markdeepNavigation .markdeep-help:focus,  #markdeepNavigation .markdeep-fullscreen:focus, .card-button:focus {
      background-color: $button_background_hover !important;
      color: $button_text_hover !important;
      border-color: $button_background_hover !important;
952 953
    }

954 955
    .material-icons.pressed, .fa.pressed, .glyphicon.pressed, .card-button.pressed, .material-icons.pressed:hover, .glyphicon.pressed:hover, .card-button.pressed:hover,
    .material-icons.pressed:focus, .glyphicon.pressed:focus, .card-button.pressed:focus {
956 957
      background-color: lighten($thm_gray, 10%);
      color: $white;
958 959
    }

960
    .glyphicon-log-out.pressed, .glyphicon-fullscreen.pressed {
961 962 963
      background-color: $thm_orange;
      border-color: $thm_orange;
      color: $white;
964 965
    }

966 967
    .glyphicon-log-out.pressed:hover, .glyphicon-fullscreen.pressed:hover,
    .glyphicon-log-out.pressed:focus, .glyphicon-fullscreen.pressed:focus {
968 969 970
      background-color: $button_background_hover;
      border-color: $button_background_hover;
      color: $button_text_hover;
971 972
    }

973
    #markdeepNavigation {
974 975
      .material-icons.pressed, .fa.pressed, .glyphicon.pressed, .card-button.pressed, .material-icons.pressed:hover, .glyphicon.pressed:hover, .card-button.pressed:hover,
      .material-icons.pressed:focus, .glyphicon.pressed:focus, .card-button.pressed:focus {
976 977 978
        background-color: $thm_orange;
        border-color: $thm_orange;
        color: $white;
979 980 981 982
      }
    }

    .disconnected {
983
      color: $navbar_websocket_disconnected !important;
984 985 986
    }

    .connected {
987
      color: $navbar_websocket_connected !important;
988 989 990
    }

    .connecting {
991 992 993 994 995 996 997 998 999
      color: $navbar_websocket_connecting !important;
    }

    .hidden-xs .connectionStatus:hover {
      background-color: $navbar_websocket_background_hover !important;
    }

    .hidden-xs .connectionStatus.active {
      background-color: $navbar_websocket_background_active !important;
1000 1001 1002 1003 1004 1005 1006 1007
    }

    .backdoorLogin {
      label {
        color: white !important;
      }
    }

1008 1009 1010 1011 1012 1013 1014 1015 1016 1017 1018
    .login-button-icon {
      width: 100%;
      height: 100%;
      background-color: green;
      -webkit-mask-position: center;
      mask-position: center;
    }


    #cas {
      background-color: $login_cas_background !important;
1019
      color: $login_cas_icon !important;
1020 1021 1022 1023 1024 1025 1026
      .login-button-icon {
        background-color: $login_cas_icon !important;
      }
    }

    #cas:hover, #cas:focus {
      background-color: $login_cas_background_hover !important;
1027
      color: $login_cas_icon_hover !important;
1028 1029 1030 1031 1032
      .login-button-icon {
        background-color: $login_cas_icon_hover !important;
      }
    }

1033 1034 1035 1036 1037 1038 1039 1040 1041 1042 1043 1044 1045 1046 1047 1048 1049 1050 1051 1052 1053 1054 1055 1056 1057 1058 1059 1060 1061 1062 1063 1064
    #guest {
      background-color: $login_guest_background !important;
      color: $login_guest_icon !important;
      .login-button-icon {
        background-color: $login_guest_icon !important;
      }
    }

    #guest:hover, #guest:focus {
      background-color: $login_guest_background_hover !important;
      color: $login_guest_icon_hover !important;
      .login-button-icon {
        background-color: $login_guest_icon_hover !important;
      }
    }

    #pro {
      background-color: $login_pro_background !important;
      color: $login_pro_icon !important;
      .login-button-icon {
        background-color: $login_pro_icon !important;
      }
    }

    #pro:hover, #pro:focus {
      background-color: $login_pro_background_hover !important;
      color: $login_pro_icon_hover !important;
      .login-button-icon {
        background-color: $login_pro_icon_hover !important;
      }
    }

1065 1066
    #facebook {
      background-color: $login_facebook_background !important;
1067
      color: $login_facebook_icon !important;
1068 1069 1070 1071 1072 1073 1074
      .login-button-icon {
        background-color: $login_facebook_icon !important;
      }
    }

    #facebook:hover, #facebook:focus {
      background-color: $login_facebook_background_hover !important;
1075
      color: $login_facebook_icon_hover !important;
1076 1077 1078 1079 1080 1081 1082
      .login-button-icon {
        background-color: $login_facebook_icon_hover !important;
      }
    }

    #twitter {
      background-color: $login_twitter_background !important;
1083
      color: $login_twitter_icon !important;
1084 1085 1086 1087 1088 1089 1090
      .login-button-icon {
        background-color: $login_twitter_icon !important;
      }
    }

    #twitter:hover, #twitter:focus {
      background-color: $login_twitter_background_hover !important;
1091
      color: $login_twitter_icon_hover !important;
1092 1093 1094 1095 1096 1097 1098
      .login-button-icon {
        background-color: $login_twitter_icon_hover !important;
      }
    }

    #google {
      background-color: $login_google_background !important;
1099
      color: $login_google_icon !important;
1100 1101 1102 1103 1104 1105 1106
      .login-button-icon {
        background-color: $login_google_icon !important;
      }
    }

    #google:hover, #google:focus {
      background-color: $login_google_background_hover !important;
1107
      color: $login_google_icon_hover !important;
1108 1109 1110 1111 1112 1113 1114
      .login-button-icon {
        background-color: $login_google_icon_hover !important;
      }
    }

    #BackdoorLogin {
      background-color: $login_backdoor_background !important;
1115
      color: $login_backdoor_icon !important;
1116 1117 1118 1119 1120 1121 1122
      .login-button-icon {
        background-color: $login_backdoor_icon !important;
      }
    }

    #BackdoorLogin:hover, #BackdoorLogin:focus {
      background-color: $login_backdoor_background_hover !important;
1123
      color: $login_backdoor_icon_hover !important;
1124 1125 1126 1127 1128
      .login-button-icon {
        background-color: $login_backdoor_icon_hover !important;
      }
    }

1129 1130 1131 1132 1133 1134 1135 1136
    .panel-heading.info-tab {
      color: $info_content_header_text !important;
      background-color: $info_content_header_background !important;
    }

    .panel-body.info-tab {
      color: $info_content_body_text !important;
      background-color: $info_content_body_background !important;
1137
      padding: 10px 10px 30px 30px;
1138 1139 1140 1141 1142 1143 1144 1145 1146 1147 1148 1149 1150 1151 1152 1153
    }

    .thm-numbering li:before {
      background: $thm_orange !important;
      color: white !important;
    }

    .thm-numbering ol li:before {
      background: $thm_gray !important;
    }

    .thm-numbering-standalone {
      background: $thm_orange !important;
      color: white !important;
    }

1154
    .box-hint {
1155 1156 1157 1158 1159 1160 1161 1162 1163 1164
      background-color: $background_hint !important;
      color: $hint_text !important;
      a {
        color: $hint_link !important;
      }
      .placeholder {
        color: $hint_placeholder !important;
      }
    }

1165
    .box-hint-alternative {
1166 1167 1168 1169 1170 1171 1172 1173 1174 1175
      background-color: $background_hint_alternative !important;
      color: $hint_text_alternative !important;
      a {
        color: $hint_link_alternative !important;
      }
      .placeholder {
        color: $hint_placeholder_alternative !important;
      }
    }

1176
    .modal-content .close {
1177 1178 1179 1180 1181 1182
      color: $thm_orange !important;
    }

    .modal-content .close:hover {
      color: white !important;
      background-color: $button_background_hover !important;
1183 1184 1185 1186 1187 1188 1189 1190 1191 1192 1193 1194 1195 1196
    }

    .hintContent .modal-header, .wordCloudDescription {
      border-bottom-color: $hint_header_border !important;
    }

    .hintContentAlternative .modal-header {
      border-bottom-color: $hint_header_border_alternative !important;
    }

    #searchResults a {
      border-bottom-color: $search_results_separator !important;
    }

1197 1198 1199 1200
    .search-result-item {
      background-color: $search_results_background !important;
    }

1201 1202 1203 1204 1205 1206 1207 1208 1209 1210 1211 1212 1213 1214 1215 1216 1217 1218
    .search-subject-personal {
      background-color: $private_background !important;
      color: $private_text !important;
    }

    .search-subject-edu {
      background-color: $edu_background !important;
      color: $edu_text !important;
    }

    .search-subject-pro {
      background-color: $pro_background !important;
      color: $pro_text !important;
    }

    .search-subject-free {
      background-color: $free_background !important;
      color: $free_text !important;
1219 1220
    }

1221 1222 1223
    .search-result-info {
      background-color: $search_results_info_background !important;
      color: $search_results_info_text !important;
1224 1225 1226 1227 1228 1229 1230 1231 1232 1233 1234 1235 1236 1237 1238 1239 1240 1241 1242 1243 1244
    }

    .cc-link {
      color: $cookie_consent_link !important;
    }

    ::placeholder {
      color: $placeholder !important;
    }

    #poolCaption {
      background-color: $wild_sand_approx !important;
    }

    .filterCardsHeader {
      background-color: $primary !important;
      color: $secondary-text !important;
    }

    .cardsetHeaderBottom {
      background-color: $accent !important;
Curtis Adam's avatar
Curtis Adam committed
1245 1246
    }

1247 1248 1249
    #pool-category-region {
      .cardsetInfo {
        a {
1250
          color: $primary !important;
1251 1252 1253
        }
      }
    }
1254

1255
    .presentationBtn, .setCardAspectRatio {
1256 1257 1258 1259
      background-color: $cardset_footer_navigation_presentation_background !important;
      color: $cardset_footer_navigation_presentation_text !important;
    }

1260
    .presentationBtn:hover, .presentationBtn:focus, .setCardAspectRatio:hover, .setCardAspectRatio:focus {
1261 1262 1263 1264
      background-color: $cardset_footer_navigation_presentation_background_hover !important;
      color: $cardset_footer_navigation_presentation_text_hover !important;
    }

1265 1266 1267 1268 1269
    .glyphicon-fullscreen {
      background-color: $cardset_footer_navigation_presentation_background;
      color: $cardset_footer_navigation_presentation_text;
    }

1270 1271 1272 1273
    .panel-footer {
      background-color: $cardset_footer_navigation_background !important;
      border-color: $cardset_footer_navigation_background !important;

1274 1275 1276 1277
      ul li {
        border-bottom-color: $cardset_form_border !important;
      }

1278 1279 1280 1281 1282
      .learnBtn {
        background-color: $cardset_footer_navigation_learn_background !important;
        color: $cardset_footer_navigation_learn_text !important;
      }

1283
      .learnBtn:hover, .learnBtn:focus {
1284 1285
        background-color: $cardset_footer_navigation_learn_background_hover !important;
        color: $cardset_footer_navigation_learn_text_hover !important;
1286
      }
1287 1288 1289 1290 1291 1292

      .leitnerList {
        background-color: $cardset_footer_navigation_learn_list_leitner_background !important;
        color: $cardset_footer_navigation_learn_list_leitner_text !important;
      }

1293
      .leitnerList:hover, .leitnerList:focus {
1294 1295 1296 1297 1298 1299 1300 1301 1302
        background-color: $cardset_footer_navigation_learn_list_leitner_background_hover !important;
        color: $cardset_footer_navigation_learn_list_leitner_text_hover !important;
      }

      .wozniakList {
        background-color: $cardset_footer_navigation_learn_list_wozniak_background !important;
        color: $cardset_footer_navigation_learn_list_wozniak_text !important;
      }

1303
      .wozniakList:hover, .wozniakList:focus {
1304 1305 1306 1307 1308 1309 1310 1311 1312
        background-color: $cardset_footer_navigation_learn_list_wozniak_background_hover !important;
        color: $cardset_footer_navigation_learn_list_wozniak_text_hover !important;
      }

      .chooseList {
        background-color: $cardset_footer_navigation_learn_list_choose_background !important;
        color: $cardset_footer_navigation_learn_list_choose_text !important;
      }

1313
      .chooseList:hover, .chooseList:focus {
1314 1315 1316 1317 1318 1319 1320 1321 1322
        background-color: $cardset_footer_navigation_learn_list_choose_background_hover !important;
        color: $cardset_footer_navigation_learn_list_choose_text_hover !important;
      }

      .progressList {
        background-color: $cardset_footer_navigation_learn_list_progress_background !important;
        color: $cardset_footer_navigation_learn_list_progress_text !important;
      }

1323
      .progressList:hover, .progressList:focus {
1324 1325 1326 1327 1328 1329 1330 1331 1332
        background-color: $cardset_footer_navigation_learn_list_progress_background_hover !important;
        color: $cardset_footer_navigation_learn_list_progress_text_hover !important;
      }

      .newCardBtn {
        background-color: $cardset_footer_navigation_new_card_background !important;
        color: $cardset_footer_navigation_new_card_text !important;
      }

1333
      .newCardBtn:hover, .newCardBtn:focus {
1334 1335 1336 1337 1338 1339 1340 1341 1342
        background-color: $cardset_footer_navigation_new_card_background_hover !important;
        color: $cardset_footer_navigation_new_card_text_hover !important;
      }

      .importCardBtn {
        background-color: $cardset_footer_navigation_import_cards_background !important;
        color: $cardset_footer_navigation_import_cards_text !important;
      }

1343
      .importCardBtn:hover, .importCardBtn:focus {
1344 1345 1346 1347 1348 1349 1350 1351 1352
        background-color: $cardset_footer_navigation_import_cards_background_hover !important;
        color: $cardset_footer_navigation_import_cards_text_hover !important;
      }

      .editShuffleBtn {
        background-color: $cardset_footer_navigation_edit_shuffle_background !important;
        color: $cardset_footer_navigation_edit_shuffle_text !important;
      }

1353
      .editShuffleBtn:hover, .editShuffleBtn:focus {
1354 1355 1356 1357
        background-color: $cardset_footer_navigation_edit_shuffle_background_hover !important;
        color: $cardset_footer_navigation_edit_shuffle_text_hover !important;
      }

1358
      .editCardsetBtn {
1359 1360 1361 1362
        background-color: $cardset_footer_navigation_edit_cardset_background !important;
        color: $cardset_footer_navigation_edit_cardset_text !important;
      }

1363
      .editCardsetBtn:hover, .editCardsetBtn:focus  {
1364 1365 1366 1367 1368 1369 1370 1371 1372
        background-color: $cardset_footer_navigation_edit_cardset_background_hover !important;
        color: $cardset_footer_navigation_edit_cardset_text_hover !important;
      }

      .selectLicenseBtn {
        background-color: $cardset_footer_navigation_select_license_background !important;
        color: $cardset_footer_navigation_select_license_text !important;
      }

1373
      .selectLicenseBtn:hover, .selectLicenseBtn:focus {
1374 1375 1376 1377 1378 1379 1380 1381 1382
        background-color: $cardset_footer_navigation_select_license_background_hover !important;
        color: $cardset_footer_navigation_select_license_text_hover !important;
      }

      .publishCardsetBtn {
        background-color: $cardset_footer_navigation_publish_cardset_background !important;
        color: $cardset_footer_navigation_publish_cardset_text !important;
      }

1383
      .publishCardsetBtn:hover, .publishCardsetBtn:focus {
1384 1385 1386 1387 1388 1389 1390 1391 1392
        background-color: $cardset_footer_navigation_publish_cardset_background_hover !important;
        color: $cardset_footer_navigation_publish_cardset_text_hover !important;
      }

      .manageBtn {
        background-color: $cardset_footer_navigation_manage_cardset_background !important;
        color: $cardset_footer_navigation_manage_cardset_text !important;
      }

1393
      .manageBtn:hover, .manageBtn:focus {
1394 1395 1396 1397 1398 1399 1400 1401 1402
        background-color: $cardset_footer_navigation_manage_cardset_background_hover !important;
        color: $cardset_footer_navigation_manage_cardset_text_hover !important;
      }

      .manageEditorsList {
        background-color: $cardset_footer_navigation_manage_list_manage_editors_background !important;
        color: $cardset_footer_navigation_manage_list_manage_editors_text !important;
      }

1403
      .manageEditorsList:hover, .manageEditorsList:focus {
1404 1405 1406 1407 1408
        background-color: $cardset_footer_navigation_manage_list_manage_editors_background_hover !important;
        color: $cardset_footer_navigation_manage_list_manage_editors_text_hover !important;
      }

      .resetLeitnerList {
1409 1410
        background-color: $cardset_footer_navigation_learn_list_reset_leitner_background !important;
        color: $cardset_footer_navigation_learn_list_reset_leitner_text !important;
1411 1412
      }

1413
      .resetLeitnerList:hover, .resetLeitnerList:focus {
1414 1415
        background-color: $cardset_footer_navigation_learn_list_reset_leitner_background_hover !important;
        color: $cardset_footer_navigation_learn_list_reset_leitner_text_hover !important;
1416 1417 1418
      }

      .resetWozniakList {
1419 1420
        background-color: $cardset_footer_navigation_learn_list_reset_wozniak_background !important;
        color: $cardset_footer_navigation_learn_list_reset_wozniak_text !important;
1421 1422
      }

1423
      .resetWozniakList:hover, .resetWozniakList:focus {
1424 1425 1426 1427 1428 1429 1430 1431 1432
        background-color: $cardset_footer_navigation_learn_list_reset_wozniak_background_hover !important;
        color: $cardset_footer_navigation_learn_list_reset_wozniak_text_hover !important;
      }

      .bonusBtn {
        background-color: $cardset_footer_navigation_bonus_background !important;
        color: $cardset_footer_navigation_bonus_text !important;
      }

1433
      .bonusBtn:hover, .bonusBtn:focus {
1434 1435
        background-color: $cardset_footer_navigation_bonus_background_hover !important;
        color: $cardset_footer_navigation_bonus_text_hover !important;
1436 1437
      }

1438
      .startLearningList {
1439 1440
        background-color: $cardset_footer_navigation_bonus_list_start_learning_background !important;
        color: $cardset_footer_navigation_bonus_list_start_learning_text !important;
1441 1442
      }

1443
      .startLearningList:hover, .startLearningList:focus {
1444 1445
        background-color: $cardset_footer_navigation_bonus_list_start_learning_background_hover !important;
        color: $cardset_footer_navigation_bonus_list_start_learning_text_hover !important;
1446 1447
      }

1448 1449 1450 1451 1452
      .manageLearningList {
        background-color: $cardset_footer_navigation_bonus_list_manage_learning_background !important;
        color: $cardset_footer_navigation_bonus_list_manage_learning_text !important;
      }

1453
      .manageLearningList:hover, .manageLearningList:focus {
1454 1455 1456 1457
        background-color: $cardset_footer_navigation_bonus_list_manage_learning_background_hover !important;
        color: $cardset_footer_navigation_bonus_list_manage_learning_text_hover !important;
      }

1458
      .stopLearningList {
1459 1460
        background-color: $cardset_footer_navigation_bonus_list_stop_learning_background !important;
        color: $cardset_footer_navigation_bonus_list_stop_learning_text !important;
1461 1462
      }

1463
      .stopLearningList:hover, .stopLearningList:focus {
1464 1465
        background-color: $cardset_footer_navigation_bonus_list_stop_learning_background_hover !important;
        color: $cardset_footer_navigation_bonus_list_stop_learning_text_hover !important;
1466 1467 1468
      }

      .showStatsList {
1469 1470
        background-color: $cardset_footer_navigation_bonus_list_show_stats_background !important;
        color: $cardset_footer_navigation_bonus_list_show_stats_text !important;
1471 1472
      }

1473
      .showStatsList:hover, .showStatsList:focus {
1474 1475
        background-color: $cardset_footer_navigation_bonus_list_show_stats_background_hover !important;
        color: $cardset_footer_navigation_bonus_list_show_stats_text_hover !important;
1476 1477 1478 1479 1480 1481 1482
      }

      .reportList {
        background-color: $cardset_footer_navigation_manage_list_report_background !important;
        color: $cardset_footer_navigation_manage_list_report_text !important;
      }

1483
      .reportList:hover, .reportList:focus {
1484 1485 1486 1487 1488
        background-color: $cardset_footer_navigation_manage_list_report_background_hover !important;
        color: $cardset_footer_navigation_manage_list_report_text_hover !important;
      }

      .leaveLearnPhaseList {
1489
        background-color: $cardset_footer_navigation_manage_list_leave_learn_phase_background !important;
1490 1491 1492
        color: $cardset_footer_navigation_manage_list_leave_learn_phase_text !important;
      }

1493
      .leaveLearnPhaseList:hover, .leaveLearnPhaseList:focus {
1494 1495 1496 1497 1498
        background-color: $cardset_footer_navigation_manage_list_leave_learn_phase_background_hover !important;
        color: $cardset_footer_navigation_manage_list_leave_learn_phase_text_hover !important;
      }

      .leaveCardsetList {
1499
        background-color: $cardset_footer_navigation_manage_list_leave_cardset_background !important;
1500 1501 1502
        color: $cardset_footer_navigation_manage_list_leave_cardset_text !important;
      }

1503
      .leaveCardsetList:hover, .leaveCardsetList:focus {
1504 1505 1506 1507 1508
        background-color: $cardset_footer_navigation_manage_list_leave_cardset_background_hover !important;
        color: $cardset_footer_navigation_manage_list_leave_cardset_text_hover !important;
      }

      .leaveEditorsList {
1509
        background-color: $cardset_footer_navigation_manage_list_leave_editors_background !important;
1510 1511 1512
        color: $cardset_footer_navigation_manage_list_leave_editors_text !important;
      }

1513
      .leaveEditorsList:hover, .leaveEditorsList:focus {
1514 1515 1516 1517 1518
        background-color: $cardset_footer_navigation_manage_list_leave_editors_background_hover !important;
        color: $cardset_footer_navigation_manage_list_leave_editors_text_hover !important;
      }

      .exportCardsBtn {
1519
        background-color: $cardset_footer_navigation_export_cards_background !important;
1520 1521 1522
        color: $cardset_footer_navigation_export_cards_text !important;
      }

1523
      .exportCardsBtn:hover, .exportCardsBtn:focus {
1524 1525 1526 1527 1528
        background-color: $cardset_footer_navigation_export_cards_background_hover !important;
        color: $cardset_footer_navigation_export_cards_text_hover !important;
      }

      .deleteAllCardsBtn {
1529
        background-color: $cardset_footer_navigation_delete_all_cards_background !important;
1530 1531 1532
        color: $cardset_footer_navigation_delete_all_cards_text !important;
      }

1533
      .deleteAllCardsBtn:hover, .deleteAllCardsBtn:focus {
1534 1535 1536
        background-color: $cardset_footer_navigation_delete_all_cards_background_hover !important;
        color: $cardset_footer_navigation_delete_all_cards_text_hover !important;
      }
1537 1538 1539 1540 1541 1542 1543 1544 1545 1546

      .transcriptsBtn {
        background-color: $cardset_footer_navigation_transcripts_background !important;
        color: $cardset_footer_navigation_transcripts_text !important;
      }

      .transcriptsBtn:hover, .transcriptsBtn:focus {
        background-color: $cardset_footer_navigation_transcripts_background_hover !important;
        color: $cardset_footer_navigation_transcripts_text_hover !important;
      }
1547
    }
Curtis Adam's avatar
Curtis Adam committed
1548

1549
    .panel-body, .cardContent, #showHintModal {
1550
      a {
1551
        color: $hyperlink;
1552
      }
1553 1554 1555
      a:hover {
        text-decoration: underline;
      }
1556 1557 1558
      .placeholder {
        color: $cardset_markdeep_placeholder !important;
      }
1559
    }
1560

1561 1562 1563 1564
    #cardsetLink {
      color: $hyperlink !important;
    }

Klaus-Dieter Quibeldey-Cirkel's avatar
Klaus-Dieter Quibeldey-Cirkel committed
1565 1566
    #cardsetLink::after {
      content: " (Kartei-Link)";
1567 1568
    }

1569 1570 1571
    .btn.btn-raised.btn-primary {
      background-color: $primary !important;
      color: $white !important;
1572
    }
1573

1574 1575 1576 1577 1578
    .btn.btn-raised.btn-primary:hover, .btn.btn-raised.btn-primary:focus {
      background-color: $button_background_hover !important;
      color: $button_text_hover !important;
    }

1579
    .panel.panel-primary > .panel-heading {
1580