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