Krolyxon
Commit 8f5bb7c

Branches

Refs →

aurora.configmatugentemplatesgtk.css

57 lines · 3.5 KB · CSS

Raw Blame History Download
1/* 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}};
7
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}};
17
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}};
37@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}};
40
41/* gtk3 (adw-gtk3) */
42@define-color theme_bg_color @window_bg_color;
43@define-color theme_fg_color @window_fg_color;
44@define-color theme_base_color @view_bg_color;
45@define-color theme_text_color @view_fg_color;
46@define-color theme_selected_bg_color @accent_bg_color;
47@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 ---- */
51button, entry { border-radius: 999px; }
52entry { 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; }
56popover > contents, popover.background { border-radius: 24px; }
57scrollbar slider { border-radius: 999px; }