1/*********************************************************************** 2 * This section can be modified to create color variants of the theme. * 3 ***********************************************************************/ 4 5/**************** 6 * color scheme * 7 ****************/ 8 9@define-color theme_base_color #ffffff; 10 11@define-color theme_bg_color #edeceb; 12@define-color theme_fg_color #000000; 13 14@define-color theme_selected_bg_color #B4BBA3; 15@define-color theme_selected_fg_color #42453E; 16 17@define-color theme_tooltip_bg_color #EAF5B5; 18@define-color theme_tooltip_fg_color #000000; 19 20@define-color theme_text_color #1a1a1a; 21 22@define-color link_color #00EE00; 23@define-color visited_link_color #1A8B54; 24 25/*************** 26 * core colors * 27 ***************/ 28 29/* Core colors are only used in the current file, as bases for other 30 color declarations. */ 31 32@define-color core_color_a #B9C0A9; /* Core color for green widgets in TraditionalGreen. */ 33@define-color core_color_b #edeceb; /* Core color for gray widgets in TraditionalGreen. */ 34 35/******************************************** 36 * End of configuration for color variants. * 37 ********************************************/ 38 39/*********** 40 * general * 41 ***********/ 42 43@define-color insensitive_bg_color @theme_bg_color; 44@define-color insensitive_fg_color shade(@core_color_b, 0.70); 45@define-color insensitive_text_shadow_color @theme_base_color; 46 47@define-color internal_element_color @theme_text_color; 48@define-color internal_element_hover_color @theme_text_color; 49@define-color internal_element_insensitive_color @insensitive_fg_color; 50 51@define-color theme_unfocused_bg_color @theme_bg_color; 52 53/* border */ 54 55@define-color border_color shade(@core_color_b, 0.67); 56@define-color focus_border_color mix(#acacac, shade(@core_color_a, 0.75), 0.54); 57@define-color insensitive_border_color shade(@core_color_b, 0.79); 58 59/********** 60 * button * 61 **********/ 62 63@define-color button_gradient_a shade(@core_color_b, 1.07); 64@define-color button_gradient_b shade(@core_color_b, 1.06); 65@define-color button_gradient_c shade(@core_color_b, 1.04); 66@define-color button_gradient_d shade(@core_color_b, 0.98); 67 68@define-color button_default_border_color #b4bba3; 69@define-color button_default_box_shadow_color #779933; 70 71/* hover */ 72 73@define-color button_hover_gradient_a @theme_base_color; 74@define-color button_hover_gradient_b shade(@core_color_b, 1.05); 75@define-color button_hover_gradient_c @core_color_b; 76 77/* active */ 78 79@define-color button_active_text_color @theme_fg_color; 80 81@define-color button_active_gradient_a shade(@core_color_b, 0.85); 82@define-color button_active_gradient_b shade(@core_color_b, 0.90); 83@define-color button_active_gradient_c shade(@core_color_b, 0.91); 84@define-color button_active_gradient_d shade(@core_color_b, 0.86); 85@define-color button_active_gradient_e shade(@core_color_b, 0.84); 86@define-color button_active_gradient_f shade(@core_color_b, 0.80); 87 88/* insensitive */ 89 90@define-color button_insensitive_inner_border_color shade(@core_color_b, 1.05); 91 92@define-color button_insensitive_gradient_a shade(@core_color_b, 1.04); 93@define-color button_insensitive_gradient_b shade(@core_color_b, 1.01); 94@define-color button_insensitive_gradient_c shade(@core_color_b, 0.99); 95@define-color button_insensitive_gradient_d shade(@core_color_b, 0.96); 96 97/* active insensitive */ 98 99@define-color button_active_insensitive_gradient_a shade(@core_color_b, 0.98); 100@define-color button_active_insensitive_gradient_b shade(@core_color_b, 1.02); 101@define-color button_active_insensitive_gradient_c shade(@core_color_b, 1.03); 102@define-color button_active_insensitive_gradient_d shade(@core_color_b, 1.01); 103@define-color button_active_insensitive_gradient_e shade(@core_color_b, 0.99); 104@define-color button_active_insensitive_gradient_f shade(@core_color_b, 0.96); 105 106/* primary toolbar focus */ 107 108@define-color pt_button_focus_gradient_a mix(#fafafa, shade(@core_color_a, 1.09), 0.3); 109@define-color pt_button_focus_gradient_b mix(#ededed, shade(@core_color_a, 1.05), 0.3); 110@define-color pt_button_focus_gradient_c mix(#e8e8e8, shade(@core_color_a, 1.01), 0.25); 111@define-color pt_button_focus_gradient_d mix(#e8e8e8, shade(@core_color_a, 0.96), 0.3); 112 113/* primary toolbar focus hover */ 114 115@define-color pt_button_focus_hover_gradient_a mix(#fcfcfc, shade(@core_color_a, 1.09), 0.15); 116@define-color pt_button_focus_hover_gradient_b mix(#fcfcfc, shade(@core_color_a, 1.05), 0.15); 117@define-color pt_button_focus_hover_gradient_c mix(#fcfcfc, shade(@core_color_a, 1.01), 0.2); 118@define-color pt_button_focus_hover_gradient_d mix(#e8e8e8, shade(@core_color_a, 0.96), 0.2); 119 120/***************** 121 * color chooser * 122 *****************/ 123 124@define-color color_swatch_border_color @border_color; 125@define-color color_swatch_hover_border_color @menubar_menuitem_hover_border_color; 126 127@define-color color_active_badge_light_border_color @theme_fg_color; 128@define-color color_active_badge_light_color @color_active_badge_light_border_color; 129 130@define-color color_active_badge_dark_border_color @theme_base_color; 131@define-color color_active_badge_dark_color @color_active_badge_light_border_color; 132 133/***************** 134 * column-header * 135 *****************/ 136 137@define-color column_header_border_top_color @theme_base_color; 138@define-color column_header_border_right_color shade(@core_color_b, 0.82); 139@define-color column_header_border_bottom_color shade(@core_color_b, 0.70); 140@define-color column_header_border_left_color @column_header_border_top_color; 141 142@define-color column_header_button_gradient_a shade(@core_color_b, 1.05); 143@define-color column_header_button_gradient_b shade(@core_color_b, 1.02); 144@define-color column_header_button_gradient_c @core_color_b; 145@define-color column_header_button_gradient_d shade(@core_color_b, 0.96); 146 147/********* 148 * entry * 149 *********/ 150 151@define-color entry_text_color @theme_text_color; 152 153@define-color entry_inner_border_color shade(@core_color_b, 0.96); 154@define-color entry_bg_color @theme_base_color; 155 156/* insensitive */ 157 158@define-color entry_insensitive_inner_border_color shade(@core_color_b, 0.97); 159@define-color entry_insensitive_bg_color @insensitive_bg_color; 160 161/************ 162 * expander * 163 ************/ 164 165@define-color expander_row_selected_border_color mix(#acacac, shade(@core_color_a, 0.75), 0.54); 166 167/***************** 168 * fallback mode * 169 *****************/ 170 171@define-color os_chrome_bg_color @theme_bg_color; 172@define-color os_chrome_fg_color @theme_fg_color; 173 174/* gnome-panel */ 175 176@define-color applet_frame_bg_color shade(@core_color_b, 0.89); 177@define-color pager_bg_color shade(@core_color_b, 0.97); 178 179/******************************* 180 * info/question/error/warning * 181 *******************************/ 182 183@define-color info_bg_color @theme_tooltip_bg_color; 184@define-color info_fg_color @theme_fg_color; 185 186@define-color question_bg_color mix(#727272, shade(@core_color_a, 0.90), 0.95); 187@define-color question_fg_color @theme_base_color; 188 189@define-color error_color #cc0000; 190@define-color error_bg_color mix(#ababab, shade(@error_color, 0.77), 0.78); 191@define-color error_fg_color @theme_base_color; 192 193@define-color warning_bg_color #faad3d; 194@define-color warning_fg_color @theme_fg_color; 195 196/******** 197 * menu * 198 ********/ 199 200@define-color menu_bg_color @theme_base_color; 201@define-color menu_fg_color @theme_fg_color; 202 203/* Example: submenu arrow. */ 204@define-color menu_controls_color @theme_fg_color; 205 206@define-color menu_border_color shade(@core_color_b, 0.72); 207@define-color menu_separator_color @menu_border_color; 208 209/*********** 210 * menubar * 211 ***********/ 212 213@define-color menubar_gradient_a shade(@core_color_b, 0.99); 214@define-color menubar_gradient_b shade(@core_color_b, 0.98); 215@define-color menubar_gradient_c shade(@core_color_b, 0.96); 216 217/* hover */ 218 219@define-color menubar_menuitem_hover_color @theme_selected_fg_color; 220@define-color menubar_menuitem_hover_border_color shade(@core_color_a, 0.58); 221 222@define-color menubar_menuitem_hover_gradient_a @core_color_a; 223@define-color menubar_menuitem_hover_gradient_b shade(@core_color_a, 0.95); 224@define-color menubar_menuitem_hover_gradient_c shade(@core_color_a, 0.93); 225@define-color menubar_menuitem_hover_gradient_d shade(@core_color_a, 0.88); 226 227/************ 228 * notebook * 229 ************/ 230 231@define-color notebook_bg_color shade(@core_color_b, 1.02); 232 233@define-color notebook_tab_inner_border_color shade(@core_color_b, 1.04); 234 235@define-color notebook_tab_gradient_a shade(@core_color_b, 0.97); 236@define-color notebook_tab_gradient_b shade(@core_color_b, 0.92); 237@define-color notebook_tab_gradient_c shade(@core_color_b, 0.90); 238@define-color notebook_tab_gradient_d shade(@core_color_b, 0.86); 239 240/* active tab */ 241 242@define-color notebook_active_tab_border @menubar_menuitem_hover_border_color; 243 244@define-color notebook_active_tab_strip_gradient_a shade(@core_color_a, 1.05); 245@define-color notebook_active_tab_strip_gradient_b shade(@core_color_a, 0.94); 246@define-color notebook_active_tab_strip_border_bottom_color mix(#727272, shade(@core_color_a, 0.84), 0.65); 247@define-color notebook_active_tab_gradient_a shade(@core_color_b, 1.07); 248@define-color notebook_active_tab_gradient_b @notebook_bg_color; 249 250/******* 251 * osd * 252 *******/ 253 254@define-color osd_highlight #ffffff; 255@define-color osd_lowlight #525252; 256@define-color osd_base #212526; 257@define-color osd_base_backdrop shade(@osd_base, 1.40); 258 259@define-color osd_fg #ededed; 260@define-color osd_bg alpha(@osd_base, 0.80); 261@define-color osd_bg_backdrop alpha(@osd_base_backdrop, 0.90); 262 263@define-color osd_text_shadow alpha(black, 0.75); 264 265@define-color osd_toolbar_bg_a alpha(@osd_base, 0.50); 266@define-color osd_toolbar_bg_b alpha(#101010, 0.50); 267@define-color osd_toolbar_bg_c alpha(shade(@osd_base, 1.02), 0.50); 268 269@define-color osd_button_bg_a alpha(@osd_highlight, 0.16); 270@define-color osd_button_bg_b alpha(@osd_lowlight, 0.05); 271@define-color osd_button_bg_c alpha(@osd_highlight, 0.12); 272 273@define-color osd_button_bg_insensitive alpha(@osd_bg, 0.25); 274@define-color osd_button_bg_insensitive_active alpha(@osd_bg, 0.16); 275 276@define-color osd_button_bg_hover_a alpha(@osd_highlight, 0.28); 277@define-color osd_button_bg_hover_b alpha(@osd_lowlight, 0.14); 278@define-color osd_button_bg_hover_c alpha(@osd_highlight, 0.14); 279 280@define-color osd_button_bg_active_a alpha(black, .9); 281@define-color osd_button_bg_active_b alpha(black, 0.4); 282@define-color osd_button_bg_active_c alpha(black, 0); 283 284@define-color osd_button_bg_backdrop alpha(@osd_bg, 0.18); 285@define-color osd_button_bg_backdrop_hover alpha(@osd_bg, 0.25); 286@define-color osd_button_bg_backdrop_active alpha(@osd_bg, 0.35); 287@define-color osd_button_bg_backdrop_insensitive alpha(@osd_bg, 0.08); 288 289@define-color osd_button_fg_backdrop shade(@osd_fg, 0.70); 290@define-color osd_button_fg_backdrop_active shade(@osd_fg, 0.95); 291 292@define-color osd_button_fg shade(@osd_fg, 0.80); 293@define-color osd_button_fg_hover shade(@osd_fg, 0.96); 294@define-color osd_button_fg_active shade(@osd_fg, 1.10); 295@define-color osd_button_fg_insensitive shade(@osd_fg, 0.70); 296 297@define-color osd_button_border alpha(@osd_highlight, 0.40); 298@define-color osd_button_border_active alpha(@osd_highlight, 0.8); 299@define-color osd_button_inset shade(@osd_fg, 0.67); 300@define-color osd_button_shadow alpha(black, 0.35); 301 302@define-color osd_trough_bg alpha(@osd_button_fg, 0.10); 303@define-color osd_scale_trough_bg_color alpha(shade(@core_color_b, 0.35), 0.4); 304@define-color osd_scale_trough_highlight_bg_color alpha(shade(@core_color_a, 1.00), 0.4); 305 306@define-color osd_view_bg alpha(@osd_bg, 0.60); 307@define-color osd_view_bg_backdrop alpha(@osd_bg_backdrop, 0.60); 308 309@define-color osd_scrollbar_trough shade(@osd_base, 1.70); 310@define-color osd_scrollbar_trough_backdrop shade(@osd_base_backdrop, 1.40); 311 312@define-color osd_scrollbar_slider shade(@osd_scrollbar_trough, 1.50); 313@define-color osd_scrollbar_slider_prelight shade(@osd_scrollbar_trough, 1.80); 314@define-color osd_scrollbar_slider_active shade(@osd_scrollbar_trough, 2.10); 315@define-color osd_scrollbar_slider_backdrop shade(@osd_scrollbar_trough_backdrop, 1.50); 316 317/*************** 318 * progressbar * 319 ***************/ 320 321@define-color progressbar_border_color mix(#6a6a6a, shade(@core_color_a, 0.75), 0.80); 322@define-color progressbar_pattern_color @progressbar_border_color; 323 324@define-color progressbar_bg_color @core_color_a; 325 326@define-color progressbar_gradient_a @progressbar_bg_color; 327@define-color progressbar_gradient_b @menubar_menuitem_hover_gradient_b; 328@define-color progressbar_gradient_c @menubar_menuitem_hover_gradient_c; 329@define-color progressbar_gradient_d @menubar_menuitem_hover_gradient_d; 330 331/********* 332 * scale * 333 *********/ 334 335@define-color scale_mark_color @border_color; 336@define-color scale_progressbar_bg_color @scale_trough_highlight_gradient_b; 337 338@define-color scale_trough_border_color shade(@core_color_b, 0.56); 339@define-color scale_trough_bg_color shade(@core_color_b, 0.90); 340 341/* trough highlight */ 342 343@define-color scale_trough_highlight_border_color mix(#2b2b2b, shade(@core_color_a, 0.75), 0.80); 344@define-color scale_trough_highlight_bg_color shade(@core_color_a, 0.92); 345 346/* trough insensitive */ 347 348@define-color scale_trough_insensitive_border_color @insensitive_border_color; 349@define-color scale_trough_insensitive_bg_color shade(@core_color_b, 0.97); 350 351/* trough highlight insensitive */ 352 353@define-color scale_trough_highlight_insensitive_border_color mix(#6a6a6a, shade(@core_color_a, 0.88), 0.90); 354@define-color scale_trough_highlight_insensitive_bg_color shade(@core_color_a, 1.20); 355 356/************* 357 * scrollbar * 358 *************/ 359 360/* junction */ 361 362@define-color scrollbars_junction_bg_color @theme_bg_color; 363 364/* trough */ 365 366@define-color scrollbar_trough_border_color shade(@core_color_b, 0.67); 367 368@define-color scrollbar_trough_gradient_a shade(@core_color_b, 0.86); 369@define-color scrollbar_trough_gradient_b shade(@core_color_b, 0.90); 370 371/* slider */ 372 373@define-color scrollbar_slider_bg_color shade(@core_color_a, 0.99); 374 375@define-color scrollbar_slider_gradient_a @scrollbar_slider_bg_color; 376@define-color scrollbar_slider_gradient_b shade(@core_color_a, 0.96); 377@define-color scrollbar_slider_gradient_c shade(@core_color_a, 0.92); 378@define-color scrollbar_slider_gradient_d shade(@core_color_a, 0.88); 379 380@define-color scrollbar_slider_border_color mix(#000000, shade(@core_color_a, 0.72), 0.95); 381 382@define-color scrollbar_slider_inner_border_color shade(@core_color_a, 1.04); 383 384/* slider hover */ 385 386@define-color scrollbar_slider_hover_bg_color shade(@core_color_a, 1.03); 387 388@define-color scrollbar_slider_hover_gradient_a @scrollbar_slider_hover_bg_color; 389@define-color scrollbar_slider_hover_gradient_b shade(@core_color_a, 0.99); 390@define-color scrollbar_slider_hover_gradient_c shade(@core_color_a, 0.96); 391@define-color scrollbar_slider_hover_gradient_d shade(@core_color_a, 0.91); 392 393/* button */ 394 395@define-color scrollbar_button_color @theme_fg_color; 396@define-color scrollbar_button_insensitive_color @internal_element_insensitive_color; 397@define-color scrollbar_button_border_color shade(@core_color_b, 0.56); 398 399@define-color scrollbar_button_gradient_a shade(@core_color_b, 1.07); 400@define-color scrollbar_button_gradient_b shade(@core_color_b, 1.02); 401@define-color scrollbar_button_gradient_c shade(@core_color_b, 0.99); 402@define-color scrollbar_button_gradient_d shade(@core_color_b, 0.95); 403 404/* button hover */ 405 406@define-color scrollbar_button_hover_gradient_a shade(@core_color_b, 1.07); 407@define-color scrollbar_button_hover_gradient_b shade(@core_color_b, 1.05); 408@define-color scrollbar_button_hover_gradient_c shade(@core_color_b, 1.02); 409@define-color scrollbar_button_hover_gradient_d shade(@core_color_b, 0.97); 410 411/* button active */ 412 413@define-color scrollbar_button_active_gradient_a shade(@core_color_b, 0.95); 414@define-color scrollbar_button_active_gradient_b shade(@core_color_b, 0.92); 415@define-color scrollbar_button_active_gradient_c shade(@core_color_b, 0.89); 416@define-color scrollbar_button_active_gradient_d shade(@core_color_b, 0.85); 417 418/*********** 419 * sidebar * 420 ***********/ 421 422@define-color sidebar_bg_color @theme_base_color; 423@define-color gtkassistant_sidebar_border_color @border_color; 424 425/************** 426 * spinbutton * 427 **************/ 428 429@define-color spinbutton_border_color @border_color; 430 431/********** 432 * switch * 433 **********/ 434 435@define-color switch_color shade(@core_color_b, 0.45); 436 437@define-color switch_slider_border_color @progressbar_border_color; 438 439@define-color switch_slider_bg_color @scrollbar_slider_bg_color; 440 441@define-color switch_slider_gradient_a @switch_slider_bg_color; 442@define-color switch_slider_gradient_b @scrollbar_slider_gradient_b; 443@define-color switch_slider_gradient_c @scrollbar_slider_gradient_c; 444@define-color switch_slider_gradient_d @scrollbar_slider_gradient_d; 445 446/* active */ 447 448@define-color switch_trough_active_color @theme_base_color; 449 450@define-color switch_trough_active_gradient_a @menubar_menuitem_hover_border_color; 451@define-color switch_trough_active_gradient_b shade(@core_color_a, 1.12); 452 453/* insensitive */ 454 455@define-color switch_slider_insensitive_bg_color @button_insensitive_gradient_a; 456 457@define-color switch_slider_insensitive_gradient_a @switch_slider_insensitive_bg_color; 458@define-color switch_slider_insensitive_gradient_b @button_insensitive_gradient_b; 459@define-color switch_slider_insensitive_gradient_c @button_insensitive_gradient_c; 460@define-color switch_slider_insensitive_gradient_d @button_insensitive_gradient_d; 461 462/*********** 463 * toolbar * 464 ***********/ 465 466@define-color toolbar_border_top_color shade(@core_color_b, 0.82); 467@define-color toolbar_inner_border_color @theme_base_color; 468@define-color toolbar_border_bottom_color @toolbar_border_top_color; 469 470@define-color toolbar_gradient_a shade(@core_color_b, 1.04); 471@define-color toolbar_gradient_b shade(@core_color_b, 1.01); 472@define-color toolbar_gradient_c @core_color_b; 473@define-color toolbar_gradient_d shade(@core_color_b, 0.97); 474 475/*********** 476 * tooltip * 477 ***********/ 478 479@define-color theme_tooltip_border_color shade(@theme_tooltip_bg_color, 0.60); 480 481/********** 482 * trough * 483 **********/ 484 485@define-color trough_gradient_a shade(@core_color_b, 0.81); 486@define-color trough_gradient_b shade(@core_color_b, 0.90); 487 488/************************ 489 * overshoot/undershoot * 490 ************************/ 491 492@define-color overshoot_bg_color alpha (@theme_selected_bg_color, 0.15); 493@define-color overshoot_backdrop_bg_color @theme_selected_bg_color; 494 495/********** 496 * WM * 497 **********/ 498 499@define-color wm_shadow alpha(black, 0.5); 500@define-color wm_border alpha(black,0.18); 501@define-color wm_bg_a shade (@theme_bg_color, 1.05); 502@define-color wm_bg_b @theme_bg_color; 503@define-color wm_csd_solid_border_color shade (@theme_selected_bg_color, 0.55); 504 505/*********** 506 * imports * 507 ***********/ 508 509@import url("gtk-widgets-img.css"); 510@import url("gtk-widgets.css"); 511@import url("applications.css"); 512@import url("mate-applications.css"); 513@import url("other-applications.css"); 514 515 516