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