Use theme config templates with singular color definition (#4053)

* Attempt to templaterize the theme specific files

* Cleanup

* Slim down

* Combine render into -set

* Pull out the dynamic template rendering again, but simpler

* Fix vars

* Variables are lowercase

* Better presentation

* Fix missing colors

* Provide stripped values too

* Fix colors for regular hex format

* Bring back explicit btop themes

They're too involved to derive from a basic color set

* Make an atomic swap of the theme directories

* No longer used by walker to cancel

* Explain why

* Remove redundant const

* Consistent const naming

* No longe have $THEMES_DIR

* Correct the blue

* Set opencode colors too

* Fix colors for readability

* Move the templates together with the others in default

* Split user themes and default themes

* Fix paths

* Look for both user themes and default themes

Plus speed things up

* Migrate to the new setup where default themes live inside omarchy

* Explicitly store the name of the current theme

* Cleanup

* No longer need omarchy-theme-next since themes are now fully rendered, not symlinks

* Get current theme name from the new theme.name file

* Look for user background images in dedicated directory

* Need yq for toml

* Need yq to parse colors.toml

* Look for backgrounds matching the new theme.name

We no longer have symlinks

* Migrate existing user backgrounds to the new proper location

* Install user backgrounds in the correct path

* Fix quoting

* Just rely on the system theme for opencode and get ready for USRSIG2 being available to live reload

* Fix template generation for rgb colors

themes/ethereal/alacritty.toml

@@ -1,28 +0,0 @@
-[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/colors.toml

@@ -0,0 +1,26 @@
+accent = "#7d82d9"
+active_border_color = "#7d82d9"
+active_tab_background = "#060B1E"
+
+cursor = "#ffcead"
+foreground = "#ffcead"
+background = "#060B1E"
+selection_foreground = "#060B1E"
+selection_background = "#ffcead"
+
+color0 = "#060B1E"
+color1 = "#ED5B5A"
+color2 = "#92a593"
+color3 = "#E9BB4F"
+color4 = "#7d82d9"
+color5 = "#c89dc1"
+color6 = "#a3bfd1"
+color7 = "#F99957"
+color8 = "#6d7db6"
+color9 = "#faaaa9"
+color10 = "#c4cfc4"
+color11 = "#f7dc9c"
+color12 = "#c2c4f0"
+color13 = "#ead7e7"
+color14 = "#dfeaf0"
+color15 = "#ffcead"

themes/ethereal/ghostty.conf

@@ -1,23 +0,0 @@
-# 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-preview-share-picker.css

@@ -1,94 +0,0 @@
-@define-color foreground #ffcead;
-@define-color background #060B1E;
-@define-color accent #7d82d9;
-@define-color muted #6d7db6;
-@define-color card_bg #12172b;
-@define-color text_dark #060B1E;
-@define-color accent_hover #c2c4f0;
-@define-color selected_tab #7d82d9;
-@define-color text #ffcead;
-
-* {
-  all: unset;
-  font-family: JetBrains Mono NF;
-  color: @foreground;
-  font-weight: bold;
-  font-size: 16px;
-}
-
-.window {
-  background: alpha(@background, 0.95);
-  border: solid 2px @accent;
-  margin: 4px;
-  padding: 18px;
-}
-
-tabs {
-    padding: 0.5rem 1rem;
-}
-
-tabs > tab {
-    margin-right: 1rem;
-}
-
-.tab-label {
-    color: @text;
-    transition: all 0.2s ease;
-}
-
-tabs > tab:checked > .tab-label, tabs > tab:active > .tab-label {
-    text-decoration: underline currentColor;
-    color: @selected_tab;
-}
-
-tabs > tab:focus > .tab-label {
-    color: @foreground;
-}
-
-.page {
-    padding: 1rem;
-}
-
-.image-label {
-    font-size: 12px;
-    padding: 0.25rem;
-}
-
-flowboxchild > .card, button > .card {
-    transition: all 0.2s ease;
-    border: solid 2px transparent;
-    border-color: @background;
-    border-radius: 5px;
-    background-color: @card_bg;
-    padding: 5px;
-}
-
-flowboxchild:hover > .card, button:hover > .card, flowboxchild:active > .card, flowboxchild:selected > .card, button:active > .card, button:selected > .card, button:focus > .card {
-    border: solid 2px @accent;
-}
-
-.image {
-    border-radius: 5px;
-}
-
-.region-button {
-    padding: 0.5rem 1rem;
-    border-radius: 5px;
-    background-color: @accent;
-    color: @text_dark;
-    transition: all 0.2s ease;
-}
-
-.region-button > label {
-    color: @text_dark;
-}
-
-.region-button:not(:disabled):hover, .region-button:not(:disabled):focus {
-    background-color: @accent_hover;
-    color: @text_dark;
-}
-
-.region-button:disabled {
-    background-color: @muted;
-    color: @background;
-}

themes/ethereal/hyprland.conf

@@ -1,12 +0,0 @@
-# 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

@@ -1,6 +0,0 @@
-$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/kitty.conf

@@ -1,34 +0,0 @@
-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

@@ -1,21 +0,0 @@
-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/swayosd.css

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

themes/ethereal/walker.css

@@ -1,6 +0,0 @@
-@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

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