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 #86abd9; 15@define-color theme_selected_fg_color #ffffff; 16 17@define-color theme_tooltip_bg_color #f5f5b5; 18@define-color theme_tooltip_fg_color #000000; 19 20@define-color theme_text_color #1a1a1a; 21 22@define-color link_color #0000ee; 23@define-color visited_link_color #551a8b; 24 25/***************** 26 * error/warning * 27 *****************/ 28 29@define-color error_color #cc0000; 30 31@define-color warning_bg_color #faad3d; 32 33/*************** 34 * core colors * 35 ***************/ 36 37/* Core colors are only used in the current file, as bases for other 38 color declarations. */ 39 40@define-color core_color_a #a4c2e8; /* Core color for blue widgets in Clearlooks-Phenix. */ 41@define-color core_color_b #edeceb; /* Core color for gray widgets in Clearlooks-Phenix. */ 42 43/******************************************** 44 * End of configuration for color variants. * 45 ********************************************/ 46 47/*********** 48 * general * 49 ***********/ 50 51@define-color insensitive_bg_color @theme_bg_color; 52@define-color insensitive_fg_color shade(@core_color_b, 0.70); 53@define-color insensitive_text_shadow_color @theme_base_color; 54 55@define-color internal_element_color @theme_text_color; 56@define-color internal_element_hover_color @theme_text_color; 57@define-color internal_element_insensitive_color @insensitive_fg_color; 58 59/* border */ 60 61@define-color border_color shade(@core_color_b, 0.67); 62@define-color focus_border_color mix(#acacac, shade(@core_color_a, 0.75), 0.54); 63@define-color insensitive_border_color shade(@core_color_b, 0.79); 64 65/********** 66 * button * 67 **********/ 68 69@define-color button_gradient_a shade(@core_color_b, 1.07); 70@define-color button_gradient_b shade(@core_color_b, 1.06); 71@define-color button_gradient_c shade(@core_color_b, 1.04); 72@define-color button_gradient_d shade(@core_color_b, 0.98); 73 74/* hover */ 75 76@define-color button_hover_gradient_a @theme_base_color; 77@define-color button_hover_gradient_b shade(@core_color_b, 1.05); 78@define-color button_hover_gradient_c @core_color_b; 79 80/* active */ 81 82@define-color button_active_text_color @theme_fg_color; 83 84@define-color button_active_gradient_a shade(@core_color_b, 0.85); 85@define-color button_active_gradient_b shade(@core_color_b, 0.90); 86@define-color button_active_gradient_c shade(@core_color_b, 0.91); 87@define-color button_active_gradient_d shade(@core_color_b, 0.86); 88@define-color button_active_gradient_e shade(@core_color_b, 0.84); 89@define-color button_active_gradient_f shade(@core_color_b, 0.80); 90 91/* insensitive */ 92 93@define-color button_insensitive_inner_border_color shade(@core_color_b, 1.05); 94 95@define-color button_insensitive_gradient_a shade(@core_color_b, 1.04); 96@define-color button_insensitive_gradient_b shade(@core_color_b, 1.01); 97@define-color button_insensitive_gradient_c shade(@core_color_b, 0.99); 98@define-color button_insensitive_gradient_d shade(@core_color_b, 0.96); 99 100/* active insensitive */ 101 102@define-color button_active_insensitive_gradient_a shade(@core_color_b, 0.98); 103@define-color button_active_insensitive_gradient_b shade(@core_color_b, 1.02); 104@define-color button_active_insensitive_gradient_c shade(@core_color_b, 1.03); 105@define-color button_active_insensitive_gradient_d shade(@core_color_b, 1.01); 106@define-color button_active_insensitive_gradient_e shade(@core_color_b, 0.99); 107@define-color button_active_insensitive_gradient_f shade(@core_color_b, 0.96); 108 109/* primary toolbar focus */ 110 111@define-color pt_button_focus_gradient_a mix(#fafafa, shade(@core_color_a, 1.09), 0.3); 112@define-color pt_button_focus_gradient_b mix(#ededed, shade(@core_color_a, 1.05), 0.3); 113@define-color pt_button_focus_gradient_c mix(#e8e8e8, shade(@core_color_a, 1.01), 0.25); 114@define-color pt_button_focus_gradient_d mix(#e8e8e8, shade(@core_color_a, 0.96), 0.3); 115 116/* primary toolbar focus hover */ 117 118@define-color pt_button_focus_hover_gradient_a mix(#fcfcfc, shade(@core_color_a, 1.09), 0.15); 119@define-color pt_button_focus_hover_gradient_b mix(#fcfcfc, shade(@core_color_a, 1.05), 0.15); 120@define-color pt_button_focus_hover_gradient_c mix(#fcfcfc, shade(@core_color_a, 1.01), 0.2); 121@define-color pt_button_focus_hover_gradient_d mix(#e8e8e8, shade(@core_color_a, 0.96), 0.2); 122 123/***************** 124 * color chooser * 125 *****************/ 126 127@define-color color_swatch_border_color @border_color; 128@define-color color_swatch_hover_border_color @menubar_menuitem_hover_border_color; 129 130@define-color color_active_badge_light_border_color @theme_fg_color; 131@define-color color_active_badge_light_color @color_active_badge_light_border_color; 132 133@define-color color_active_badge_dark_border_color @theme_base_color; 134@define-color color_active_badge_dark_color @color_active_badge_light_border_color; 135 136/***************** 137 * column-header * 138 *****************/ 139 140@define-color column_header_border_top_color @theme_base_color; 141@define-color column_header_border_right_color shade(@core_color_b, 0.82); 142@define-color column_header_border_bottom_color shade(@core_color_b, 0.70); 143@define-color column_header_border_left_color @column_header_border_top_color; 144 145@define-color column_header_button_gradient_a shade(@core_color_b, 1.05); 146@define-color column_header_button_gradient_b shade(@core_color_b, 1.02); 147@define-color column_header_button_gradient_c @core_color_b; 148@define-color column_header_button_gradient_d shade(@core_color_b, 0.96); 149 150/********* 151 * entry * 152 *********/ 153 154@define-color entry_text_color @theme_text_color; 155 156@define-color entry_inner_border_color shade(@core_color_b, 0.96); 157@define-color entry_bg_color @theme_base_color; 158 159/* insensitive */ 160 161@define-color entry_insensitive_inner_border_color shade(@core_color_b, 0.97); 162@define-color entry_insensitive_bg_color @insensitive_bg_color; 163 164/************ 165 * expander * 166 ************/ 167 168@define-color expander_row_selected_border_color mix(#acacac, shade(@core_color_a, 0.75), 0.54); 169 170/***************** 171 * fallback mode * 172 *****************/ 173 174@define-color os_chrome_bg_color @theme_bg_color; 175@define-color os_chrome_fg_color @theme_fg_color; 176 177/* gnome-panel */ 178 179@define-color applet_frame_bg_color shade(@core_color_b, 0.89); 180@define-color pager_bg_color shade(@core_color_b, 0.97); 181 182/******************************* 183 * info/question/error/warning * 184 *******************************/ 185 186@define-color info_bg_color @theme_tooltip_bg_color; 187@define-color info_fg_color @theme_fg_color; 188 189@define-color question_bg_color mix(#727272, shade(@core_color_a, 0.90), 0.95); 190@define-color question_fg_color @theme_base_color; 191 192@define-color error_bg_color mix(#ababab, shade(@error_color, 0.77), 0.78); 193@define-color error_fg_color @theme_base_color; 194 195@define-color warning_fg_color @theme_fg_color; 196 197/******** 198 * menu * 199 ********/ 200 201@define-color menu_bg_color @theme_base_color; 202@define-color menu_fg_color @theme_fg_color; 203 204/* Example: submenu arrow. */ 205@define-color menu_controls_color @theme_fg_color; 206 207@define-color menu_border_color shade(@core_color_b, 0.72); 208@define-color menu_separator_color @menu_border_color; 209 210/*********** 211 * menubar * 212 ***********/ 213 214@define-color menubar_gradient_a shade(@core_color_b, 0.99); 215@define-color menubar_gradient_b shade(@core_color_b, 0.98); 216@define-color menubar_gradient_c shade(@core_color_b, 0.96); 217 218/* hover */ 219 220@define-color menubar_menuitem_hover_color @theme_selected_fg_color; 221@define-color menubar_menuitem_hover_border_color shade(@core_color_a, 0.58); 222 223@define-color menubar_menuitem_hover_gradient_a @core_color_a; 224@define-color menubar_menuitem_hover_gradient_b shade(@core_color_a, 0.95); 225@define-color menubar_menuitem_hover_gradient_c shade(@core_color_a, 0.93); 226@define-color menubar_menuitem_hover_gradient_d shade(@core_color_a, 0.88); 227 228/************ 229 * notebook * 230 ************/ 231 232@define-color notebook_bg_color shade(@core_color_b, 1.02); 233 234@define-color notebook_tab_inner_border_color shade(@core_color_b, 1.04); 235 236@define-color notebook_tab_gradient_a shade(@core_color_b, 0.97); 237@define-color notebook_tab_gradient_b shade(@core_color_b, 0.92); 238@define-color notebook_tab_gradient_c shade(@core_color_b, 0.90); 239@define-color notebook_tab_gradient_d shade(@core_color_b, 0.86); 240 241/* active tab */ 242 243@define-color notebook_active_tab_border @menubar_menuitem_hover_border_color; 244 245@define-color notebook_active_tab_strip_gradient_a shade(@core_color_a, 1.05); 246@define-color notebook_active_tab_strip_gradient_b shade(@core_color_a, 0.94); 247@define-color notebook_active_tab_strip_border_bottom_color mix(#727272, shade(@core_color_a, 0.84), 0.65); 248@define-color notebook_active_tab_gradient_a shade(@core_color_b, 1.07); 249@define-color notebook_active_tab_gradient_b @notebook_bg_color; 250 251/******* 252 * osd * 253 *******/ 254 255@define-color osd_bg_color @theme_tooltip_bg_color; 256@define-color osd_fg_color @theme_tooltip_fg_color; 257@define-color osd_border_color @theme_tooltip_border_color; 258 259/*************** 260 * progressbar * 261 ***************/ 262 263@define-color progressbar_border_color mix(#6a6a6a, shade(@core_color_a, 0.75), 0.80); 264@define-color progressbar_pattern_color @progressbar_border_color; 265 266@define-color progressbar_bg_color @core_color_a; 267 268@define-color progressbar_gradient_a @progressbar_bg_color; 269@define-color progressbar_gradient_b @menubar_menuitem_hover_gradient_b; 270@define-color progressbar_gradient_c @menubar_menuitem_hover_gradient_c; 271@define-color progressbar_gradient_d @menubar_menuitem_hover_gradient_d; 272 273/********* 274 * scale * 275 *********/ 276 277@define-color scale_mark_color @border_color; 278@define-color scale_progressbar_bg_color @scale_trough_highlight_gradient_b; 279 280@define-color scale_trough_border_color shade(@core_color_b, 0.56); 281@define-color scale_trough_bg_color shade(@core_color_b, 0.90); 282 283/* trough highlight */ 284 285@define-color scale_trough_highlight_border_color mix(#2b2b2b, shade(@core_color_a, 0.75), 0.80); 286@define-color scale_trough_highlight_bg_color shade(@core_color_a, 0.92); 287 288/* trough insensitive */ 289 290@define-color scale_trough_insensitive_border_color @insensitive_border_color; 291@define-color scale_trough_insensitive_bg_color shade(@core_color_b, 0.97); 292 293/* trough highlight insensitive */ 294 295@define-color scale_trough_highlight_insensitive_border_color mix(#6a6a6a, shade(@core_color_a, 0.88), 0.90); 296@define-color scale_trough_highlight_insensitive_bg_color shade(@core_color_a, 1.20); 297 298/************* 299 * scrollbar * 300 *************/ 301 302/* junction */ 303 304@define-color scrollbars_junction_bg_color @theme_bg_color; 305 306/* trough */ 307 308@define-color scrollbar_trough_border_color shade(@core_color_b, 0.67); 309 310@define-color scrollbar_trough_gradient_a shade(@core_color_b, 0.86); 311@define-color scrollbar_trough_gradient_b shade(@core_color_b, 0.90); 312 313/* slider */ 314 315@define-color scrollbar_slider_bg_color shade(@core_color_a, 0.99); 316 317@define-color scrollbar_slider_gradient_a @scrollbar_slider_bg_color; 318@define-color scrollbar_slider_gradient_b shade(@core_color_a, 0.96); 319@define-color scrollbar_slider_gradient_c shade(@core_color_a, 0.92); 320@define-color scrollbar_slider_gradient_d shade(@core_color_a, 0.88); 321 322@define-color scrollbar_slider_border_color mix(#000000, shade(@core_color_a, 0.72), 0.95); 323 324@define-color scrollbar_slider_inner_border_color shade(@core_color_a, 1.04); 325 326/* slider hover */ 327 328@define-color scrollbar_slider_hover_bg_color shade(@core_color_a, 1.03); 329 330@define-color scrollbar_slider_hover_gradient_a @scrollbar_slider_hover_bg_color; 331@define-color scrollbar_slider_hover_gradient_b shade(@core_color_a, 0.99); 332@define-color scrollbar_slider_hover_gradient_c shade(@core_color_a, 0.96); 333@define-color scrollbar_slider_hover_gradient_d shade(@core_color_a, 0.91); 334 335/* button */ 336 337@define-color scrollbar_button_color @theme_fg_color; 338@define-color scrollbar_button_insensitive_color @internal_element_insensitive_color; 339@define-color scrollbar_button_border_color shade(@core_color_b, 0.56); 340 341@define-color scrollbar_button_gradient_a shade(@core_color_b, 1.07); 342@define-color scrollbar_button_gradient_b shade(@core_color_b, 1.02); 343@define-color scrollbar_button_gradient_c shade(@core_color_b, 0.99); 344@define-color scrollbar_button_gradient_d shade(@core_color_b, 0.95); 345 346/* button hover */ 347 348@define-color scrollbar_button_hover_gradient_a shade(@core_color_b, 1.07); 349@define-color scrollbar_button_hover_gradient_b shade(@core_color_b, 1.05); 350@define-color scrollbar_button_hover_gradient_c shade(@core_color_b, 1.02); 351@define-color scrollbar_button_hover_gradient_d shade(@core_color_b, 0.97); 352 353/* button active */ 354 355@define-color scrollbar_button_active_gradient_a shade(@core_color_b, 0.95); 356@define-color scrollbar_button_active_gradient_b shade(@core_color_b, 0.92); 357@define-color scrollbar_button_active_gradient_c shade(@core_color_b, 0.89); 358@define-color scrollbar_button_active_gradient_d shade(@core_color_b, 0.85); 359 360/*********** 361 * sidebar * 362 ***********/ 363 364@define-color sidebar_bg_color @theme_base_color; 365@define-color gtkassistant_sidebar_border_color @border_color; 366 367/************** 368 * spinbutton * 369 **************/ 370 371@define-color spinbutton_border_color @border_color; 372 373/********** 374 * switch * 375 **********/ 376 377@define-color switch_color shade(@core_color_b, 0.45); 378 379@define-color switch_slider_border_color @progressbar_border_color; 380 381@define-color switch_slider_bg_color @scrollbar_slider_bg_color; 382 383@define-color switch_slider_gradient_a @switch_slider_bg_color; 384@define-color switch_slider_gradient_b @scrollbar_slider_gradient_b; 385@define-color switch_slider_gradient_c @scrollbar_slider_gradient_c; 386@define-color switch_slider_gradient_d @scrollbar_slider_gradient_d; 387 388/* active */ 389 390@define-color switch_trough_active_color @theme_base_color; 391 392@define-color switch_trough_active_gradient_a @menubar_menuitem_hover_border_color; 393@define-color switch_trough_active_gradient_b shade(@core_color_a, 1.12); 394 395/* insensitive */ 396 397@define-color switch_slider_insensitive_bg_color @button_insensitive_gradient_a; 398 399@define-color switch_slider_insensitive_gradient_a @switch_slider_insensitive_bg_color; 400@define-color switch_slider_insensitive_gradient_b @button_insensitive_gradient_b; 401@define-color switch_slider_insensitive_gradient_c @button_insensitive_gradient_c; 402@define-color switch_slider_insensitive_gradient_d @button_insensitive_gradient_d; 403 404/*********** 405 * toolbar * 406 ***********/ 407 408@define-color toolbar_border_top_color shade(@core_color_b, 0.82); 409@define-color toolbar_inner_border_color @theme_base_color; 410@define-color toolbar_border_bottom_color @toolbar_border_top_color; 411 412@define-color toolbar_gradient_a shade(@core_color_b, 1.04); 413@define-color toolbar_gradient_b shade(@core_color_b, 1.01); 414@define-color toolbar_gradient_c @core_color_b; 415@define-color toolbar_gradient_d shade(@core_color_b, 0.97); 416 417/*********** 418 * tooltip * 419 ***********/ 420 421@define-color theme_tooltip_border_color shade(@theme_tooltip_bg_color, 0.60); 422 423/********** 424 * trough * 425 **********/ 426 427@define-color trough_gradient_a shade(@core_color_b, 0.81); 428@define-color trough_gradient_b shade(@core_color_b, 0.90); 429 430/*********** 431 * imports * 432 ***********/ 433 434@import url("gtk-widgets-img.css"); 435@import url("gtk-widgets.css"); 436@import url("applications.css"); 437