feat: add ash light/dark omarchy themes derived from harbor
This commit is contained in:
Richard Zink
@@ -0,0 +1,190 @@
|
||||
/* Aether Theme Override Template
|
||||
* This file is automatically generated and copied to ~/.config/aether/theme.override.css
|
||||
* when you apply a theme in Aether.
|
||||
*
|
||||
* Generated from palette colors selected in Aether
|
||||
*/
|
||||
|
||||
/* Dynamic Color Palette */
|
||||
@define-color background #e9e3d5;
|
||||
@define-color foreground #2a2822;
|
||||
|
||||
@define-color black #e9e3d5;
|
||||
@define-color red #96392a;
|
||||
@define-color green #5c6631;
|
||||
@define-color yellow #c56a2b;
|
||||
@define-color blue #3d6b72;
|
||||
@define-color magenta #6a4c72;
|
||||
@define-color cyan #3d6b72;
|
||||
@define-color white #5b5449;
|
||||
@define-color bright_black #8d8578;
|
||||
@define-color bright_red #96392a;
|
||||
@define-color bright_green #5c6631;
|
||||
@define-color bright_yellow #c56a2b;
|
||||
@define-color bright_blue #3d6b72;
|
||||
@define-color bright_magenta #6a4c72;
|
||||
@define-color bright_cyan #3d6b72;
|
||||
@define-color bright_white #2a2822;
|
||||
|
||||
/* Base GTK theme variables */
|
||||
@define-color theme_bg_color @background;
|
||||
@define-color theme_fg_color @foreground;
|
||||
@define-color theme_base_color @background;
|
||||
@define-color theme_text_color @foreground;
|
||||
@define-color theme_selected_bg_color @blue;
|
||||
@define-color theme_selected_fg_color @background;
|
||||
@define-color insensitive_bg_color alpha(@background, 0.5);
|
||||
@define-color insensitive_fg_color alpha(@foreground, 0.5);
|
||||
@define-color insensitive_base_color @background;
|
||||
@define-color theme_unfocused_bg_color @background;
|
||||
@define-color theme_unfocused_fg_color @foreground;
|
||||
@define-color theme_unfocused_base_color @background;
|
||||
@define-color theme_unfocused_text_color @foreground;
|
||||
@define-color theme_unfocused_selected_bg_color @blue;
|
||||
@define-color theme_unfocused_selected_fg_color @background;
|
||||
|
||||
/* Adwaita Color Overrides */
|
||||
@define-color accent_bg_color @blue;
|
||||
@define-color accent_fg_color @bright_white;
|
||||
@define-color accent_color @cyan;
|
||||
|
||||
@define-color window_bg_color @background;
|
||||
@define-color window_fg_color @foreground;
|
||||
|
||||
/* Sidebar background and content */
|
||||
@define-color view_bg_color @background;
|
||||
@define-color view_fg_color @foreground;
|
||||
@define-color sidebar_bg_color @background;
|
||||
@define-color sidebar_fg_color @foreground;
|
||||
@define-color sidebar_backdrop_color @background;
|
||||
@define-color sidebar_shade_color @background;
|
||||
|
||||
@define-color headerbar_bg_color alpha(@foreground, 0.05);
|
||||
@define-color headerbar_fg_color @foreground;
|
||||
@define-color headerbar_backdrop_color @background;
|
||||
@define-color headerbar_shade_color @background;
|
||||
@define-color headerbar_border_color alpha(@foreground, 0.15);
|
||||
|
||||
@define-color card_bg_color alpha(@foreground, 0.03);
|
||||
@define-color card_fg_color @foreground;
|
||||
@define-color card_shade_color @background;
|
||||
|
||||
@define-color thumbnail_bg_color @background;
|
||||
@define-color thumbnail_fg_color @foreground;
|
||||
|
||||
@define-color shade_color @background;
|
||||
@define-color scrollbar_outline_color @background;
|
||||
|
||||
@define-color popover_bg_color @background;
|
||||
@define-color popover_fg_color @foreground;
|
||||
|
||||
@define-color dialog_bg_color @background;
|
||||
@define-color dialog_fg_color @foreground;
|
||||
|
||||
@define-color destructive_bg_color @red;
|
||||
@define-color destructive_fg_color @bright_white;
|
||||
|
||||
@define-color success_bg_color @green;
|
||||
@define-color success_fg_color @bright_white;
|
||||
|
||||
@define-color warning_bg_color @yellow;
|
||||
@define-color warning_fg_color @bright_white;
|
||||
|
||||
@define-color error_bg_color @red;
|
||||
@define-color error_fg_color @bright_white;
|
||||
|
||||
@define-color borders alpha(@foreground, 0.15);
|
||||
|
||||
/* Additional bg/fg color variables */
|
||||
@define-color window_backdrop_color @background;
|
||||
@define-color view_backdrop_color @background;
|
||||
|
||||
@define-color menu_bg_color @background;
|
||||
@define-color menu_fg_color @foreground;
|
||||
|
||||
@define-color entry_bg_color alpha(@foreground, 0.03);
|
||||
@define-color entry_fg_color @foreground;
|
||||
|
||||
@define-color button_bg_color alpha(@foreground, 0.05);
|
||||
@define-color button_fg_color @foreground;
|
||||
|
||||
@define-color tooltip_bg_color @background;
|
||||
@define-color tooltip_fg_color @foreground;
|
||||
@define-color tooltip_border_color alpha(@foreground, 0.15);
|
||||
|
||||
@define-color osd_bg_color @background;
|
||||
@define-color osd_fg_color @foreground;
|
||||
@define-color osd_border_color alpha(@foreground, 0.15);
|
||||
|
||||
@define-color filechooser_bg_color @background;
|
||||
@define-color filechooser_fg_color @foreground;
|
||||
|
||||
@define-color nautilus_window_bg_color @background;
|
||||
@define-color nautilus_window_fg_color @foreground;
|
||||
|
||||
/* Portal/native dialog colors */
|
||||
@define-color portal_bg_color @background;
|
||||
@define-color portal_fg_color @foreground;
|
||||
|
||||
/* Gtk.FileDialog uses these in GTK4 */
|
||||
@define-color filedialog_bg_color @background;
|
||||
@define-color filedialog_fg_color @foreground;
|
||||
|
||||
/* Dropdown/ComboBox colors */
|
||||
@define-color dropdown_bg_color @background;
|
||||
@define-color dropdown_fg_color @foreground;
|
||||
@define-color dropdown_hover_bg_color alpha(@blue, 0.3);
|
||||
@define-color dropdown_selected_bg_color @blue;
|
||||
@define-color dropdown_selected_fg_color @background;
|
||||
|
||||
/* Pathbar/Breadcrumb colors */
|
||||
@define-color pathbar_bg_color @background;
|
||||
@define-color pathbar_fg_color @foreground;
|
||||
|
||||
/* Toolbar colors */
|
||||
@define-color toolbar_bg_color @background;
|
||||
@define-color toolbar_fg_color @foreground;
|
||||
|
||||
/* Notebook/Tab colors */
|
||||
@define-color notebook_bg_color @background;
|
||||
@define-color notebook_fg_color @foreground;
|
||||
|
||||
/* Scrollbar colors */
|
||||
@define-color scrollbar_slider_color alpha(@foreground, 0.3);
|
||||
@define-color scrollbar_slider_hover_color alpha(@foreground, 0.5);
|
||||
@define-color scrollbar_slider_active_color @foreground;
|
||||
|
||||
/* Treeview/Listview colors */
|
||||
@define-color treeview_bg_color @background;
|
||||
@define-color treeview_fg_color @foreground;
|
||||
|
||||
/* Link colors */
|
||||
@define-color link_color @blue;
|
||||
@define-color link_visited_color @magenta;
|
||||
|
||||
/* Selection colors (for text selection, etc) */
|
||||
@define-color selection_bg_color @blue;
|
||||
@define-color selection_fg_color @background;
|
||||
|
||||
/* Content view (file browser grid/list) */
|
||||
@define-color content_view_bg @background;
|
||||
@define-color content_view_fg @foreground;
|
||||
|
||||
/* Placeholder text in entries */
|
||||
@define-color placeholder_text_color alpha(@foreground, 0.5);
|
||||
|
||||
/* Dim label */
|
||||
@define-color dim_label_color alpha(@foreground, 0.55);
|
||||
|
||||
|
||||
/* SVG Icons - recolor to match foreground text */
|
||||
.svg-icon {
|
||||
filter: invert(79%) sepia(18%) saturate(611%) hue-rotate(192deg)
|
||||
brightness(103%) contrast(94%);
|
||||
}
|
||||
|
||||
/* Sharp corners, Hyprland-inspired */
|
||||
* {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user