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