comparison gtk-3.24/_colors-public.scss @ 97:d721ae7a505b

Add support for GTK 3.24 changes
author IBBoard <dev@ibboard.co.uk>
date Sat, 26 Mar 2022 20:01:55 +0000
parents
children
comparison
equal deleted inserted replaced
96:e79c5676f972 97:d721ae7a505b
1 //apps rely on some named colors to be exported
2 /* GTK NAMED COLORS
3 ----------------
4 use responsibly! */
5
6 // Sass thinks we're using the colors in the variables as strings and may shoot
7 // warning, it's innocuous and can be defeated by using "" + $var
8 /*
9 widget text/foreground color */
10 @define-color theme_fg_color #{"" +$fg_color};
11
12 /*
13 text color for entries, views and content in general */
14 @define-color theme_text_color #{"" +$text_color};
15
16 /*
17 widget base background color */
18 @define-color theme_bg_color #{"" +$bg_color};
19
20 /*
21 text widgets and the like base background color */
22 @define-color theme_base_color #{"" +$base_color};
23
24 /*
25 base background color of selections */
26 @define-color theme_selected_bg_color #{"" +$selected_bg_color};
27
28 /*
29 text/foreground color of selections */
30 @define-color theme_selected_fg_color #{"" +$selected_fg_color};
31
32 /*
33 base background color of insensitive widgets */
34 @define-color insensitive_bg_color #{"" +$insensitive_bg_color};
35
36 /*
37 text foreground color of insensitive widgets */
38 @define-color insensitive_fg_color #{"" +$insensitive_fg_color};
39
40 /*
41 insensitive text widgets and the like base background color */
42 @define-color insensitive_base_color #{"" +$base_color};
43
44 /*
45 widget text/foreground color on backdrop windows */
46 @define-color theme_unfocused_fg_color #{"" +$backdrop_fg_color};
47
48 /*
49 text color for entries, views and content in general on backdrop windows */
50 @define-color theme_unfocused_text_color #{"" +$text_color};
51
52 /*
53 widget base background color on backdrop windows */
54 @define-color theme_unfocused_bg_color #{"" +$backdrop_bg_color};
55
56 /*
57 text widgets and the like base background color on backdrop windows */
58 @define-color theme_unfocused_base_color #{"" +$backdrop_base_color};
59
60 /*
61 base background color of selections on backdrop windows */
62 @define-color theme_unfocused_selected_bg_color #{"" +$selected_bg_color};
63
64 /*
65 text/foreground color of selections on backdrop windows */
66 @define-color theme_unfocused_selected_fg_color #{"" + $selected_fg_color};
67
68 /*
69 insensitive color on backdrop windows*/
70 @define-color unfocused_insensitive_color #{"" + $backdrop_insensitive_color};
71
72 /*
73 widgets main borders color */
74 @define-color borders #{"" +$borders_color};
75
76 /*
77 widgets main borders color on backdrop windows */
78 @define-color unfocused_borders #{"" +$backdrop_borders_color};
79
80 /*
81 these are pretty self explicative */
82 @define-color warning_color #{"" +$warning_color};
83 @define-color error_color #{"" +$error_color};
84 @define-color success_color #{"" +$success_color};
85 //@define-color destructive_color #{$destructive_color}
86
87 //WM
88
89 $_wm_highlight: if($variant=='light', $top_hilight, // Sass gets mad if this is
90 transparentize(black,1)); // done directly in the
91 // color definition
92
93 /*
94 these colors are exported for the window manager and shouldn't be used in applications,
95 read if you used those and something break with a version upgrade you're on your own... */
96 @define-color wm_title shade(#{$fg_color}, 1.8);
97 @define-color wm_unfocused_title #{$backdrop_fg_color};
98 @define-color wm_highlight #{"" + $_wm_highlight};
99 @define-color wm_borders_edge #{"" + $borders_edge};
100
101 @define-color wm_bg_a shade(#{$bg_color}, 1.2);
102 @define-color wm_bg_b #{$bg_color};
103
104 @define-color wm_shadow alpha(black, 0.35);
105 @define-color wm_border alpha(black, 0.18);
106
107 @define-color wm_button_hover_color_a shade(#{$bg_color}, 1.3);
108 @define-color wm_button_hover_color_b #{$bg_color};
109 @define-color wm_button_active_color_a shade(#{$bg_color}, 0.85);
110 @define-color wm_button_active_color_b shade(#{$bg_color}, 0.89);
111 @define-color wm_button_active_color_c shade(#{$bg_color}, 0.9);
112
113 //FIXME this is really an API
114
115 /* content view background such as thumbnails view in Photos or Boxes */
116 @define-color content_view_bg #{"" + $base_color};
117
118 /* Very contrasty background for text views (@theme_text_color foreground) */
119 @define-color text_view_bg #{"" + if($variant == 'light', $base_color, darken($base_color,6%))};