mirror of
https://github.com/noctalia-dev/noctalia-shell.git
synced 2026-05-11 17:08:27 +08:00
notiant
104 lines
4.2 KiB
CSS
104 lines
4.2 KiB
CSS
/*
|
|
* GTK Colors (GTK4)
|
|
* Generated by Noctalia's Template Processor
|
|
* stylelint-disable at-rule-no-unknown
|
|
*/
|
|
|
|
@define-color accent_color {{colors.primary.default.hex}};
|
|
@define-color accent_bg_color {{colors.primary.default.hex}};
|
|
@define-color accent_fg_color {{colors.on_primary.default.hex}};
|
|
|
|
@define-color destructive_bg_color {{colors.error.default.hex}};
|
|
@define-color destructive_fg_color {{colors.on_error.default.hex}};
|
|
|
|
@define-color error_bg_color {{colors.error.default.hex}};
|
|
@define-color error_fg_color {{colors.on_error.default.hex}};
|
|
|
|
@define-color window_bg_color {{colors.surface.default.hex}};
|
|
@define-color window_fg_color {{colors.on_surface.default.hex}};
|
|
|
|
@define-color view_bg_color {{colors.surface.default.hex}};
|
|
@define-color view_fg_color {{colors.on_surface.default.hex}};
|
|
|
|
@define-color headerbar_bg_color {{colors.surface.default.hex}};
|
|
@define-color headerbar_fg_color {{colors.on_surface.default.hex}};
|
|
@define-color headerbar_backdrop_color @window_bg_color;
|
|
|
|
@define-color popover_bg_color {{colors.surface_container.default.hex}};
|
|
@define-color popover_fg_color {{colors.on_surface.default.hex}};
|
|
|
|
@define-color card_bg_color {{colors.surface_container.default.hex}};
|
|
@define-color card_fg_color {{colors.on_surface.default.hex}};
|
|
|
|
@define-color dialog_bg_color {{colors.surface.default.hex}};
|
|
@define-color dialog_fg_color {{colors.on_surface.default.hex}};
|
|
|
|
@define-color overview_bg_color {{colors.surface_container.default.hex}};
|
|
@define-color overview_fg_color {{colors.on_surface.default.hex}};
|
|
|
|
@define-color sidebar_bg_color {{colors.surface_container.default.hex}};
|
|
@define-color sidebar_fg_color {{colors.on_surface.default.hex}};
|
|
@define-color sidebar_backdrop_color @window_bg_color;
|
|
@define-color sidebar_border_color @window_bg_color;
|
|
|
|
@define-color secondary_sidebar_bg_color {{colors.surface.default.hex}};
|
|
@define-color secondary_sidebar_fg_color {{colors.on_surface.default.hex}};
|
|
|
|
/* Backdrop/unfocused states */
|
|
@define-color theme_unfocused_fg_color @window_fg_color;
|
|
@define-color theme_unfocused_text_color @view_fg_color;
|
|
@define-color theme_unfocused_bg_color @window_bg_color;
|
|
@define-color theme_unfocused_base_color @window_bg_color;
|
|
@define-color theme_unfocused_selected_bg_color @accent_bg_color;
|
|
@define-color theme_unfocused_selected_fg_color @accent_fg_color;
|
|
|
|
:root {
|
|
--accent-color: {{colors.primary.default.hex}};
|
|
--accent-bg-color: {{colors.primary.default.hex}};
|
|
--accent-fg-color: {{colors.on_primary.default.hex}};
|
|
|
|
--destructive-bg-color: {{colors.error.default.hex}};
|
|
--destructive-fg-color: {{colors.on_error.default.hex}};
|
|
|
|
--error-bg-color: {{colors.error.default.hex}};
|
|
--error-fg-color: {{colors.on_error.default.hex}};
|
|
--error-color: {{colors.error.default.hex}};
|
|
|
|
--window-bg-color: {{colors.surface.default.hex}};
|
|
--window-fg-color: {{colors.on_surface.default.hex}};
|
|
|
|
--view-bg-color: {{colors.surface.default.hex}};
|
|
--view-fg-color: {{colors.on_surface.default.hex}};
|
|
|
|
--headerbar-bg-color: {{colors.surface.default.hex}};
|
|
--headerbar-fg-color: {{colors.on_surface.default.hex}};
|
|
--headerbar-backdrop-color: @window_bg_color;
|
|
|
|
--popover-bg-color: {{colors.surface_container.default.hex}};
|
|
--popover-fg-color: {{colors.on_surface.default.hex}};
|
|
|
|
--card-bg-color: {{colors.surface_container.default.hex}};
|
|
--card-fg-color: {{colors.on_surface.default.hex}};
|
|
|
|
--dialog-bg-color: {{colors.surface.default.hex}};
|
|
--dialog-fg-color: {{colors.on_surface.default.hex}};
|
|
|
|
--overview-bg-color: {{colors.surface_container.default.hex}};
|
|
--overview-fg-color: {{colors.on_surface.default.hex}};
|
|
|
|
--sidebar-bg-color: {{colors.surface_container.default.hex}};
|
|
--sidebar-fg-color: {{colors.on_surface.default.hex}};
|
|
--sidebar-backdrop-color: @window_bg_color;
|
|
--sidebar-border-color: @window_bg_color;
|
|
|
|
--warning-bg-color: {{colors.tertiary_container.default.hex}};
|
|
--warning-fg-color: {{colors.on_tertiary_container.default.hex}};
|
|
--warning-color: {{colors.tertiary.default.hex}};
|
|
|
|
--success-color: {{colors.secondary.default.hex}};
|
|
--success-bg-color: {{colors.secondary_container.default.hex}};
|
|
--success-fg-color: {{colors.on_secondary_container.default.hex}};
|
|
|
|
--shade-color: rgba(0, 0, 0, 0.36);
|
|
}
|