A fork of the Materia GTK theme.

Important information: Google announced that, from September 2026, Android devices will require ALL apps to be signed by Google, effectively leading to an iOS situation. Value your right to a computer that does what you want; do not tolerate this monopolistic practice! Contact me if you don't understand why it is bad. Click to learn more.

 _mate.scss

View raw Download
text/plain • 5.21 kiB
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
@extend iconview;
175
176
// border-radius: $material_radius;
177
}
178
179
// desktop mode
180
.caja-desktop.caja-canvas-item {
181
@extend .nautilus-desktop.nautilus-canvas-item;
182
}
183
184
.caja-desktop EelEditableLabel.entry {
185
}
186
187
// statusbar
188
.caja-navigation-window statusbar {
189
margin: 0 -10px;
190
padding: 0 4px;
191
border-top: 1px solid $border_color;
192
}
193
194
// infobar
195
.caja-notebook frame > border {
196
border-style: none;
197
}
198
199
#caja-extra-view-widget {
200
border-bottom: 1px solid $border_color;
201
background-color: $bg_color; // needs overriding
202
203
> box > box > label { font-weight: bold; }
204
}
205
206
207
/*********
208
* Pluma *
209
*********/
210
// Pluma status bar
211
.pluma-window statusbar {
212
margin: 0 -10px;
213
padding: 0 4px;
214
border-top: 1px solid $border_color;
215
216
frame {
217
> border { border-style: none; }
218
219
button.flat {
220
padding: 0 4px;
221
border-radius: 0;
222
223
widget {
224
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
225
-GtkArrow-arrow-scaling: 1;
226
}
227
}
228
}
229
}
230
231
// Printpreview
232
.pluma-print-preview {
233
toolbar { border-bottom: 1px solid $border_color; }
234
235
// scrolledwindow { background-color: $base_color; }
236
}
237
238
// sidebar file-browser
239
.pluma-window paned.horizontal box.vertical {
240
box.horizontal button.flat {
241
margin: 1px;
242
243
@extend %small_button;
244
}
245
246
.frame { border-style: none; }
247
248
notebook.frame {
249
margin-top: -1px;
250
border-top: 1px solid $border_color;
251
252
box.vertical toolbar.horizontal { border-bottom: 1px solid $border_color; }
253
}
254
}
255
256
257
/*********
258
* Atril *
259
*********/
260
.atril-window paned.horizontal box.vertical {
261
.frame { border-style: none; }
262
263
notebook .frame { border-top: 1px solid $border_color; }
264
}
265
266
267
/* mate-screensaver lock dialog */
268
.lock-dialog {
269
border-radius: $material_radius;
270
// not sure if box-shadow works here
271
box-shadow: $shadow_4, inset 0 1px $highlight_color;
272
273
frame > border { border-style: none; }
274
}
275