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