feat: add ash light/dark omarchy themes derived from harbor

2026-09-22 11:11:39 +02:00
commit 99cef66d61
117 changed files with 14041 additions and 0 deletions
@@ -0,0 +1,166 @@
+    @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;
+
+    @define-color accent_bg_color @blue;
+    @define-color accent_fg_color @background;
+    @define-color accent_color @cyan;
+
+    @define-color window_bg_color @background;
+    @define-color window_fg_color @foreground;
+
+    @define-color view_bg_color @black;
+    @define-color view_fg_color @foreground;
+    @define-color sidebar_bg_color @black;
+    @define-color sidebar_fg_color @foreground;
+    @define-color sidebar_backdrop_color @black;
+    @define-color sidebar_shade_color @black;
+
+    @define-color headerbar_bg_color @background;
+    @define-color headerbar_fg_color @foreground;
+    @define-color headerbar_backdrop_color @black;
+    @define-color headerbar_shade_color @black;
+    @define-color card_bg_color @background;
+    @define-color card_fg_color @foreground;
+
+    @define-color popover_bg_color @black;
+    @define-color popover_fg_color @foreground;
+
+    @define-color destructive_bg_color @red;
+    @define-color destructive_fg_color @background;
+
+    @define-color success_bg_color @green;
+    @define-color success_fg_color @background;
+
+    @define-color warning_bg_color @yellow;
+    @define-color warning_fg_color @background;
+
+    @define-color error_bg_color @red;
+    @define-color error_fg_color @background;
+
+    @define-color dialog_bg_color @background;
+    @define-color dialog_fg_color @foreground;
+
+    @define-color borders alpha(@foreground, 0.1);
+
+    @define-color theme_fg_color @foreground;
+    @define-color theme_text_color @foreground;
+    @define-color theme_bg_color @background;
+    @define-color theme_base_color @black;
+    @define-color theme_selected_bg_color @blue;
+    @define-color theme_selected_fg_color @background;
+    @define-color insensitive_bg_color @background;
+    @define-color insensitive_fg_color @bright_black;
+    @define-color insensitive_base_color @black;
+    @define-color theme_unfocused_fg_color @foreground;
+    @define-color theme_unfocused_text_color @foreground;
+    @define-color theme_unfocused_bg_color @background;
+    @define-color theme_unfocused_base_color @black;
+    @define-color theme_unfocused_selected_bg_color @blue;
+    @define-color theme_unfocused_selected_fg_color @background;
+    @define-color unfocused_insensitive_color @bright_black;
+    @define-color unfocused_borders alpha(@foreground, 0.1);
+    @define-color warning_color @yellow;
+    @define-color error_color @red;
+    @define-color success_color @green;
+    @define-color destructive_color @red;
+
+    @define-color content_view_bg @black;
+    @define-color text_view_bg @black;
+
+    messagedialog {
+        background-color: @dialog_bg_color;
+    }
+
+    messagedialog label {
+        color: @dialog_fg_color;
+        font-size: 14pt;
+        font-weight: bold;
+    }
+
+    messagedialog .secondary-text {
+        font-size: 10pt;
+        font-style: italic;
+    }
+
+    messagedialog button {
+        background-color: @black;
+        color: @foreground;
+        border: 1px solid @bright_black;
+        padding: 10px;
+    }
+
+    messagedialog button:hover {
+        background-color: @blue;
+    }
+
+    banner revealer widget {
+        background: @bright_black;
+        padding: 5px;
+        color: @foreground;
+    }
+
+    alertdialog.background {
+        background-color: @dialog_bg_color;
+        color: @dialog_fg_color;
+    }
+
+    alertdialog .titlebar {
+        background-color: @headerbar_bg_color;
+        color: @headerbar_fg_color;
+    }
+
+    alertdialog box {
+        background-color: @dialog_bg_color;
+    }
+
+    alertdialog label {
+        color: @dialog_fg_color;
+    }
+
+    filechooser .dialog-action-box {
+        border-top: 1px solid @bright_black;
+    }
+
+    filechooser .dialog-action-box:backdrop {
+        border-top-color: @black;
+    }
+
+    filechooser #pathbarbox {
+        border-bottom: 1px solid @bright_black;
+    }
+
+    filechooserbutton:drop(active) {
+        box-shadow: none;
+        border-color: transparent;
+    }
+
+    toast {
+        background-color: @black;
+        color: @foreground;
+    }
+
+    toast button.circular.flat.image-button:hover {
+        color: @background;
+        background-color: @red;
+    }
+
+    /* .svg-icon {
+        filter: invert(79%) sepia(18%) saturate(611%) hue-rotate(192deg)
+            brightness(103%) contrast(94%);
+    } */