gtk-main.css (20050B)
1 /* Default color scheme */ 2 @define-color theme_base_color #0a0a0a; 3 @define-color theme_bg_color #1a1a1a; 4 @define-color theme_selected_bg_color #154478; 5 @define-color theme_text_color #ababab; 6 @define-color theme_fg_color #cdcdcd; 7 @define-color theme_selected_fg_color #ffffff; 8 9 @define-color placeholder_text_color shade(@text_color, 3.5); 10 11 @define-color highlight_selected_bg shade(@theme_selected_bg_color, 1.42); 12 13 @define-color theme_unfocused_base_color #292929; /* I don't want the same color, hope not to hurt usability to much here */ 14 @define-color theme_unfocused_text_color mix(@theme_unfocused_fg_color, #002033, 0.2); /* Need something darker here to have stuff nicelly readable*/ 15 @define-color theme_unfocused_fg_color mix(#5d5d5d, @theme_selected_bg_color, 0.01); 16 @define-color theme_unfocused_bg_color shade(mix (@theme_base_color, @theme_bg_color, 0.30), 0.98); 17 @define-color theme_unfocused_selected_bg_color shade(@theme_unfocused_bg_color, 0.9); 18 @define-color theme_unfocused_selected_fg_color shade (@theme_fg_color, 0.65); 19 @define-color unfocused_button_background @theme_unfocused_bg_color; 20 @define-color unfocused_borders #474641; 21 @define-color unfocused_frame alpha(black, 0.2); 22 @define-color unfocused_frame_highlight alpha(white, 0.04); 23 @define-color unfocused_insensitive_borders mix(@theme_unfocused_bg_color, @unfocused_borders, 0.5); 24 @define-color unfocused_insensitive_fg_color shade(@insensitive_fg_color, 1.14); /* #47494a */ 25 @define-color unfocused_insensitive_bg_color mix(@insensitive_bg_color, @theme_unfocused_base_color, 0.2); 26 @define-color unfocused_dark_bg mix(@theme_unfocused_bg_color, @unfocused_borders, 0.3); 27 28 @define-color dark_bg_color #141414; 29 30 @define-color frame alpha(black, 0.42); 31 @define-color frame_highlight alpha(white, 0.04); 32 @define-color frame_highlight_brightest alpha(white, 0.08); 33 34 @define-color menu_bg_color #1f1f1f; 35 @define-color menu_fg_color #bdbdbd; 36 37 @define-color menu_controls_color shade (@menu_fg_color, 0.9); 38 39 @define-color menu_combobox_border #3277bf; 40 @define-color menu_separator shade(@menu_bg_color, 1.9); 41 42 @define-color inactive_frame_color #c7ccc1; 43 44 @define-color sidebar_bg #1a1a1a; 45 @define-color sidebar_bg_unfocused shade(@theme_unfocused_bg_color,1.3); 46 @define-color contacts_sidebar_bg shade(@theme_base_color, 0.9); 47 48 @define-color treeview_bg #080808; 49 50 @define-color sidebar_scrollbar_trough shade(@sidebar_bg, 0.76); 51 @define-color sidebar_scrollbar_trough_backdrop shade(@sidebar_bg_unfocused, 0.8); 52 53 @define-color button_gradient_color_a shade(@button_gradient_color_b, 1.05); 54 @define-color button_gradient_color_b #1a1a1a; 55 @define-color button_gradient_color_c shade(@button_gradient_color_b, 0.8); 56 57 @define-color button_raised_color_a shade(@button_raised_color_b, 1.05); 58 @define-color button_raised_color_b #303030; 59 @define-color button_raised_color_c shade(@button_raised_color_b, 0.8); 60 61 @define-color button_notebook_gradient_color_a shade(@button_notebook_gradient_color_b, 1.1); 62 @define-color button_notebook_gradient_color_b #1a1a1a; 63 @define-color button_notebook_gradient_color_c shade(@button_notebook_gradient_color_b, 0.9); 64 65 @define-color borders #1f1f1f; 66 67 @define-color button_gradient_backdrop_a shade(@button_gradient_backdrop_b, 1.05); 68 @define-color button_gradient_backdrop_b #262626; 69 @define-color button_gradient_backdrop_c shade(@button_gradient_backdrop_b, 0.95); 70 71 @define-color button_active_gradient_color_a #a2a9a2; 72 @define-color button_active_gradient_color_b shade (@button_active_gradient_color_a, 0.83); 73 @define-color button_active_text #fefefe; 74 @define-color button_active_text_shadow alpha(#121212, 0.34); 75 @define-color button_active_text_shadow_glow alpha(#555555, 0.3); 76 @define-color button_text_shadow alpha(black, 0.10); 77 78 @define-color button_notebook_gradient_active_a shade(@button_notebook_gradient_active_b, 1.1); 79 @define-color button_notebook_gradient_active_b #161616; 80 @define-color button_notebook_gradient_active_c shade(@button_notebook_gradient_active_b, 0.9); 81 82 @define-color button_active_a shade(@button_active_b, 0.7); 83 @define-color button_active_b shade(@theme_base_color, 1.2); 84 @define-color button_active_c shade(@button_active_b, 1.2); 85 86 @define-color button_hover_active_a shade(@button_gradient_active_b, 1.05); 87 @define-color button_hover_active_b #0d2b4d; 88 @define-color button_hover_active_c shade(@button_gradient_active_b, 0.8); 89 90 @define-color button_gradient_active_a shade(@button_gradient_active_b, 0.7); 91 @define-color button_gradient_active_b #0d2b4d; 92 @define-color button_gradient_active_c shade(@button_gradient_active_b, 1.2); 93 94 @define-color button_gradient_active_backdrop_a shade(@button_gradient_active_backdrop_b, 1.05); 95 @define-color button_gradient_active_backdrop_b #222222; 96 @define-color button_gradient_active_backdrop_c shade(@button_gradient_active_backdrop_b, 0.95); 97 98 99 @define-color button_active_gradient_color_c @button_gradient_color_c; 100 @define-color button_active_gradient_color_d shade (@button_active_gradient_color_c, 0.7); 101 @define-color button_active_gradient_color_e shade (@button_active_gradient_color_c, 0.9); 102 @define-color button_active_gradient_color_f @button_gradient_color_a; 103 @define-color button_active_gradient_color_g shade(@button_gradient_color_a, 1.6); 104 105 @define-color button_notebook_gradient_hover_a shade(@button_notebook_gradient_hover_b, 1.3); 106 @define-color button_notebook_gradient_hover_b #161616; 107 @define-color button_notebook_gradient_hover_c shade(@button_notebook_gradient_hover_b, 0.9); 108 109 @define-color button_gradient_hover_a shade(@button_gradient_hover_b, 1.1); 110 @define-color button_gradient_hover_b #2f2f2f; 111 @define-color button_gradient_hover_c shade(@button_gradient_hover_b, 0.9); 112 113 @define-color link_button_text_shadow alpha(black, 0.21); 114 115 @define-color button_default_gradient_color_a shade(@theme_selected_bg_color, 1.1); 116 @define-color button_default_gradient_color_b @theme_selected_bg_color; 117 @define-color button_default_gradient_color_c shade(@theme_selected_bg_color,0.9); 118 119 @define-color button_default_active_a shade(@button_default_active_b, 1.05); 120 @define-color button_default_active_b #00629C; 121 @define-color button_default_active_c shade(@button_default_active_b, 0.95); 122 123 @define-color button_default_active_gradient_color_c @button_default_gradient_color_c; 124 @define-color button_default_active_gradient_color_d shade (@button_default_active_gradient_color_c, 0.7); 125 @define-color button_default_active_gradient_color_e shade (@button_default_active_gradient_color_c, 0.9); 126 @define-color button_default_active_gradient_color_f shade(@button_default_gradient_color_a, 1.1); 127 128 @define-color button_hover_gradient_color_a @theme_base_color; 129 @define-color button_hover_gradient_color_b shade (@button_gradient_color_a, 0.94); 130 131 @define-color button_inline_gradient_color_a shade(@button_gradient_color_b, 1.2); 132 @define-color button_inline_gradient_color_b #606675; 133 @define-color button_inline_gradient_color_c shade(@button_gradient_color_b, 0.72); 134 135 @define-color button_inline_hover_gradient_color_a shade (@button_inline_gradient_color_a, 1.02); 136 @define-color button_inline_hover_gradient_color_b shade (@button_inline_gradient_color_b, 0.98); 137 @define-color button_inline_hover_gradient_color_c shade (@button_inline_gradient_color_c, 0.6); 138 139 @define-color insensitive_button_gradient_color_a shade(@insensitive_button_gradient_color_b, 1.06); 140 @define-color insensitive_button_gradient_color_b @insensitive_bg_color; 141 @define-color insensitive_button_gradient_color_c shade(@insensitive_button_gradient_color_b, 0.94); 142 143 @define-color insensitive_button_stripes alpha(#303030, 0.3); 144 145 @define-color insensitive_notebook_button_gradient_color_a shade(@insensitive_notebook_button_gradient_color_b, 1.06); 146 @define-color insensitive_notebook_button_gradient_color_b shade(@insensitive_bg_color, 0.55); 147 @define-color insensitive_notebook_button_gradient_color_c shade(@insensitive_notebook_button_gradient_color_b, 0.94); 148 149 @define-color insensitive_bg_color #171717; 150 @define-color insensitive_fg_color mix(#3f3f3f, @theme_selected_bg_color, 0.02); /*#3e4041*/ 151 @define-color insensitive_active_fg mix (@insensitive_fg_color, @button_active_text, 0.2); /*#656565*/ 152 153 @define-color notebook_insensitive_fg_color mix(#2d2d2d, @theme_selected_bg_color, 0.02); /*#2c2e2f*/ 154 @define-color notebook_insensitive_active_fg mix (@notebook_insensitive_fg_color, @button_active_text, 0.2); /*#565858*/ 155 156 @define-color insensitive_stripes alpha(#303030,0.35); 157 @define-color insensitive_borders #161616; 158 @define-color insensitive_scale_borders @insensitive_borders; 159 160 @define-color trough_bg_color_a shade(@theme_base_color, 0.62); 161 @define-color trough_bg_color_b shade(@theme_base_color, 0.98); 162 163 @define-color scrollbar_trough shade(@theme_base_color, 0.9); 164 @define-color scrollbar_trough_insensitive shade(@theme_bg_color, 0.9); 165 @define-color scrollbar_trough_unfocused shade(@theme_unfocused_bg_color, 0.9); 166 @define-color scrollbar_slider mix(@scrollbar_trough, @theme_fg_color, 0.35); 167 @define-color scrollbar_slider_prelight mix(@scrollbar_trough, @theme_fg_color, 0.5); 168 @define-color scrollbar_slider_active @theme_selected_bg_color; 169 @define-color scrollbar_slider_insensitive alpha(black, 0); /* FIXME should be transparent */ 170 @define-color scrollbar_slider_unfocused @theme_unfocused_bg_color; 171 172 @define-color switch_slider_color #eeeeec; 173 @define-color switch_trough_bg_a shade (@button_active_gradient_color_c, 0.36); 174 @define-color switch_trough_bg_b shade (@button_active_gradient_color_c, 0.86); 175 @define-color switch_slider_active_border #2a79cb; 176 @define-color switch_slider_insensitive_bg @insensitive_bg_color; 177 @define-color switch_trough_active_color @theme_selected_fg_color;/*@theme_fg_color*/ 178 @define-color switch_trough_active_bg_a shade(@theme_selected_bg_color, 0.6); 179 @define-color switch_trough_active_bg_b shade(@theme_selected_bg_color, 1.12); 180 181 @define-color button_switch_gradient_color_a shade(@button_gradient_color_b, 1.2); 182 @define-color button_switch_gradient_color_b #3a3a3a; 183 @define-color button_switch_gradient_color_c shade(@button_gradient_color_b, 0.72); 184 185 @define-color button_switch_gradient_color_d shade(@button_gradient_color_b, 1.2); 186 @define-color button_switch_gradient_color_e #343434; 187 @define-color button_switch_gradient_color_f shade(@button_gradient_color_c, 0.72); 188 189 @define-color progressbar_background_a shade(@theme_selected_bg_color, 1.2) ; 190 @define-color progressbar_background_b @theme_selected_bg_color; 191 @define-color progressbar_pattern shade(@theme_selected_bg_color, 1.2); 192 @define-color progressbar_border #4a5d73; 193 @define-color progressbar_unfocused_background @theme_base_color; 194 @define-color progressbar_unfocused_border @unfocused_borders; 195 196 @define-color entry_text_color #ababab; 197 @define-color entry_color #3c3c3c; 198 @define-color entry_focus_color #4c4c4c; 199 @define-color entry_background_a rgba(5,9,15,.2); 200 @define-color entry_background_b rgba(5,9,15,.0); 201 202 @define-color entry_inset alpha(black, 0.1); 203 204 @define-color internal_element_color #555555; /*Not sure about this*/ 205 @define-color internal_element_prelight @theme_text_color; 206 @define-color internal_element_insensitive mix(@internal_element_color, @theme_base_color, 0.7); 207 208 @define-color scale_progress_fill #2c85e2; 209 210 @define-color notebook_active_tab_border shade(@theme_selected_bg_color, 0.9); 211 @define-color notebook_selected_tab_color shade(@theme_base_color, 1.44); 212 213 @define-color notebook_tab_active shade(@theme_base_color, 1.1); 214 @define-color notebook_tab_active_upper shade(@theme_base_color, 1.02); 215 @define-color notebook_tab_gradient_a shade(@theme_base_color, 0.96); 216 @define-color notebook_tab_gradient_b shade(@theme_base_color, 0.8); 217 @define-color notebook_tab_hilight shade(@theme_base_color, 1.4); 218 219 @define-color toolbar_gradient_a shade(@borders, 1.15); 220 @define-color toolbar_gradient_b shade(@borders, 1.25); 221 @define-color toolbar_gradient_c shade(@borders, 1.3); 222 223 @define-color toolbar_border_top shade(@theme_base_color, 0.88); 224 @define-color toolbar_border_bottom alpha(white, 0.14); 225 226 @define-color toolbar_active_button_color #909081; 227 @define-color toolbar_button_prelight alpha(white, 0.4); 228 @define-color toolbar_separator alpha(white, 0.02); 229 230 @define-color toolbar_gradient_a alpha(#eaedf1, 0.25); 231 @define-color toolbar_gradient_b alpha(#eaedf1, 0.35); 232 @define-color toolbar_gradient_c alpha(#eaedf1, 0.4); 233 234 @define-color toolbar_active_gradient_a alpha(#006AA8, 0.3); 235 @define-color toolbar_active_gradient_b alpha(#006AA8, 0.5); 236 @define-color toolbar_active_gradient_c alpha(#eaedf1, 0.4); 237 238 @define-color unfocused_toolbar_gradient alpha(#f1eeea, 0.32); 239 240 @define-color primary_toolbar_button_text_shadow alpha(black, 0.24); 241 242 @define-color selection_toolbar_bg @theme_base_color; 243 @define-color selection_toolbar_fg @internal_element_color; 244 @define-color selection_toolbar_border @borders; 245 246 @define-color selection_menu_border alpha(@theme_selected_bg_color, 0.8); 247 @define-color selection_menu_strong #555753; 248 @define-color selection_menu_fg @internal_element_color; 249 @define-color selection_menu_dim shade(@internal_element_color, 1.15); 250 251 @define-color content_view_bg shade(@theme_bg_color, 0.87); /*???*/ 252 253 @define-color app_notification_a #111111; 254 @define-color app_notification_b #151515; 255 @define-color app_notification_c #040404; 256 257 @define-color app_notification_border @warning_color; 258 259 @define-color suggested_action_button_a #74a9e0; 260 @define-color suggested_action_button_b #4287cf; 261 @define-color suggested_action_button_border #204a87; 262 @define-color suggested_action_button_fg #ffffff; 263 @define-color suggested_action_button_shadow shade(@suggested_action_button_border, 1.15); 264 265 @define-color treeview_focus_border alpha(@theme_text_color, 0.4); 266 267 @define-color view_separators alpha(white, 0.02); 268 @define-color view_symbolic_color shade(@internal_element_color, 0.80); 269 270 @define-color expander_row_selected_color #acccee; 271 272 @define-color inset_light_color alpha(white, 0.04); 273 @define-color inset_dark_color alpha(black, 0.45); 274 275 @define-color nautilus_cluebar_color #729fcf; 276 277 @define-color documents_selection_toolbar_a #008C72; 278 @define-color documents_selection_toolbar_b #006E59; 279 @define-color documents_selection_toolbar_border #222222; 280 281 @define-color documents_selection_button_a #7fc141; 282 @define-color documents_selection_button_b #47850d; 283 @define-color documents_selection_button_c #4e9a06; 284 285 @define-color documents_emblem_bg @theme_selected_bg_color; 286 @define-color documents_collection_bg #d3d7cf; 287 288 @define-color documents_osd_toolbar_a alpha(#FFF8E5, 0.80); 289 @define-color documents_osd_toolbar_b alpha(#F2EBD9, 0.80); 290 @define-color documents_osd_toolbar_c alpha(#F2E7CB, 0.80); 291 292 @define-color documents_osd_button_a @theme_base_color; 293 @define-color documents_osd_button_b #525252; 294 @define-color documents_osd_button_inset #9f9f9f; 295 296 @define-color documents_osd_fg shade(@theme_text_color, 1.42); 297 298 /************** 299 * GNOME Apps * 300 **************/ 301 @define-color entry_tag_bg #3465a4; 302 @define-color entry_tag_fg @theme_base_color; 303 304 @define-color theme_button_border_dark shade(@theme_bg_dark_color, 0.68); 305 @define-color theme_bg_dark_color #626262; 306 @define-color theme_shadow_dark_color alpha(#000, 0.20); 307 @define-color theme_fg_dark_color #e1e1e1; 308 @define-color theme_highlight_color alpha(#fff, 0.08); 309 @define-color theme_path_active_color shade(@theme_bg_dark_color, 0.78); 310 @define-color theme_path_bg_color shade(@theme_bg_dark_color, 0.90); 311 /****** 312 * WM * 313 ******/ 314 @define-color wm_base_color #343434; 315 316 @define-color wm_title @theme_fg_color; 317 @define-color wm_unfocused_title @theme_unfocused_fg_color; 318 @define-color wm_highlight #262626; 319 @define-color wm_highlight_alt shade(@wm_base_color, 1.50); 320 @define-color wm_highlight_alt_lower shade(@wm_base_color, 1.55); 321 @define-color wm_highlight_arc #222222; 322 @define-color wm_highlight_arc_end shade(#1e1e1e, 0.98); 323 324 @define-color wm_highlight_button_border #343434; 325 @define-color wm_highlight_button_border_top #4b4b4b; 326 @define-color wm_highlight_button_border_r #1c1c1c; 327 @define-color wm_highlight_button_border_top_r #363636; 328 @define-color wm_highlight_button_border_right #1a1a1a; 329 @define-color wm_highlight_button_border_top_right #121212; 330 @define-color wm_highlight_button_border_arc shade(@wm_base_color, 0.7); 331 @define-color wm_highlight_button_border_bottom shade(@wm_base_color, 0.8); 332 @define-color wm_highlight_button_border_bottom_prelight shade(@wm_base_color, 0.5); 333 @define-color wm_highlight_button_border_bottom_pressed shade(@wm_base_color, 0.9); 334 335 @define-color wm_title_highlight_dark alpha(#ffffff, 0.0); 336 @define-color wm_title_highlight alpha(#000000, 0.34); 337 338 @define-color wm_border_top #1a1a1a; 339 @define-color wm_border_sides #1f1f1f; 340 @define-color wm_border_sides_right #171717; 341 @define-color wm_border_bottom #0d0d0d; 342 @define-color wm_border_unfocused #1e1e1e; 343 344 @define-color wm_bg_a #212130; 345 @define-color wm_bg_b @bg_color; 346 347 @define-color wm_close_prelight_top mix(#292929, @error_color, 0.3); 348 @define-color wm_close_prelight_middle_top mix(#232323, @error_color, 0.18); 349 @define-color wm_close_prelight_middle_bottom mix(#1d1d1d, @error_color, 0.06); 350 @define-color wm_close_prelight_bottom mix(#1a1a1a, @error_color, 0.01); 351 352 @define-color wm_close_pressed_top mix(#1a1a1a, @error_color, 0.04); 353 @define-color wm_close_pressed_middle_top mix(#181818, @error_color, 0.1); 354 @define-color wm_close_pressed_middle_bottom mix(#1f1f1f, @error_color, 0.2); 355 @define-color wm_close_pressed_bottom mix(#1a1a1a, @error_color, 0.01); 356 357 @define-color wm_maximize_prelight_top mix(#292929, @success_color, 0.3); 358 @define-color wm_maximize_prelight_middle_top mix(#232323, @success_color, 0.18); 359 @define-color wm_maximize_prelight_middle_bottom mix(#1d1d1d, @success_color, 0.06); 360 @define-color wm_maximize_prelight_bottom mix(#1a1a1a, @success_color, 0.01); 361 362 @define-color wm_maximize_pressed_top mix(#1a1a1a, @success_color, 0.04); 363 @define-color wm_maximize_pressed_middle_top mix(#181818, @success_color, 0.1); 364 @define-color wm_maximize_pressed_middle_bottom mix(#1f1f1f, @success_color, 0.2); 365 @define-color wm_maximize_pressed_bottom mix(#1a1a1a, @success_color, 0.01); 366 367 @define-color wm_minimize_prelight_top mix(#292929, @warning_color, 0.3); 368 @define-color wm_minimize_prelight_middle_top mix(#232323, @warning_color, 0.18); 369 @define-color wm_minimize_prelight_middle_bottom mix(#1d1d1d, @warning_color, 0.06); 370 @define-color wm_minimize_prelight_bottom mix(#1a1a1a, @warning_color, 0.01); 371 372 @define-color wm_minimize_pressed_top mix(#1a1a1a, @warning_color, 0.04); 373 @define-color wm_minimize_pressed_middle_top mix(#181818, @warning_color, 0.1); 374 @define-color wm_minimize_pressed_middle_bottom mix(#1f1f1f, @warning_color, 0.2); 375 @define-color wm_minimize_pressed_bottom mix(#1a1a1a, @warning_color, 0.01); 376 377 @define-color wm_button_bg_a shade (@button_gradient_color_a, 1.7); 378 @define-color wm_button_bg_b shade (@button_gradient_color_b, 0.8); 379 @define-color wm_button_bg_c shade (@button_gradient_color_b, 0.6); 380 @define-color wm_button_bg_d shade (@button_gradient_color_b, 0.9); 381 382 383 @define-color wm_button_bg_e shade (@button_default_gradient_color_a, 1.22); 384 @define-color wm_button_bg_f shade (@button_default_gradient_color_b, 1.26); 385 @define-color wm_button_bg_g shade (@button_default_gradient_color_b, 0.76); 386 @define-color wm_button_bg_h shade (@button_default_gradient_color_b, 0.94); 387 388 @define-color wm_button_bg_hover_a shade (@wm_button_bg_a, 1.16); 389 @define-color wm_button_bg_hover_b shade (@wm_button_bg_b, 1.16); 390 @define-color wm_button_bg_hover_c shade (@wm_button_bg_c, 1.16); 391 @define-color wm_button_bg_hover_d shade (@wm_button_bg_d, 1.16); 392 393 @define-color wm_button_bg_active_a shade (@bg_color, 0.7); 394 @define-color wm_button_bg_active_b shade (@bg_color, 0.9); 395 @define-color wm_button_bg_active_c shade (@bg_color, 0.9); 396 397 @import url("gtk-main-common.css"); 398 @import url("gtk-widgets-backgrounds.css"); 399 @import url("gtk-widgets-borders.css"); 400 @import url("gtk-widgets-assets.css"); 401 @import url("gtk-widgets.css"); 402 @import url("overlay-scrollbar.css"); 403 @import url("gnome-applications.css"); 404 @import url("apps/unity.css"); 405 @import url("gtk-fallback.css");