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.

 _apps-3.18.scss

View raw Download
text/plain • 5.56 kiB
ASCII text
        
            
1
// floating status bar
2
.floating-bar {
3
padding: 3px 0 4px;
4
border-width: 1px;
5
border-style: solid solid none;
6
border-color: $border_color;
7
border-radius: $material_radius + 1px $material_radius + 1px 0 0;
8
background-color: rgba($base_color, 0.9);
9
background-clip: $extra_background_clip;
10
&.left {
11
border-left-style: none;
12
border-top-left-radius: 0;
13
}
14
&.right {
15
border-right-style: none;
16
border-top-right-radius: 0;
17
}
18
.button {
19
padding: 4px;
20
}
21
}
22
23
/************
24
* Nautilus *
25
************/
26
27
EelEditableLabel.entry { transition: none; }
28
29
.nautilus-canvas-item {
30
// border-radius: $material_radius;
31
}
32
33
.nautilus-canvas-item.dim-label,
34
.nautilus-list-dim-label {
35
color: $secondary_fg_color;
36
37
&:selected { color: $inverse_secondary_fg_color; }
38
}
39
40
.nautilus-desktop.nautilus-canvas-item {
41
// background-color: $panel_bg_color;
42
color: $inverse_fg_color;
43
text-shadow: $shadow_1;
44
}
45
46
.nautilus-desktop.nautilus-canvas-item:selected {
47
// color: $inverse_fg_color;
48
text-shadow: none;
49
}
50
51
.nautilus-circular-button {
52
@extend %image_button;
53
}
54
55
/* Toolbar */
56
57
@keyframes needs_attention_keyframes {
58
0% {background-color: transparent; }
59
50% {background-color: $fill_color; }
60
100% {background-color: transparent; }
61
}
62
.nautilus-operations-button-needs-attention {
63
color: $secondary_color;
64
animation: needs_attention_keyframes 2s $standard_curve;
65
}
66
.nautilus-operations-button-needs-attention-multiple {
67
color: $secondary_color;
68
animation: needs_attention_keyframes 2s $standard_curve;
69
animation-iteration-count: 2;
70
}
71
72
.disk-space-display {
73
// border-style: solid;
74
// border-width: 2px;
75
}
76
77
.disk-space-display.unknown {
78
background-color: $warning_color;
79
}
80
81
.disk-space-display.used {
82
background-color: $primary_color;
83
}
84
85
.disk-space-display.free {
86
background-color: $fill_color;
87
color: $disabled_fg_color;
88
}
89
90
/* View */
91
NautilusListView .view {
92
// border-bottom: 1px solid $border_color;
93
}
94
95
/********
96
* Nemo *
97
*******/
98
NemoWindow .nemo-inactive-pane .view, NemoWindow .nemo-inactive-pane iconview {
99
background-color: $alt_base_color;
100
color: $fg_color;
101
}
102
NemoWindow .sidebar .cell {
103
background-color: $bg_color;
104
color: $fg_color;
105
&:selected {
106
color: $inverse_fg_color;
107
background-color: $primary_color;
108
}
109
}
110
.nemo-desktop.nemo-canvas-item {
111
color: $inverse_fg_color;
112
text-shadow: $shadow_1;
113
&:selected {
114
text-shadow: none;
115
}
116
}
117
/**************
118
* Tweak Tool *
119
**************/
120
// the sidebar
121
.tweak-categories {
122
// padding: 4px 0;
123
background-color: $alt_base_color;
124
background-image: linear-gradient(to bottom, $alt_base_color);
125
126
// hide separators
127
.separator {
128
-GtkWidget-wide-separators: true;
129
color: transparent;
130
}
131
}
132
133
134
/************
135
* Software *
136
************/
137
138
.button.install-progress:insensitive { background-color: $fill_color; }
139
140
141
/***********
142
* Builder *
143
***********/
144
145
GbTerminalView { background-color: $base_color; }
146
147
148
/***********
149
* Firefox *
150
***********/
151
.menubar {
152
color: $titlebar_secondary_fg_color;
153
154
&:hover { color: $titlebar_fg_color; }
155
}
156
157
158
/***********
159
* Synapse *
160
***********/
161
SynapseGuiMatchListView GtkWidget:selected { background-color: $primary_color; }
162
163
164
/*********
165
* Unity *
166
*********/
167
// Decorations
168
UnityDecoration {
169
-UnityDecoration-extents: 28px 0 0 0;
170
-UnityDecoration-input-extents: 8px;
171
172
-UnityDecoration-shadow-offset-x: 0;
173
-UnityDecoration-shadow-offset-y: 3px;
174
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
175
-UnityDecoration-active-shadow-radius: 18px;
176
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
177
-UnityDecoration-inactive-shadow-radius: 6px;
178
179
-UnityDecoration-glow-size: 8px;
180
-UnityDecoration-glow-color: $primary_color;
181
182
-UnityDecoration-title-indent: 4px;
183
-UnityDecoration-title-fade: 32px;
184
-UnityDecoration-title-alignment: 0.0;
185
}
186
187
UnityDecoration.top {
188
padding: 0 2px;
189
border-style: none;
190
border-radius: $material_radius $material_radius 0 0;
191
box-shadow: inset 0 1px $titlebar_highlight_color;
192
background-color: $titlebar_bg_color;
193
color: $titlebar_fg_color;
194
}
195
196
UnityDecoration.top:backdrop {
197
color: $titlebar_secondary_fg_color;
198
}
199
200
UnityDecoration.left,
201
UnityDecoration.right {
202
}
203
204
UnityDecoration.bottom {
205
}
206
207
UnityDecoration.menuitem,
208
UnityDecoration .menuitem {
209
color: $titlebar_secondary_fg_color;
210
}
211
212
UnityDecoration.menubar.menuitem:hover,
213
UnityDecoration.menubar .menuitem *:hover {
214
box-shadow: inset 0 -2px $titlebar_indicator_color;
215
background-color: transparent;
216
color: $titlebar_fg_color;
217
}
218
219
.background:not(.csd) :not(.titlebar) .header-bar {
220
border-radius: 0;
221
box-shadow: none;
222
223
&.inline-toolbar { border-style: none; }
224
}
225
226
SheetStyleDialog.unity-force-quit {
227
// background-color: $bg_color;
228
}
229
230
// Panel Style
231
UnityPanelWidget,
232
.unity-panel {
233
background-color: $opaque_panel_bg_color;
234
background-image: linear-gradient(to bottom, $opaque_panel_bg_color);
235
color: $titlebar_fg_color;
236
}
237
238
UnityPanelWidget:backdrop,
239
.unity-panel:backdrop {
240
color: $titlebar_secondary_fg_color;
241
}
242
243
.unity-panel.menubar,
244
.unity-panel .menubar {
245
}
246
247
.unity-panel.menuitem,
248
.unity-panel .menuitem {
249
color: $titlebar_secondary_fg_color;
250
}
251
252
.unity-panel.menubar.menuitem:hover,
253
.unity-panel.menubar .menuitem *:hover {
254
box-shadow: inset 0 -2px $titlebar_indicator_color;
255
background-color: transparent;
256
color: $titlebar_fg_color;
257
}
258
259
@keyframes playbackmenuitem_spinner {
260
to { -gtk-icon-transform: rotate(1turn); }
261
}
262
263
.menu IdoPlaybackMenuItem.menuitem:active {
264
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
265
animation: playbackmenuitem_spinner 1s infinite linear;
266
color: $primary_color;
267
}
268