Krolyxon
Commit caa2c9d

Branches

Refs →

auroracaa2c9d

gtk: colours on aurora's ladder, shapes in a shared nothing.css, gtk4 accent no longer pinned to blue

Author
krolyxon
Date
2026-10-30 10:53 +0530
Parent
e49fa93
Commit
caa2c9dbadaacb30713a690732b2f59386e0be9d

+99 −47

4 files changed

Browse files Patch
−Context 3+
  1. M .config/gtk-3.0/gtk.css +3 −1
  2. A .config/gtk-3.0/nothing.css +15 −0
  3. M .config/gtk-4.0/gtk.css +12 −1
  4. M .config/matugen/templates/gtk.css +69 −45
M .config/gtk-3.0/gtk.css View
@@ -1,2 +1,4 @@
1−/* Colours from matugen (~/.config/matugen/templates/gtk.css), on top of the adw-gtk3 theme / libadwaita. */
1+/* matugen's colours (~/.config/matugen/templates/gtk.css), then aurora's Nothing look (nothing.css, shared with GTK4),
2+ on top of the adw-gtk3 theme. GTK3-only rules below. */
23 @import url("file:///home/k/.cache/matugen/gtk.css");
4+@import url("nothing.css");
A .config/gtk-3.0/nothing.css View
@@ -0,0 +1,15 @@
1+/* aurora's Nothing OS look for GTK3 and GTK4 (after glyph-rice's gtk.css, github.com/Nebelung-cloud/glyph-rice, GPL-3.0),
2+ on top of adw-gtk3 / libadwaita. Imported by gtk-3.0/gtk.css and gtk-4.0/gtk.css after matugen's colours
3+ (~/.cache/matugen/gtk.css: libadwaita names + aurora_bg/s1/s2/s3/fill/live/... like Theme.qml).
4+ Static on purpose: edits show in newly started apps, no matugen run. Only properties BOTH versions parse
5+ (no text-transform, transform, filter, -gtk-icon-size): GTK3 prints a warning per app otherwise. User css beats the
6+ theme at any specificity, so whatever is set here is set for every state. */
7+
8+/* ---- pills; joined groups keep straight inner corners ---- */
9+button, entry { border-radius: 999px; }
10+entry { padding-left: 14px; padding-right: 14px; }
11+.linked:not(.vertical) > button:not(:first-child), .linked:not(.vertical) > entry:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
12+.linked:not(.vertical) > button:not(:last-child), .linked:not(.vertical) > entry:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
13+.linked.vertical > button, .linked.vertical > entry { border-radius: 12px; }
14+popover > contents, popover.background { border-radius: 24px; }
15+scrollbar slider { border-radius: 999px; }
M .config/gtk-4.0/gtk.css View
@@ -1,2 +1,13 @@
1−/* Colours from matugen (~/.config/matugen/templates/gtk.css), on top of the adw-gtk3 theme / libadwaita. */
1+/* matugen's colours (~/.config/matugen/templates/gtk.css), then aurora's Nothing look (gtk-3.0/nothing.css, shared
2+ with GTK3), on top of libadwaita / adw-gtk3's GTK4 theme. GTK4-only rules below. */
23 @import url("file:///home/k/.cache/matugen/gtk.css");
4+@import url("../gtk-3.0/nothing.css");
5+
6+/* adw-gtk3's GTK4 theme (libadwaita-tweaks.css) pins --accent-bg-color to blue, so plain GTK4 apps (pavucontrol,
7+ zathura) ignored the matugen accent; bind the variables to the named colours like libadwaita itself does. */
8+:root {
9+ --accent-bg-color: @accent_bg_color;
10+ --accent-fg-color: @accent_fg_color;
11+ --window-bg-color: @window_bg_color;
12+ --headerbar-bg-color: @headerbar_bg_color;
13+}
M .config/matugen/templates/gtk.css View
@@ -1,42 +1,73 @@
11 /* Auto-generated by matugen, do not edit, edit the template instead.
2− libadwaita named colours, imported by gtk-3.0/gtk.css (adw-gtk3 theme) and gtk-4.0/gtk.css.
3− Material You roles like aurora (primary = accent and selection, tinted surface ladder), Nothing-ish pill shapes. */
4−@define-color accent_color {{colors.primary.default.hex}};
5−@define-color accent_bg_color {{colors.primary.default.hex}};
6−@define-color accent_fg_color {{colors.on_primary.default.hex}};
2+ Colours only, imported by gtk-3.0/gtk.css (adw-gtk3 theme) and gtk-4.0/gtk.css; the shapes are gtk-3.0/nothing.css.
3+ aurora's ladder (Theme.qml): bg < s1 < s2 < s3 = surface_container_lowest/low/high/highest, "on" = primary,
4+ live = tertiary. Windows are the bg, their content (views, popovers, dialogs) s1 cards, boxed lists s2. */
5+@define-color aurora_bg {{colors.surface_container_lowest.default.hex}};
6+@define-color aurora_s1 {{colors.surface_container_low.default.hex}};
7+@define-color aurora_s2 {{colors.surface_container_high.default.hex}};
8+@define-color aurora_s3 {{colors.surface_container_highest.default.hex}};
9+@define-color aurora_mute {{colors.outline_variant.default.hex}};
10+@define-color aurora_grey {{colors.outline.default.hex}};
11+@define-color aurora_fg {{colors.on_surface.default.hex}};
12+@define-color aurora_fg_dim {{colors.on_surface_variant.default.hex}};
13+@define-color aurora_fill {{colors.primary.default.hex}};
14+@define-color aurora_fill_fg {{colors.on_primary.default.hex}};
15+@define-color aurora_container {{colors.primary_container.default.hex}};
16+@define-color aurora_container_fg {{colors.on_primary_container.default.hex}};
17+@define-color aurora_live {{colors.tertiary.default.hex}};
18+@define-color aurora_live_fg {{colors.on_tertiary.default.hex}};
19+@define-color aurora_err {{colors.error.default.hex}};
20+@define-color aurora_err_fg {{colors.on_error.default.hex}};
721
8−@define-color destructive_color {{colors.error.default.hex}};
9−@define-color destructive_bg_color {{colors.error.default.hex}};
10−@define-color destructive_fg_color {{colors.on_error.default.hex}};
11−@define-color error_color {{colors.error.default.hex}};
12−@define-color error_bg_color {{colors.error.default.hex}};
13−@define-color error_fg_color {{colors.on_error.default.hex}};
14−@define-color warning_color {{colors.tertiary.default.hex}};
15−@define-color warning_bg_color {{colors.tertiary.default.hex}};
16−@define-color warning_fg_color {{colors.on_tertiary.default.hex}};
22+/* ---- libadwaita named colours (libadwaita's --*-color variables and adw-gtk3 both read these) ---- */
23+@define-color accent_color @aurora_fill;
24+@define-color accent_bg_color @aurora_fill;
25+@define-color accent_fg_color @aurora_fill_fg;
1726
18−@define-color window_bg_color {{colors.surface.default.hex}};
19−@define-color window_fg_color {{colors.on_surface.default.hex}};
20−@define-color view_bg_color {{colors.surface_container_low.default.hex}};
21−@define-color view_fg_color {{colors.on_surface.default.hex}};
22−@define-color headerbar_bg_color {{colors.surface.default.hex}};
23−@define-color headerbar_fg_color {{colors.on_surface.default.hex}};
24−@define-color headerbar_border_color {{colors.surface_container_high.default.hex}};
25−@define-color headerbar_backdrop_color @window_bg_color;
26−@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
27−@define-color sidebar_bg_color {{colors.surface_container_low.default.hex}};
28−@define-color sidebar_fg_color {{colors.on_surface.default.hex}};
29−@define-color sidebar_backdrop_color @window_bg_color;
30−@define-color card_bg_color {{colors.surface_container.default.hex}};
31−@define-color card_fg_color {{colors.on_surface.default.hex}};
32−@define-color card_shade_color rgba(0, 0, 0, 0.36);
33−@define-color dialog_bg_color {{colors.surface_container_high.default.hex}};
34−@define-color dialog_fg_color {{colors.on_surface.default.hex}};
35−@define-color popover_bg_color {{colors.surface_container_high.default.hex}};
36−@define-color popover_fg_color {{colors.on_surface.default.hex}};
27+@define-color destructive_color @aurora_err;
28+@define-color destructive_bg_color @aurora_err;
29+@define-color destructive_fg_color @aurora_err_fg;
30+@define-color error_color @aurora_err;
31+@define-color error_bg_color @aurora_err;
32+@define-color error_fg_color @aurora_err_fg;
33+@define-color warning_color @aurora_live;
34+@define-color warning_bg_color @aurora_live;
35+@define-color warning_fg_color @aurora_live_fg;
36+
37+@define-color window_bg_color @aurora_bg;
38+@define-color window_fg_color @aurora_fg;
39+@define-color view_bg_color @aurora_s1;
40+@define-color view_fg_color @aurora_fg;
41+@define-color headerbar_bg_color @aurora_bg;
42+@define-color headerbar_fg_color @aurora_fg;
43+@define-color headerbar_border_color @aurora_bg;
44+@define-color headerbar_backdrop_color @aurora_bg;
45+@define-color headerbar_shade_color transparent;
46+@define-color headerbar_darker_shade_color transparent;
47+@define-color sidebar_bg_color @aurora_bg;
48+@define-color sidebar_fg_color @aurora_fg;
49+@define-color sidebar_backdrop_color @aurora_bg;
50+@define-color sidebar_border_color @aurora_bg;
51+@define-color sidebar_shade_color transparent;
52+@define-color secondary_sidebar_bg_color @aurora_bg;
53+@define-color secondary_sidebar_fg_color @aurora_fg;
54+@define-color secondary_sidebar_backdrop_color @aurora_bg;
55+@define-color secondary_sidebar_border_color @aurora_bg;
56+@define-color secondary_sidebar_shade_color transparent;
57+@define-color card_bg_color @aurora_s2;
58+@define-color card_fg_color @aurora_fg;
59+@define-color card_shade_color transparent;
60+@define-color dialog_bg_color @aurora_s1;
61+@define-color dialog_fg_color @aurora_fg;
62+@define-color popover_bg_color @aurora_s1;
63+@define-color popover_fg_color @aurora_fg;
64+@define-color popover_shade_color transparent;
65+@define-color thumbnail_bg_color @aurora_s2;
66+@define-color thumbnail_fg_color @aurora_fg;
3767 @define-color shade_color rgba(0, 0, 0, 0.36);
38−@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
39−@define-color borders {{colors.outline_variant.default.hex}};
68+@define-color scrollbar_outline_color transparent;
69+@define-color borders @aurora_s3;
70+@define-color unfocused_borders @aurora_s3;
4071
4172 /* gtk3 (adw-gtk3) */
4273 @define-color theme_bg_color @window_bg_color;
@@ -45,13 +76,6 @@
4576 @define-color theme_text_color @view_fg_color;
4677 @define-color theme_selected_bg_color @accent_bg_color;
4778 @define-color theme_selected_fg_color @accent_fg_color;
48−@define-color insensitive_fg_color {{colors.outline.default.hex}};
49−
50−/* ---- Nothing-ish shapes: pills, round popovers; joined groups keep straight inner corners ---- */
51−button, entry { border-radius: 999px; }
52−entry { padding-left: 14px; padding-right: 14px; }
53−.linked:not(.vertical) > button:not(:first-child), .linked:not(.vertical) > entry:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
54−.linked:not(.vertical) > button:not(:last-child), .linked:not(.vertical) > entry:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
55−.linked.vertical > button, .linked.vertical > entry { border-radius: 12px; }
56−popover > contents, popover.background { border-radius: 24px; }
57−scrollbar slider { border-radius: 999px; }
79+@define-color theme_unfocused_selected_bg_color @accent_bg_color;
80+@define-color theme_unfocused_selected_fg_color @accent_fg_color;
81+@define-color insensitive_fg_color @aurora_grey;