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.

 _misc.scss

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