A fork of the Materia GTK theme.

By using this site, you agree to have cookies stored on your device, strictly for functional purposes, such as storing your session and preferences.

Dismiss

 _mate.scss

View raw Download
text/plain • 5.45 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
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: $semi_track_color; }
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