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
8
.mate-panel-menu-bar menubar,
9
#PanelApplet-window-menu-applet-button {
10
background-color: transparent;
11
}
12
// let's start it
14
#PanelPlug, // FIXME: this cannot be transparent
15
PanelToplevel.background {
16
background-color: $unity_panel_bg_color;
17
color: $titlebar_fg_color;
18
font-weight: 500;
19
}
20
// FIXME: this should really die if #PanelPlug can be transparent
22
%mate_panel_button {
23
color: $secondary_titlebar_fg_color;
24
&:hover, &:active { color: $titlebar_fg_color; }
26
&:disabled { color: $disabled_secondary_titlebar_fg_color; }
28
&:checked {
30
background-color: $titlebar_track_color;
31
color: $titlebar_fg_color;
32
}
33
&:checked:disabled {
35
background-color: $titlebar_divider_color;
36
color: $disabled_titlebar_fg_color;
37
}
38
}
39
// hide buttons
41
PanelToplevel > grid > button {
42
padding: 0 4px;
43
border-radius: 0;
44
@extend %simple_flat_button;
46
@extend %mate_panel_button;
48
}
49
// for small arrows
51
PanelWidget button {
52
&, &:hover, &:active { color: $secondary_titlebar_fg_color; }
53
}
54
#PanelApplet {
56
// border-width: 0;
57
}
58
PanelSeparator {
60
color: $titlebar_divider_color;
61
}
62
// the grid left from na-tray and wncktasklist
64
MatePanelAppletFrameDBus {
65
border-style: solid;
66
border-width: 0 1px;
67
border-color: $titlebar_divider_color;
68
}
69
// main menu
71
.mate-panel-menu-bar menubar {
72
// set normal menubar button
73
menuitem { padding: 4px; }
74
// set normal menubar menuitem
76
menu menuitem {
77
padding: 6px;
78
// font-weight: initial;
79
}
80
}
81
// all applets
83
.mate-panel-menu-bar #PanelApplet button {
84
-GtkWidget-window-dragging: true;
85
padding: 4px;
86
border-radius: 0;
87
@extend %flat_button;
89
@extend %mate_panel_button;
91
}
92
// WnckPager
94
PanelApplet.wnck-applet .wnck-pager {
95
background-color: transparent;
96
color: $alt_primary_color;
97
&:hover { background-color: $titlebar_divider_color; }
99
&:active { background-color: $titlebar_track_color; }
101
&:selected { background-color: $primary_color; }
103
}
104
#clock-applet-button {
106
// font-weight: initial;
107
}
108
#MatePanelPopupWindow {
110
border: 1px solid $border_color;
111
border-radius: $material_radius + 1px;
112
box-shadow: inset 0 1px $highlight_color;
113
frame > border { border-style: none; }
115
// FIXME, does not work
117
ClockMap { border: 1px solid $border_color; }
118
}
119
na-tray-applet {
121
-NaTrayApplet-icon-padding: 3px;
122
-NaTrayApplet-icon-size: 16;
123
}
124
// remove right space a bit
126
na-tray-applet > widget > box {
127
// margin-right: 2px;
128
}
129
// no background for icon-padding area
131
na-tray-applet widget box widget {
132
// background-color: transparent;
133
}
134
// Classic icon style
136
.mate-panel-menu-bar {
137
-PanelMenuBar-icon-visible: true;
138
}
139
// volume applet, brightness applet
141
.mate-panel-applet-slider {
142
background-color: transparent;
143
frame {
145
border: 1px solid $border_color;
146
border-radius: $material_radius + 1px;
147
box-shadow: inset 0 1px $highlight_color;
148
background-color: $bg_color;
149
frame { all: unset; }
151
> border { border-style: none; }
153
}
154
}
155
/*********************
158
* CAJA File manager *
159
*********************/
160
// pathpar toggle button
161
.caja-navigation-window button.toggle.image-button {
162
border-radius: $material_radius;
163
}
164
// pathbar
166
// pathbar buttons
167
.caja-pathbar button {
168
margin: 0 -1px 0 -2px;
169
// padding: 4px;
170
@extend %pathbar_button;
172
// arrow button
174
> widget {
175
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
176
-GtkArrow-arrow-scaling: 1;
177
}
178
}
179
// places, treeview, history, information, emblems and notes
181
// .caja-side-pane notebook treeview.view,
182
// .caja-side-pane notebook textview.view text,
183
.caja-side-pane notebook viewport.frame,
184
.caja-side-pane notebook widget .vertical {
185
background-color: $base_color;
186
}
187
// treeview rows
189
.caja-side-pane treeview.view {
190
// padding: 2px 0;
191
}
192
.caja-side-pane notebook,
194
.caja-notebook {
195
border-top: 1px solid $border_color;
196
.frame { border-style: none; }
198
}
199
// window and desktop mode
201
.caja-canvas-item {
202
// border-radius: $material_radius;
203
}
204
// desktop mode
206
.caja-desktop.caja-canvas-item {
207
@extend .nautilus-desktop.nautilus-canvas-item;
208
}
209
.caja-desktop EelEditableLabel.entry {
211
}
212
// statusbar
214
.caja-navigation-window statusbar {
215
margin: 0 -10px;
216
padding: 0 4px;
217
border-top: 1px solid $border_color;
218
}
219
// infobar
221
.caja-notebook frame > border {
222
border-style: none;
223
}
224
#caja-extra-view-widget {
226
border-bottom: 1px solid $border_color;
227
background-color: $bg_color; // needs overriding
228
> box > box > label { font-weight: bold; }
230
}
231
/*********
234
* Pluma *
235
*********/
236
// Pluma status bar
237
.pluma-window statusbar {
238
margin: 0 -10px;
239
padding: 0 4px;
240
border-top: 1px solid $border_color;
241
frame {
243
> border { border-style: none; }
244
button.flat {
246
padding: 0 4px;
247
border-radius: 0;
248
widget {
250
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
251
-GtkArrow-arrow-scaling: 1;
252
}
253
}
254
}
255
}
256
// Printpreview
258
.pluma-print-preview {
259
toolbar { border-bottom: 1px solid $border_color; }
260
// scrolledwindow { background-color: $base_color; }
262
}
263
// sidebar file-browser
265
.pluma-window paned.horizontal box.vertical {
266
box.horizontal button.flat {
267
margin: 1px;
268
@extend %small_button;
270
}
271
.frame { border-style: none; }
273
notebook.frame {
275
margin-top: -1px;
276
border-top: 1px solid $border_color;
277
box.vertical toolbar.horizontal { border-bottom: 1px solid $border_color; }
279
}
280
}
281
/*********
284
* Atril *
285
*********/
286
.atril-window paned.horizontal box.vertical {
287
.frame { border-style: none; }
288
notebook .frame { border-top: 1px solid $border_color; }
290
}
291
/* mate-screensaver lock dialog */
294
.lock-dialog {
295
border-radius: $material_radius;
296
// not sure if box-shadow works here
297
box-shadow: $shadow_4, inset 0 1px $highlight_color;
298
frame > border { border-style: none; }
300
}
301