_mate.scss
ASCII text
1
// based css:
2
// https://github.com/mate-desktop/mate-themes/blob/master/desktop-themes/Menta/gtk-3.0/mate-applications.css
3
4
/**************
5
* Mate-Panel *
6
**************/
7
8
// first make all transparent
9
.mate-panel-menu-bar menubar,
10
#PanelApplet-window-menu-applet-button {
11
background-color: transparent;
12
}
13
14
// let's start it
15
#PanelPlug,
16
PanelToplevel.background {
17
background-color: $topbar_color;
18
color: $inversed_fg_color;
19
font-weight: 500;
20
}
21
22
// hide buttons
23
PanelToplevel > widget > button {
24
padding: 0 4px;
25
border-radius: 0;
26
27
@extend %simple_flat_button;
28
}
29
30
#PanelApplet {
31
// border-width: 0;
32
}
33
34
PanelSeparator {
35
color: $borders_color;
36
}
37
38
// the grid left from na-tray and wncktasklist
39
MatePanelAppletFrameDBus {
40
border-style: solid;
41
border-width: 0 1px;
42
border-color: $borders_color;
43
}
44
45
// main menu
46
// set normal menubar button
47
.mate-panel-menu-bar menubar menuitem {
48
padding: 4px;
49
}
50
51
// set normal menubar menuitem
52
.mate-panel-menu-bar menubar menu menuitem {
53
padding: 6px;
54
// font-weight: initial;
55
}
56
57
// all applets
58
.mate-panel-menu-bar #PanelApplet button {
59
-GtkWidget-window-dragging: true;
60
padding: 4px;
61
border-radius: 0;
62
63
&:not(.flat) { @extend %flat_button; }
64
}
65
66
// WnckPager
67
PanelApplet.wnck-applet .wnck-pager {
68
background-color: transparent;
69
color: $alt_primary_color;
70
71
&:hover { background-color: gtkalpha(currentColor, $lower_opacity / 2); }
72
73
&:active { background-color: $track_color; }
74
75
&:selected { background-color: $primary_color; }
76
}
77
78
#clock-applet-button {
79
// font-weight: initial;
80
}
81
82
#MatePanelPopupWindow {
83
border: 1px solid $borders_color;
84
border-radius: $md_radius + 1px;
85
box-shadow: inset 0 1px $highlight_color;
86
87
frame > border { border-style: none; }
88
89
// FIXME, does not work
90
ClockMap { border: 1px solid $borders_color; }
91
}
92
93
na-tray-applet {
94
-NaTrayApplet-icon-padding: 3px;
95
-NaTrayApplet-icon-size: 16;
96
}
97
98
// remove right space a bit
99
na-tray-applet > widget > box {
100
// margin-right: 2px;
101
}
102
103
// no background for icon-padding area
104
na-tray-applet widget box widget {
105
// background-color: transparent;
106
}
107
108
// Classic icon style
109
.mate-panel-menu-bar {
110
-PanelMenuBar-icon-visible: true;
111
}
112
113
// volume applet, brightness applet
114
.mate-panel-applet-slider {
115
background: transparent;
116
117
frame {
118
border: 1px solid $borders_color;
119
border-radius: $md_radius + 1px;
120
box-shadow: inset 0 1px $highlight_color;
121
background-color: $bg_color;
122
123
frame { all: unset; }
124
125
> border { border-style: none; }
126
}
127
}
128
129
/*********************
130
* CAJA File manager *
131
*********************/
132
133
// pathpar toggle button
134
.caja-navigation-window button.toggle.image-button {
135
border-radius: $md_radius;
136
}
137
138
// pathbar
139
// pathbar buttons
140
.caja-pathbar button {
141
margin: 0 -1px 0 -2px;
142
// padding: 4px;
143
144
@extend %pathbar_button;
145
}
146
147
// arrow button
148
.caja-pathbar button > widget {
149
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
150
-GtkArrow-arrow-scaling: 1;
151
}
152
153
// places, treeview, history, information, emblems and notes
154
// .caja-side-pane notebook treeview.view,
155
// .caja-side-pane notebook textview.view text,
156
.caja-side-pane notebook viewport.frame,
157
.caja-side-pane notebook widget .vertical {
158
background-color: $base_color;
159
}
160
161
// treeview rows
162
.caja-side-pane treeview.view {
163
// padding: 2px 0;
164
}
165
166
.caja-side-pane notebook .frame,
167
.caja-notebook .frame {
168
border-style: none;
169
}
170
171
.caja-side-pane notebook,
172
.caja-notebook {
173
border-top: 1px solid $borders_color;
174
}
175
176
// window and desktop mode
177
.caja-canvas-item {
178
// border-radius: 2px;
179
}
180
181
// desktop mode
182
.caja-desktop.caja-canvas-item {
183
@extend .nautilus-desktop.nautilus-canvas-item;
184
}
185
186
.caja-desktop EelEditableLabel.entry {
187
}
188
189
// statusbar
190
.caja-navigation-window statusbar {
191
margin: 0 -10px;
192
padding: 0 4px;
193
border-top: 1px solid $borders_color;
194
}
195
196
// infobar
197
.caja-notebook frame > border {
198
border-style: none;
199
}
200
201
#caja-extra-view-widget {
202
border-bottom: 1px solid $borders_color;
203
background-color: $bg_color; // needs overriding
204
205
> box > box > label { font-weight: bold; }
206
}
207
208
/*********
209
* Pluma *
210
*********/
211
212
// Pluma status bar
213
.pluma-window statusbar {
214
margin: 0 -10px;
215
padding: 0 4px;
216
border-top: 1px solid $borders_color;
217
}
218
219
.pluma-window statusbar frame > border {
220
border-style: none;
221
}
222
223
.pluma-window statusbar frame button.flat {
224
padding: 0 4px;
225
border-radius: 0;
226
}
227
228
.pluma-window statusbar frame button.flat widget {
229
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
230
-GtkArrow-arrow-scaling: 1;
231
}
232
233
// Printpreview
234
.pluma-print-preview toolbar {
235
border-bottom: 1px solid $borders_color;
236
}
237
238
.pluma-print-preview scrolledwindow {
239
// background-color: $base_color;
240
}
241
242
// sidebar file-browser
243
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
244
margin: 1px;
245
246
@extend %small_button;
247
}
248
249
.pluma-window paned.horizontal box.vertical .frame {
250
border-style: none;
251
}
252
253
.pluma-window paned.horizontal box.vertical notebook.frame {
254
margin-top: -1px;
255
border-top: 1px solid $borders_color;
256
}
257
258
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
259
border-bottom: 1px solid $borders_color;
260
}
261
262
/*********
263
* Atril *
264
*********/
265
266
.atril-window paned.horizontal box.vertical .frame {
267
border-style: none;
268
}
269
270
.atril-window paned.horizontal box.vertical notebook .frame {
271
border-top: 1px solid $borders_color;
272
}
273
274
/* mate-screensaver lock dialog */
275
276
.lock-dialog {
277
border-radius: $md_radius;
278
// not sure if box-shadow works here
279
box-shadow: $z-depth-4, inset 0 1px $highlight_color;
280
281
frame > border { border-style: none; }
282
}
283
284