Add theme ethereal (#3464)

* Add theme Ethereal

* Update to follow the Omarchy hot reload

* Add aether to all themes

* Add a vscode theme

* Revert "Add aether to all themes"

This reverts commit 421f467e21.

* Format the kitty file

* Make available to all via migration

* Fix

* Add hot reload

* Change the background image to something of higher quality

This looks a lot better on a 6K monitor

* Highlight border color should be brighter than inactive color

* Add preview.png for new visual theme selector

* Add the ethereal nvim variant of aehter

---------

Co-authored-by: David Heinemeier Hansson <david@hey.com>

themes/ethereal/alacritty.toml

@@ -0,0 +1,28 @@
+[colors]
+[colors.primary]
+background = "#060B1E"
+foreground = "#ffcead"
+
+[colors.normal]
+black   = "#060B1E"
+red     = "#ED5B5A"
+green   = "#92a593"
+yellow  = "#E9BB4F"
+blue    = "#7d82d9"
+magenta = "#c89dc1"
+cyan    = "#a3bfd1"
+white   = "#F99957"
+
+[colors.bright]
+black   = "#6d7db6"
+red     = "#faaaa9"
+green   = "#c4cfc4"
+yellow  = "#f7dc9c"
+blue    = "#c2c4f0"
+magenta = "#ead7e7"
+cyan    = "#dfeaf0"
+white   = "#ffcead"
+
+[colors.cursor]
+text   = "#060B1E"
+cursor = "#ffcead"

themes/ethereal/btop.theme

@@ -0,0 +1,70 @@
+# Main background, empty for terminal default, need to be empty if you want transparent background
+theme[main_bg]="#060B1E"
+
+# Main text color
+theme[main_fg]="#ffcead"
+
+# Title color for boxes
+theme[title]="#c89dc1"
+
+# Highlight color for keyboard shortcuts
+theme[hi_fg]="#a3bfd1"
+
+# Background color of selected item in processes box
+theme[selected_bg]="#6d7db6"
+
+# Foreground color of selected item in processes box
+theme[selected_fg]="#ffcead"
+
+# Color of inactive/disabled text
+theme[inactive_fg]="#6d7db6"
+
+# Misc colors for processes box including mini cpu graphs, details memory graph and details status text
+theme[proc_misc]="#c89dc1"
+
+# Box outline and divider line color
+theme[cpu_box]="#92a593"
+theme[mem_box]="#92a593"
+theme[net_box]="#92a593"
+theme[proc_box]="#92a593"
+theme[div_line]="#6d7db6"
+
+# Gradient for all meters and graphs
+theme[temp_start]="#a3bfd1"
+theme[temp_mid]="#7d82d9"
+theme[temp_end]="#92a593"
+
+
+theme[cpu_start]="#a3bfd1"
+theme[cpu_mid]="#7d82d9"
+theme[cpu_end]="#92a593"
+
+
+theme[free_start]="#7d82d9"
+theme[free_mid]="#E9BB4F"
+theme[free_end]="#E9BB4F"
+
+
+theme[cached_start]="#E9BB4F"
+theme[cached_mid]="#E9BB4F"
+theme[cached_end]="#E9BB4F"
+
+
+theme[available_start]="#a3bfd1"
+theme[available_mid]="#a3bfd1"
+theme[available_end]="#a3bfd1"
+
+
+theme[used_start]="#92a593"
+theme[used_mid]="#92a593"
+theme[used_end]="#92a593"
+
+
+theme[download_start]="#E9BB4F"
+theme[download_mid]="#a3bfd1"
+theme[download_end]="#7d82d9"
+
+
+theme[upload_start]="#E9BB4F"
+theme[upload_mid]="#a3bfd1"
+theme[upload_end]="#7d82d9"

themes/ethereal/chromium.theme

@@ -0,0 +1 @@
+6,11,30

themes/ethereal/ghostty.conf

@@ -0,0 +1,23 @@
+# Background and foreground colors
+background = #060B1E
+foreground = #ffcead
+
+# Standard colors
+palette = 0=#060B1E
+palette = 1=#ED5B5A
+palette = 2=#92a593
+palette = 3=#E9BB4F
+palette = 4=#7d82d9
+palette = 5=#c89dc1
+palette = 6=#a3bfd1
+palette = 7=#F99957
+
+# Bright colors
+palette = 8=#6d7db6
+palette = 9=#faaaa9
+palette = 10=#c4cfc4
+palette = 11=#f7dc9c
+palette = 12=#c2c4f0
+palette = 13=#ead7e7
+palette = 14=#dfeaf0
+palette = 15=#ffcead

themes/ethereal/hyprland.conf

@@ -0,0 +1,12 @@
+# This file is not a full hyprland configuration.
+# It is intended to be included in your main hyprland.conf.
+
+$activeBorderColor = rgb(4E85D8)
+
+general {
+    col.active_border = $activeBorderColor
+}
+
+group {
+    col.border_active = $activeBorderColor
+}

themes/ethereal/hyprlock.conf

@@ -0,0 +1,6 @@
+$color = rgba(6, 11, 30, 1)
+$inner_color = rgba(6, 11, 30, 0.66)
+$outer_color = rgba(200, 157, 193, 1)
+$font_color = rgba(255, 206, 173, 1)
+$placeholder_color = rgba(255, 206, 173, 0.7)
+$check_color = rgba(163, 191, 209, 1)

themes/ethereal/icons.theme

@@ -0,0 +1 @@
+Yaru-magenta

themes/ethereal/kitty.conf

@@ -0,0 +1,34 @@
+background #060B1E
+foreground #ffcead
+
+# black
+color0  #060B1E
+color8  #6d7db6
+
+# red
+color1  #ED5B5A
+color9  #faaaa9
+
+# green
+color2  #92a593
+color10 #c4cfc4
+
+# yellow
+color3  #E9BB4F
+color11 #f7dc9c
+
+# blue
+color4  #7d82d9
+color12 #c2c4f0
+
+# magenta
+color5  #c89dc1
+color13 #ead7e7
+
+#cyan
+color6  #a3bfd1
+color14 #dfeaf0
+
+#white
+color7  #F99957
+color15 #ffcead

themes/ethereal/mako.ini

@@ -0,0 +1,21 @@
+text-color=#ffcead
+border-color=#c89dc1
+background-color=#060B1E
+width=420
+height=110
+padding=10
+border-size=2
+font=Liberation Sans 11
+anchor=top-right
+outer-margin=20
+default-timeout=5000
+max-icon-size=32
+
+[app-name=Spotify]
+invisible=1
+
+[mode=do-not-disturb]
+invisible=true
+
+[mode=do-not-disturb app-name=notify-send]
+invisible=false

themes/ethereal/neovim.lua

@@ -0,0 +1,13 @@
+return {
+  {
+    "bjarneo/ethereal.nvim",
+    dependencies = { "bjarneo/aether.nvim" }, -- Ensure aether is loaded first
+    priority = 1000,
+  },
+  {
+    "LazyVim/LazyVim",
+    opts = {
+      colorscheme = "ethereal",
+    },
+  },
+}

themes/ethereal/swayosd.css

@@ -0,0 +1,5 @@
+@define-color background-color #060B1E;
+@define-color border-color #6d7db6;
+@define-color label #ffcead;
+@define-color image #ffcead;
+@define-color progress #E9BB4F;

themes/ethereal/vscode.json

@@ -0,0 +1,4 @@
+{
+  "name": "Ethereal",
+  "extension": "Bjarne.ethereal-omarchy"
+}

themes/ethereal/walker.css

@@ -0,0 +1,6 @@
+@define-color selected-text #7d82d9;
+@define-color text #ffcead;
+@define-color base #060B1E;
+@define-color border #6d7db6;
+@define-color foreground #ffcead;
+@define-color background #060B1E;

themes/ethereal/waybar.css

@@ -0,0 +1,2 @@
+@define-color background #060B1E;
+@define-color foreground #ffcead;