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.

 _third-party.scss

View raw Download
text/plain • 3.87 kiB
ASCII text
        
            
1
/*********
2
* Tilix *
3
*********/
4
overlay > revealer {
5
&.left > scrolledwindow.frame,
6
&.right > scrolledwindow.frame {
7
border-style: none;
8
box-shadow: $shadow_4;
9
}
10
11
&.left > scrolledwindow.frame { margin-right: 32px; }
12
13
&.right > scrolledwindow.frame { margin-left: 32px; }
14
}
15
16
.terminix-session-sidebar, // for backwards compatibility
17
.tilix-session-sidebar { background-image: image($lighter_bg_color); }
18
19
button.image-button.session-new-button { min-width: $medium_size - 4px; }
20
21
22
/***********
23
* Eclipse *
24
***********/
25
window.background > box.vertical > scrolledwindow > widget toolbar {
26
padding: 2px;
27
28
separator,
29
button { margin: 2px; }
30
31
button { border-radius: 2px; }
32
}
33
34
35
/************
36
* Chromium *
37
************/
38
tooltip.chromium { background-color: $base_color; }
39
40
41
/***********
42
* Firefox *
43
***********/
44
$firefox_border_color: rgba($black, 0.2);
45
46
window.background:not(.csd) {
47
> widget {
48
// for the bookmark toolbar's separators
49
> separator { color: $firefox_border_color; }
50
51
// avoid black border
52
> scrollbar { background-clip: border-box; }
53
54
// emphasize borders color
55
> scrollbar,
56
> frame > border { border-color: $firefox_border_color; }
57
58
> entry,
59
> button > button {
60
border: 1px solid $firefox_border_color;
61
border-radius: 2px + 1px;
62
box-shadow: none;
63
}
64
65
> entry {
66
min-height: 32px - 2px;
67
68
&:focus { border-color: $primary_color; }
69
}
70
71
> button > button {
72
padding: 4px 8px;
73
background-size: auto;
74
// color: $fg_color;
75
76
&:hover { background-image: image(gtkalpha(currentColor, 0.1 / 2)); }
77
78
&:active { background-image: image(gtkalpha(currentColor, 0.1)); }
79
}
80
81
// use 16px assets for hard-coded sizing
82
> checkbutton > check { @extend %small_check; }
83
84
> radiobutton > radio { @extend %small_radio; }
85
}
86
87
// remove ugly border around the menus
88
> window > menu,
89
> menu > menu { border: none; }
90
}
91
92
// Firefox now uses this for selected items
93
text:selected { @extend %selected_items; }
94
95
// for backwards compatibility
96
window.background:not(.csd) {
97
> widget {
98
> menubar {
99
color: $titlebar_secondary_fg_color;
100
101
&:hover { color: $titlebar_fg_color; }
102
103
&:disabled { color: $titlebar_disabled_secondary_fg_color; }
104
}
105
106
> frame { color: $firefox_border_color; }
107
108
> checkbutton > check,
109
> radiobutton > radio {
110
margin: 0;
111
padding: 0;
112
}
113
}
114
115
> window.background > menu > separator { color: $border_color; }
116
}
117
118
119
/************
120
* Inkscape *
121
************/
122
#ToolboxCommon {
123
> #AuxToolbox {
124
#StyleSwatch { font-size: smaller; }
125
126
#Kludge { padding: 0; }
127
128
spinbutton,
129
entry { min-height: 32px; }
130
131
button:not(.up):not(.down) {
132
min-height: 24px;
133
min-width: 16px;
134
padding: 4px 8px;
135
border-radius: 2px;
136
-gtk-outline-radius: 2px;
137
}
138
139
spinbutton button { border-width: 4px; }
140
}
141
142
> toolbar.vertical {
143
margin-top: -4px;
144
145
button {
146
min-height: 24px;
147
min-width: 24px;
148
padding: 4px;
149
border-radius: 2px;
150
-gtk-outline-radius: 2px;
151
}
152
}
153
}
154
155
#CanvasTable {
156
button {
157
min-height: 16px;
158
min-width: 16px;
159
padding: 0;
160
}
161
162
#HorizontalScrollbar { border-top: 1px solid $border_color; }
163
164
#VerticalScrollbar {
165
&:dir(ltr) { border-left: 1px solid $border_color; }
166
167
&:dir(rtl) { border-right: 1px solid $border_color; }
168
}
169
}
170
171
#Canvas_and_Dock {
172
frame > border { border: none; }
173
174
// each canvases' titlebar
175
widget > widget {
176
> button.flat {
177
min-height: 16px;
178
min-width: 16px;
179
padding: 4px;
180
}
181
182
> box.horizontal image { padding: 4px; }
183
}
184
185
// vertical dock buttons
186
box.horizontal > box.vertical > button.flat {
187
min-height: 16px;
188
min-width: 24px;
189
padding: 8px 4px;
190
}
191
}
192
193
194
/***********
195
* Synapse *
196
***********/
197
box.vertical > widget > widget:selected { background-color: $primary_color; }
198