]> Pileus Git - ~andy/gtk/blob - gtk/gtk-default.css
raleigh: Remove unnecessary border-width declaration
[~andy/gtk] / gtk / gtk-default.css
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;
10
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);
19
20 * {
21   color: @fg_color;
22   border-color: shade (@bg_color, 0.6);
23   padding: 2;
24 }
25
26 GtkWindow, .button, .slider {
27   background-color: @bg_color;
28 }
29
30 *:prelight {
31   background-color: shade (@bg_color, 1.05);
32   color: shade (@fg_color, 1.3);
33 }
34
35 *:selected {
36   background-color: @selected_bg_color;
37   color: @selected_fg_color;
38 }
39
40 .expander, GtkTreeView.view.expander {
41   color: #fff;
42 }
43
44 .expander:prelight,
45 GtkTreeView.view.expander:selected:prelight {
46   color: @text_color;
47 }
48
49 .expander:active {
50   transition: 200ms linear;
51 }
52
53 *:insensitive {
54   border-color: shade (@bg_color, 0.7);
55   background-color: shade (@bg_color, 0.9);
56   color: shade (@bg_color, 0.7);
57 }
58
59 .view {
60   border-width: 0;
61   border-radius: 0;
62   background-color: @base_color;
63   color: @text_color;
64 }
65 .view:selected {
66   background-color: shade (@bg_color, 0.9);
67   color: @fg_color;
68 }
69
70 .view:selected:focused {
71   background-color: @selected_bg_color;
72   color: @selected_fg_color;
73 }
74
75 .view column:sorted row,
76 .view column:sorted row:prelight {
77   background-color: shade (@bg_color, 0.85);
78 }
79
80 .view column:sorted row:nth-child(odd),
81 .view column:sorted row:nth-child(odd):prelight {
82   background-color: shade (@bg_color, 0.8);
83 }
84
85 .view row,
86 .view row:prelight {
87   background-color: @base_color;
88   color: @text_color;
89 }
90
91 .view row:nth-child(odd),
92 .view row:nth-child(odd):prelight {
93   background-color: shade (@base_color, 0.93);
94 }
95
96 .view row:selected:focused {
97   background-color: @selected_bg_color;
98 }
99
100 .view row:selected {
101   background-color: darker (@bg_color);
102   color: @selected_fg_color;
103 }
104
105 .view.cell.trough,
106 .view.cell.trough:hover,
107 .view.cell.trough:selected,
108 .view.cell.trough:selected:focused {
109   background-color: @bg_color;
110   color: @fg_color;
111 }
112
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;
119 }
120
121 .rubberband {
122   background-color: alpha (@fg_color, 0.25);
123   border-color: @fg_color;
124   border-style: solid;
125   border-width: 1;
126 }
127
128 .tooltip,
129 .tooltip * {
130   background-color: @tooltip_bg_color;
131   color: @tooltip_fg_color;
132   border-color: @tooltip_fg_color;
133   border-width: 1;
134   border-style: solid;
135 }
136
137 .button,
138 .slider {
139   border-style: outset;
140   border-width: 2;
141 }
142
143 .button:active {
144   background-color: shade (@bg_color, 0.7);
145   border-style: inset;
146 }
147
148 .button:prelight,
149 .slider:prelight {
150   background-color: @selected_bg_color;
151   color: @selected_fg_color;
152   border-color: shade (@selected_bg_color, 0.7);
153 }
154
155 .trough {
156   background-color: darker (@bg_color);
157   border-style: inset;
158   border-width: 1;
159   padding: 0;
160 }
161
162 .entry {
163   border-style: inset;
164   border-width: 2;
165   background-color: @base_color;
166   color: @text_color;
167 }
168
169 .entry:insensitive {
170   background-color: shade (@base_color, 0.9);
171   color: shade (@base_color, 0.7);
172 }
173 .entry:active {
174   background-color: #c4c2bd;
175   color: #000;
176 }
177
178 .progressbar,
179 .entry.progressbar,
180 .cell.progressbar {
181   background-color: @selected_bg_color;
182   border-color: shade (@selected_bg_color, 0.7);
183   color: @selected_fg_color;
184   border-style: outset;
185   border-width: 1;
186 }
187
188 GtkCheckButton:hover,
189 GtkCheckButton:selected,
190 GtkRadioButton:hover,
191 GtkRadioButton:selected {
192   background-color: shade (@bg_color, 1.05);
193 }
194
195 .check, .radio,
196 .cell.check, .cell.radio,
197 .cell.check:hover, .cell.radio:hover {
198   border-style: solid;
199   border-width: 1;
200   background-color: @base_color;
201   border-color: @fg_color;
202 }
203
204 .check:active, .radio:active,
205 .check:hover, .radio:hover {
206   background-color: @base_color;
207   border-color: @fg_color;
208   color: @text_color;
209 }
210
211 .check:selected, .radio:selected {
212   background-color: darker (@bg_color);
213   color: @selected_fg_color;
214   border-color: @selected_fg_color;
215 }
216
217 .check:selected:focused, .radio:selected:focused {
218   background-color: @selected_bg_color;
219 }
220
221 .menuitem.check, .menuitem.radio {
222   color: @fg_color;
223   border-style: none;
224   border-width: 0;
225 }
226
227 .popup {
228   border-style: outset;
229   border-width: 1;
230 }
231
232 .viewport {
233   border-style: inset;
234   border-width: 2;
235 }
236
237 .notebook {
238   border-style: outset;
239   border-width: 1;
240 }
241
242 .frame {
243   border-style: inset;
244   border-width: 1;
245 }
246
247 GtkScrolledWindow.frame {
248   padding: 0;
249 }
250
251 .menu,
252 .menubar,
253 .toolbar {
254   border-style: outset;
255   border-width: 1;
256 }
257
258 .menu:hover,
259 .menubar:hover,
260 .menuitem:hover,
261 .menuitem.check:hover,
262 .menuitem.radio:hover {
263   background-color: @selected_bg_color;
264   color: @selected_fg_color;
265 }
266
267 GtkSpinButton.button {
268   border-width: 1;
269 }
270
271 .scale.slider:hover,
272 GtkSpinButton.button:hover {
273   background-color: shade (@bg_color, 1.05);
274   border-color: shade (@bg_color, 0.8);
275 }
276
277 GtkSwitch.trough:active {
278   background-color: @selected_bg_color;
279   color: @selected_fg_color;
280 }
281
282 GtkToggleButton.button:inconsistent {
283   border-style: outset;
284   border-width: 1px;
285   background-color: shade (@bg_color, 0.9);
286   border-color: shade (@bg_color, 0.7);
287 }
288
289 GtkLabel:selected {
290   background-color: shade (@bg_color, 0.9);
291 }
292
293 GtkLabel:selected:focused {
294   background-color: @selected_bg_color;
295 }
296
297 .spinner:active {
298   transition: 750ms linear loop;
299 }
300
301 .info {
302   background-color: @info_bg_color;
303   color: @info_fg_color;
304 }
305
306 .warning {
307   background-color: @warning_bg_color;
308   color: @warning_fg_color;
309 }
310
311 .question {
312   background-color: @question_bg_color;
313   color: @question_fg_color;
314 }
315
316 .error {
317   background-color: @error_bg_color;
318   color: @error_fg_color;
319 }
320
321 .highlight {
322   background-color: @selected_bg_color;
323   color: @selected_fg_color;
324 }
325
326 .light-area-focus {
327   color: #000;
328 }
329
330 .dark-area-focus {
331   color: #fff;
332 }
333 GtkCalendar.view {
334   border-width: 1;
335   border-style: inset;
336   padding: 1;
337 }
338
339 GtkCalendar.view:inconsistent {
340   color: darker (@bg_color);
341 }
342
343 GtkCalendar.header {
344   background-color: @bg_color;
345   border-style: outset;
346   border-width: 2;
347 }
348
349 GtkCalendar.highlight {
350   border-width: 0;
351 }
352
353 GtkCalendar.button {
354   background-color: @bg_color;
355 }
356
357 GtkCalendar.button:hover {
358   background-color: lighter (@bg_color);
359   color: @fg_color;
360 }
361
362 .menu * {
363   border-width: 0;
364   padding: 2;
365 }