1 @define-color fg_color #000;
2 @define-color bg_color #dcdad5;
3 @define-color text_color #000;
4 @define-color base_color #fff;
5 @define-color selected_bg_color #4b6983;
6 @define-color selected_fg_color #fff;
7 @define-color tooltip_bg_color #eee1b3;
8 @define-color tooltip_fg_color #000;
9 @define-color placeholder_text_color #808080;
11 @define-color info_fg_color rgb (181, 171, 156);
12 @define-color info_bg_color rgb (252, 252, 189);
13 @define-color warning_fg_color rgb (173, 120, 41);
14 @define-color warning_bg_color rgb (250, 173, 61);
15 @define-color question_fg_color rgb (97, 122, 214);
16 @define-color question_bg_color rgb (138, 173, 212);
17 @define-color error_fg_color rgb (166, 38, 38);
18 @define-color error_bg_color rgb (237, 54, 54);
22 border-color: shade (@bg_color, 0.6);
25 GtkWindow, .button, .slider {
26 background-color: @bg_color;
30 background-color: shade (@bg_color, 1.05);
31 color: shade (@fg_color, 1.3);
35 background-color: @selected_bg_color;
36 color: @selected_fg_color;
39 .expander, GtkTreeView.view.expander {
44 GtkTreeView.view.expander:selected:prelight {
49 transition: 200ms linear;
53 border-color: shade (@bg_color, 0.7);
54 background-color: shade (@bg_color, 0.9);
55 color: shade (@bg_color, 0.7);
61 background-color: @base_color;
65 background-color: shade (@bg_color, 0.9);
69 .view:selected:focused {
70 background-color: @selected_bg_color;
71 color: @selected_fg_color;
74 .view column:sorted row,
75 .view column:sorted row:prelight {
76 background-color: shade (@bg_color, 0.85);
79 .view column:sorted row:nth-child(odd),
80 .view column:sorted row:nth-child(odd):prelight {
81 background-color: shade (@bg_color, 0.8);
86 background-color: @base_color;
90 .view row:nth-child(odd),
91 .view row:nth-child(odd):prelight {
92 background-color: shade (@base_color, 0.93);
95 .view row:selected:focused {
96 background-color: @selected_bg_color;
100 background-color: darker (@bg_color);
101 color: @selected_fg_color;
105 .view.cell.trough:hover,
106 .view.cell.trough:selected,
107 .view.cell.trough:selected:focused {
108 background-color: @bg_color;
112 .view.cell.progressbar,
113 .view.cell.progressbar:hover,
114 .view.cell.progressbar:selected,
115 .view.cell.progressbar:selected:focused {
116 background-color: @selected_bg_color;
117 color: @selected_fg_color;
121 background-color: alpha (@fg_color, 0.25);
122 border-color: @fg_color;
129 background-color: @tooltip_bg_color;
130 color: @tooltip_fg_color;
131 border-color: @tooltip_fg_color;
138 border-style: outset;
143 background-color: shade (@bg_color, 0.7);
149 background-color: @selected_bg_color;
150 color: @selected_fg_color;
151 border-color: shade (@selected_bg_color, 0.7);
155 background-color: darker (@bg_color);
164 background-color: @base_color;
169 background-color: shade (@base_color, 0.9);
170 color: shade (@base_color, 0.7);
173 background-color: #c4c2bd;
180 background-color: @selected_bg_color;
181 border-color: shade (@selected_bg_color, 0.7);
182 color: @selected_fg_color;
183 border-style: outset;
187 GtkCheckButton:hover,
188 GtkCheckButton:selected,
189 GtkRadioButton:hover,
190 GtkRadioButton:selected {
191 background-color: shade (@bg_color, 1.05);
195 .cell.check, .cell.radio,
196 .cell.check:hover, .cell.radio:hover {
199 background-color: @base_color;
200 border-color: @fg_color;
203 .check:active, .radio:active,
204 .check:hover, .radio:hover {
205 background-color: @base_color;
206 border-color: @fg_color;
210 .check:selected, .radio:selected {
211 background-color: darker (@bg_color);
212 color: @selected_fg_color;
213 border-color: @selected_fg_color;
216 .check:selected:focused, .radio:selected:focused {
217 background-color: @selected_bg_color;
220 .menuitem.check, .menuitem.radio {
227 border-style: outset;
237 border-style: outset;
246 GtkScrolledWindow.frame {
253 border-style: outset;
260 .menuitem.check:hover,
261 .menuitem.radio:hover {
262 background-color: @selected_bg_color;
263 color: @selected_fg_color;
266 GtkSpinButton.button {
271 GtkSpinButton.button:hover {
272 background-color: shade (@bg_color, 1.05);
273 border-color: shade (@bg_color, 0.8);
276 GtkSwitch.trough:active {
277 background-color: @selected_bg_color;
278 color: @selected_fg_color;
281 GtkToggleButton.button:inconsistent {
282 border-style: outset;
284 background-color: shade (@bg_color, 0.9);
285 border-color: shade (@bg_color, 0.7);
289 background-color: shade (@bg_color, 0.9);
292 GtkLabel:selected:focused {
293 background-color: @selected_bg_color;
297 transition: 750ms linear loop;
301 background-color: @info_bg_color;
302 color: @info_fg_color;
306 background-color: @warning_bg_color;
307 color: @warning_fg_color;
311 background-color: @question_bg_color;
312 color: @question_fg_color;
316 background-color: @error_bg_color;
317 color: @error_fg_color;
321 background-color: @selected_bg_color;
322 color: @selected_fg_color;
338 GtkCalendar.view:inconsistent {
339 color: darker (@bg_color);
343 background-color: @bg_color;
344 border-style: outset;
348 GtkCalendar.highlight {
353 background-color: @bg_color;
356 GtkCalendar.button:hover {
357 background-color: lighter (@bg_color);