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);
26 GtkWindow, .button, .slider {
27 background-color: @bg_color;
30 .expander, GtkTreeView.view.expander {
35 GtkTreeView.view.expander:selected:hover {
40 transition: 200ms linear;
44 border-color: shade (@bg_color, 0.7);
45 background-color: shade (@bg_color, 0.9);
46 color: shade (@bg_color, 0.7);
50 background-color: shade (@bg_color, 0.9);
54 .entry:selected:focused {
55 background-color: @selected_bg_color;
56 color: @selected_fg_color;
62 background-color: @base_color;
66 background-color: shade (@bg_color, 0.9);
70 .view:selected:focused {
71 background-color: @selected_bg_color;
72 color: @selected_fg_color;
75 .view column:sorted row,
76 .view column:sorted row:hover {
77 background-color: shade (@bg_color, 0.85);
80 .view column:sorted row:nth-child(odd),
81 .view column:sorted row:nth-child(odd):hover {
82 background-color: shade (@bg_color, 0.8);
87 background-color: @base_color;
91 .view row:nth-child(odd),
92 .view row:nth-child(odd):hover {
93 background-color: shade (@base_color, 0.93);
96 .view row:selected:focused {
97 background-color: @selected_bg_color;
101 background-color: darker (@bg_color);
102 color: @selected_fg_color;
106 .view.cell.trough:hover,
107 .view.cell.trough:selected,
108 .view.cell.trough:selected:focused {
109 background-color: @bg_color;
113 .view.cell.progressbar,
114 .view.cell.progressbar:hover,
115 .view.cell.progressbar:selected,
116 .view.cell.progressbar:selected:focused {
117 background-color: @selected_bg_color;
118 color: @selected_fg_color;
122 background-color: alpha (@fg_color, 0.25);
123 border-color: @fg_color;
130 background-color: @tooltip_bg_color;
131 color: @tooltip_fg_color;
132 border-color: @tooltip_fg_color;
139 border-style: outset;
144 background-color: shade (@bg_color, 0.7);
148 .spinbutton.button:hover,
151 background-color: @selected_bg_color;
152 color: @selected_fg_color;
153 border-color: shade (@selected_bg_color, 0.7);
157 background-color: darker (@bg_color);
166 background-color: @base_color;
171 background-color: shade (@base_color, 0.9);
172 color: shade (@base_color, 0.7);
175 background-color: #c4c2bd;
182 background-color: @selected_bg_color;
183 border-color: shade (@selected_bg_color, 0.7);
184 color: @selected_fg_color;
185 border-style: outset;
189 GtkCheckButton:hover,
190 GtkCheckButton:selected,
191 GtkRadioButton:hover,
192 GtkRadioButton:selected {
193 background-color: shade (@bg_color, 1.05);
197 .cell.check, .cell.radio,
198 .cell.check:hover, .cell.radio:hover {
201 background-color: @base_color;
202 border-color: @fg_color;
205 .check:active, .radio:active,
206 .check:hover, .radio:hover {
207 background-color: @base_color;
208 border-color: @fg_color;
212 .check:selected, .radio:selected {
213 background-color: darker (@bg_color);
214 color: @selected_fg_color;
215 border-color: @selected_fg_color;
218 .check:selected:focused, .radio:selected:focused {
219 background-color: @selected_bg_color;
222 .menuitem.check, .menuitem.radio {
229 border-style: outset;
239 border-style: outset;
248 GtkScrolledWindow.frame {
255 border-style: outset;
262 .menuitem.check:hover,
263 .menuitem.radio:hover {
264 background-color: @selected_bg_color;
265 color: @selected_fg_color;
268 GtkSpinButton.button {
273 GtkSpinButton.button:hover {
274 background-color: shade (@bg_color, 1.05);
275 border-color: shade (@bg_color, 0.8);
278 GtkSwitch.trough:active {
279 background-color: @selected_bg_color;
280 color: @selected_fg_color;
283 GtkToggleButton.button:inconsistent {
284 border-style: outset;
286 background-color: shade (@bg_color, 0.9);
287 border-color: shade (@bg_color, 0.7);
291 background-color: shade (@bg_color, 0.9);
294 GtkLabel:selected:focused {
295 background-color: @selected_bg_color;
299 transition: 750ms linear loop;
303 background-color: @info_bg_color;
304 color: @info_fg_color;
308 background-color: @warning_bg_color;
309 color: @warning_fg_color;
313 background-color: @question_bg_color;
314 color: @question_fg_color;
318 background-color: @error_bg_color;
319 color: @error_fg_color;
323 background-color: @selected_bg_color;
324 color: @selected_fg_color;
340 GtkCalendar.view:inconsistent {
341 color: darker (@bg_color);
345 background-color: @bg_color;
346 border-style: outset;
350 GtkCalendar.highlight {
355 background-color: @bg_color;
358 GtkCalendar.button:hover {
359 background-color: lighter (@bg_color);