vitorpy.com
vitorpy's Dotfiles
Add Zenburn green accent to GTK apps
Created CSS overrides for GTK 3 and GTK 4 to replace Ubuntu orange
accent color with Zenburn green (#8faf9f).
This applies to:
- Checkboxes, radio buttons, switches
- Progress bars and selections
- Links and focus indicators
- Primary/suggested action buttons
Provides consistent Zenburn theming across Yaru and GNOME apps.
+90
+44
private_dot_config/gtk-4.0/gtk.css
+44
private_dot_config/gtk-4.0/gtk.css
···
···
1
+
/* GTK 4 Color Overrides - Zenburn Green Accent */
2
+
3
+
@define-color accent_bg_color #8faf9f;
4
+
@define-color accent_fg_color #1f1f1f;
5
+
@define-color accent_color #8faf9f;
6
+
7
+
/* Selection colors */
8
+
selection {
9
+
background-color: #8faf9f;
10
+
color: #1f1f1f;
11
+
}
12
+
13
+
/* Checkboxes and radio buttons */
14
+
checkbutton:checked,
15
+
check:checked {
16
+
background-color: #8faf9f;
17
+
border-color: #8faf9f;
18
+
}
19
+
20
+
/* Switches */
21
+
switch:checked {
22
+
background-color: #8faf9f;
23
+
}
24
+
25
+
/* Progress bars */
26
+
progressbar > trough > progress {
27
+
background-color: #8faf9f;
28
+
}
29
+
30
+
/* Links */
31
+
link {
32
+
color: #8faf9f;
33
+
}
34
+
35
+
/* Focus states */
36
+
*:focus-visible {
37
+
outline-color: #8faf9f;
38
+
}
39
+
40
+
/* Primary/suggested buttons */
41
+
button.suggested-action {
42
+
background-color: #8faf9f;
43
+
color: #1f1f1f;
44
+
}
+46
private_dot_config/private_gtk-3.0/gtk.css
+46
private_dot_config/private_gtk-3.0/gtk.css
···
···
1
+
/* GTK 3 Color Overrides - Zenburn Green Accent */
2
+
3
+
@define-color accent_bg_color #8faf9f;
4
+
@define-color accent_fg_color #1f1f1f;
5
+
@define-color accent_color #8faf9f;
6
+
7
+
/* Selection colors */
8
+
*:selected,
9
+
*:selected:focus {
10
+
background-color: #8faf9f;
11
+
color: #1f1f1f;
12
+
}
13
+
14
+
/* Checkboxes and radio buttons */
15
+
check:checked,
16
+
radio:checked {
17
+
background-color: #8faf9f;
18
+
border-color: #8faf9f;
19
+
}
20
+
21
+
/* Switches */
22
+
switch:checked {
23
+
background-color: #8faf9f;
24
+
}
25
+
26
+
/* Progress bars */
27
+
progressbar progress {
28
+
background-color: #8faf9f;
29
+
}
30
+
31
+
/* Links */
32
+
link,
33
+
link:link {
34
+
color: #8faf9f;
35
+
}
36
+
37
+
/* Focus and active states */
38
+
*:focus {
39
+
outline-color: #8faf9f;
40
+
}
41
+
42
+
button.suggested-action,
43
+
.primary-toolbar button.suggested-action {
44
+
background-color: #8faf9f;
45
+
color: #1f1f1f;
46
+
}