mirror of
https://github.com/end-4/dots-hyprland.git
synced 2026-06-05 14:59:27 -05:00
end-4
84 lines
4.8 KiB
CSS
84 lines
4.8 KiB
CSS
/*
|
|
* GTK colors generated with Matugen
|
|
* The source template is here: ~/.config/matugen/templates/gtk-4.0/gtk.css
|
|
*/
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
/* Accents */
|
|
@define-color accent_color {{colors.primary.light.hex}};
|
|
@define-color accent_fg_color {{colors.on_primary.light.hex}};
|
|
@define-color accent_bg_color {{colors.primary.light.hex}};
|
|
@define-color destructive_bg_color {{colors.error_container.light.hex}};
|
|
@define-color destructive_fg_color {{colors.on_error_container.light.hex}};
|
|
@define-color destructive_color {{colors.error.light.hex}};
|
|
@define-color success_bg_color #B5CCBA;
|
|
@define-color success_fg_color #213528;
|
|
@define-color success_color #374B3E;
|
|
/* Base surfaces */
|
|
@define-color window_bg_color {{colors.background.light.hex}};
|
|
@define-color window_fg_color {{colors.on_background.light.hex}};
|
|
@define-color headerbar_bg_color {{colors.surface_container.light.hex}};
|
|
@define-color headerbar_backdrop_color {{colors.surface_container.light.hex}};
|
|
@define-color headerbar_fg_color {{colors.on_surface.light.hex}};
|
|
@define-color card_bg_color {{colors.surface_container.light.hex}};
|
|
@define-color card_fg_color {{colors.on_surface.light.hex}};
|
|
@define-color sidebar_bg_color {{colors.surface_container.light.hex}};
|
|
@define-color sidebar_fg_color {{colors.on_surface.light.hex}};
|
|
@define-color secondary_sidebar_bg_color {{colors.surface_container_low.light.hex}};
|
|
@define-color secondary_sidebar_backdrop_color {{colors.surface_container_low.light.hex}};
|
|
@define-color secondary_sidebar_fg_color {{colors.on_surface.light.hex}};
|
|
@define-color sidebar_border_color @sidebar_bg_color;
|
|
@define-color sidebar_backdrop_color @sidebar_bg_color;
|
|
@define-color view_bg_color {{colors.surface_container_lowest.light.hex}};
|
|
@define-color view_fg_color {{colors.on_surface.light.hex}};
|
|
@define-color overview_bg_color {{colors.surface_container_lowest.light.hex}};
|
|
@define-color overview_fg_color {{colors.on_surface.light.hex}};
|
|
/* Popups */
|
|
@define-color popover_bg_color {{colors.surface_container_highest.light.hex}};
|
|
@define-color popover_fg_color {{colors.on_surface.light.hex}};
|
|
@define-color dialog_bg_color {{colors.surface_container_high.light.hex}};
|
|
@define-color dialog_fg_color {{colors.on_surface.light.hex}};
|
|
@define-color thumbnail_bg_color {{colors.surface_container_high.light.hex}};
|
|
@define-color thumbnail_fg_color {{colors.on_surface.light.hex}};
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
|
|
/* Accents */
|
|
@define-color accent_color {{colors.primary.dark.hex}};
|
|
@define-color accent_fg_color {{colors.on_primary.dark.hex}};
|
|
@define-color accent_bg_color {{colors.primary.dark.hex}};
|
|
@define-color destructive_bg_color {{colors.error_container.dark.hex}};
|
|
@define-color destructive_fg_color {{colors.on_error_container.dark.hex}};
|
|
@define-color destructive_color {{colors.error.dark.hex}};
|
|
@define-color success_bg_color #374B3E;
|
|
@define-color success_fg_color #D1E9D6;
|
|
@define-color success_color #B5CCBA;
|
|
/* Base surfaces */
|
|
@define-color window_bg_color {{colors.background.dark.hex}};
|
|
@define-color window_fg_color {{colors.on_background.dark.hex}};
|
|
@define-color headerbar_bg_color {{colors.surface_container.dark.hex}};
|
|
@define-color headerbar_backdrop_color {{colors.surface_container.dark.hex}};
|
|
@define-color headerbar_fg_color {{colors.on_surface.dark.hex}};
|
|
@define-color card_bg_color {{colors.surface_container.dark.hex}};
|
|
@define-color card_fg_color {{colors.on_surface.dark.hex}};
|
|
@define-color sidebar_bg_color {{colors.surface_container.dark.hex}};
|
|
@define-color sidebar_fg_color {{colors.on_surface.dark.hex}};
|
|
@define-color secondary_sidebar_bg_color {{colors.surface_container_low.dark.hex}};
|
|
@define-color secondary_sidebar_backdrop_color {{colors.surface_container_low.dark.hex}};
|
|
@define-color secondary_sidebar_fg_color {{colors.on_surface.dark.hex}};
|
|
@define-color sidebar_border_color @sidebar_bg_color;
|
|
@define-color sidebar_backdrop_color @sidebar_bg_color;
|
|
@define-color view_bg_color {{colors.surface_container_lowest.dark.hex}};
|
|
@define-color view_fg_color {{colors.on_surface.dark.hex}};
|
|
@define-color overview_bg_color {{colors.surface_container_lowest.dark.hex}};
|
|
@define-color overview_fg_color {{colors.on_surface.dark.hex}};
|
|
/* Popups */
|
|
@define-color popover_bg_color {{colors.surface_container_highest.dark.hex}};
|
|
@define-color popover_fg_color {{colors.on_surface.dark.hex}};
|
|
@define-color dialog_bg_color {{colors.surface_container_high.dark.hex}};
|
|
@define-color dialog_fg_color {{colors.on_surface.dark.hex}};
|
|
@define-color thumbnail_bg_color {{colors.surface_container_high.dark.hex}};
|
|
@define-color thumbnail_fg_color {{colors.on_surface.dark.hex}};
|
|
}
|