update themeing in hyprland

home/.chezmoidata.yaml

@@ -1,16 +1,16 @@
 themes:
     gruvbox:
-        bg0: '#282828'
+        bg0:     '282828'
-        bg1: '#3c3836'
+        bg1:     '3c3836'
-        bg2: '#504945'
+        bg2:     '504945'
-        fg: '#d5c4a1'
+        fg:      'd5c4a1'
-        black: '#282828'
+        black:   '282828'
-        red: '#fb4934'
+        red:     'fb4934'
-        green: '#b8bb26'
+        green:   'b8bb26'
-        yellow: '#fabd2f'
+        yellow:  'fabd2f'
-        blue0: '#83a598'
+        blue0:   '83a598'
-        blue1: '#458588'
+        blue1:   '458588'
-        purple0: '#d3869b'
+        purple0: 'd3869b'
-        purple1: '#8f3f71'
+        purple1: '8f3f71'
-        cyan: '#8ec07c'
+        cyan:    '8ec07c'
-        white: '#d5c4a1'
+        white:   'd5c4a1'

home/dot_config/hypr/hyprland.conf

@@ -1,95 +0,0 @@
-# See https://wiki.hyprland.org/Configuring/Keywords/ for more
-$mod = SUPER
-$term = kitty
-$e = & hyprctl dispatch submap reset
-
-# See https://wiki.hyprland.org/Configuring/Keywords/ for more
-
-# Execute your favorite apps at launch
-# exec-once = waybar & hyprpaper & firefox
-
-# Source a file (multi-file configs)
-source = ~/.config/hypr/monitors.conf
-source = ~/.config/hypr/workspaces.conf
-source = ~/.config/hypr/keybinds.conf
-source = ~/.config/hypr/windows.conf
-source = ~/.config/hypr/start.conf
-
-# Some default env vars.
-env = XCURSOR_SIZE,24
-
-# For all categories, see https://wiki.hyprland.org/Configuring/Variables/
-input {
-    kb_layout = us
-    kb_variant =
-    kb_model =
-    kb_options =
-    kb_rules =
-
-    follow_mouse = 1
-
-    touchpad {
-        natural_scroll = no
-    }
-
-    sensitivity = 0 # -1.0 - 1.0, 0 means no modification.
-}
-
-general {
-    # See https://wiki.hyprland.org/Configuring/Variables/ for more
-
-    gaps_in = 2
-    gaps_out = 2
-    border_size = 2
-    col.active_border = rgba(fabd2fff) rgba(fb4934ff) 45deg
-    col.inactive_border = rgba(282828ff)
-
-    layout = master
-
-    # Please see https://wiki.hyprland.org/Configuring/Tearing/ before you turn this on
-    allow_tearing = false
-}
-
-decoration {
-    # See https://wiki.hyprland.org/Configuring/Variables/ for more
-
-    rounding = 2
-    
-    blur {
-        enabled = true
-        size = 3
-        passes = 1
-    }
-
-    drop_shadow = yes
-    shadow_range = 4
-    shadow_render_power = 3
-    col.shadow = rgba(1a1a1aee)
-}
-
-animations {
-    # animations are bloat ;)
-    enabled = no
-}
-
-master {
-    # See https://wiki.hyprland.org/Configuring/Master-Layout/ for more
-    new_is_master = false
-    mfact = 0.5
-}
-
-gestures {
-    # See https://wiki.hyprland.org/Configuring/Variables/ for more
-    workspace_swipe = off
-}
-
-misc {
-    # See https://wiki.hyprland.org/Configuring/Variables/ for more
-    force_default_wallpaper = 0 # Set to 0 to disable the anime mascot wallpapers
-}
-
-# Example per-device config
-# See https://wiki.hyprland.org/Configuring/Keywords/#executing for more
-device:epic-mouse-v1 {
-    sensitivity = -0.5
-}

home/dot_config/hypr/scripts/executable_bg.sh.tmpl

@@ -1,4 +1,4 @@
 #!/usr/bin/env bash
 #
-swaybg -c "{{ .themes.gruvbox.bg0 }}" &
+swaybg -c "#{{ .themes.gruvbox.bg0 }}" &
 sleep .5; swaybg -m center -i ~/.local/share/chezmoi/resources/img/{{ .chezmoi.hostname }}.png 

home/dot_config/mako/config.tmpl

@@ -1,7 +1,7 @@
 sort=-time
 layer=overlay
-background-color={{ .themes.gruvbox.bg0 }}
+background-color=#{{ .themes.gruvbox.bg0 }}
-text-color={{ .themes.gruvbox.fg }}
+text-color=#{{ .themes.gruvbox.fg }}
 width=300
 height=110
 border-size=2
@@ -14,11 +14,11 @@ font=monospace 10
 anchor=top-center
 
 [urgency=low]
-border-color={{ .themes.gruvbox.green }}
+border-color=#{{ .themes.gruvbox.green }}
 
 [urgency=normal]
-border-color={{ .themes.gruvbox.yellow }}
+border-color=#{{ .themes.gruvbox.yellow }}
 
 [urgency=high]
-border-color={{ .themes.gruvbox.red }}
+border-color=#{{ .themes.gruvbox.red }}
 default-timeout=0

home/dot_config/waybar/config.tmpl

@@ -30,38 +30,38 @@
 	    "exec": "~/.config/waybar/scripts/bits.sh",
 	},
     "custom/disk": {
-	    "format": " 󰉉  <span color=\"{{ .themes.gruvbox.red }}\">{}</span>G ",
+	    "format": " 󰉉  <span color=\"#{{ .themes.gruvbox.red }}\">{}</span>G ",
 	    "interval": 30,
 	    "exec": "df -h --output=avail / | awk 'NR==2 {sub(/.$/, \"\", $1); print $1}'",
 	},
 	"cpu": {
-		"format": "  <span color=\"{{ .themes.gruvbox.red }}\">{usage}</span>%",
+		"format": "  <span color=\"#{{ .themes.gruvbox.red }}\">{usage}</span>%",
 		"tooltip": false
 	},
 	"memory": {
-		"format": "  <span color=\"{{ .themes.gruvbox.red }}\">{used:0.1f}</span>G"
+		"format": "  <span color=\"#{{ .themes.gruvbox.red }}\">{used:0.1f}</span>G"
 	},
     "network": {
         "format-wifi": "({signalStrength}%) ",
-        "format-ethernet": "<span color=\"{{ .themes.gruvbox.green }}\">{ifname}</span>",
+        "format-ethernet": "<span color=\"#{{ .themes.gruvbox.green }}\">{ifname}</span>",
         "tooltip-format": "{ifname} via {gwaddr}",
         "format-linked": "{ifname} (No IP) ?",
         "format-disconnected": "",
         "on-click": "nm-connection-editor"
     },
 	"custom/mouse": {
-		"format": " 󰍽 <span color=\"{{ .themes.gruvbox.red }}\">{}</span>% ",
+		"format": " 󰍽 <span color=\"#{{ .themes.gruvbox.red }}\">{}</span>% ",
 		"interval": 5,
 		"exec": "cat /sys/class/power_supply/hidpp_battery_[0-9]*/capacity | head -n 1",
 	},
 	"pulseaudio": {
-		"format": "{icon} <span color=\"{{ .themes.gruvbox.red }}\">{volume}</span>% {format_source}",
+		"format": "{icon} <span color=\"#{{ .themes.gruvbox.red }}\">{volume}</span>% {format_source}",
 		"format-muted": "󰖁 {format_source}",
-		"format-bluetooth": "{icon}  <span color=\"{{ .themes.gruvbox.red }}\">{volume}</span>% {format_source}",
+		"format-bluetooth": "{icon}  <span color=\"#{{ .themes.gruvbox.red }}\">{volume}</span>% {format_source}",
 		"format-bluetooth-muted": "󰖁  {format_source}",
         "tooltip": false,
 
-		"format-source": "  <span color=\"{{ .themes.gruvbox.red }}\">{volume}</span>%",
+		"format-source": "  <span color=\"#{{ .themes.gruvbox.red }}\">{volume}</span>%",
 		"format-source-muted": "",
 
 		"format-icons": {

home/dot_config/waybar/scripts/executable_bits.sh.tmpl

@@ -5,12 +5,12 @@ bits=""
 
 # Gamemode bit 
 if [ "$(gamemoded -s)" != "gamemode is inactive" ]; then
-    bits+="<span color=\"{{ .themes.gruvbox.blue0 }}\">G</span>"
+    bits+="<span color=\"#{{ .themes.gruvbox.blue0 }}\">G</span>"
 fi
 
 # VPN bit
 if [ -f ~/.wg0 ]; then 
-    bits+="<span color=\"{{ .themes.gruvbox.purple0 }}\">V</span>"
+    bits+="<span color=\"#{{ .themes.gruvbox.purple0 }}\">V</span>"
 fi
 
 # Print bits if there are any

home/dot_config/waybar/style.css.tmpl

@@ -1,16 +1,16 @@
 /* Colors */
-@define-color bg {{ .themes.gruvbox.bg0 }};
+@define-color bg #{{ .themes.gruvbox.bg0 }};
-@define-color bg2 {{ .themes.gruvbox.bg1 }};
+@define-color bg2 #{{ .themes.gruvbox.bg1 }};
-@define-color bg3 {{ .themes.gruvbox.bg2 }};
+@define-color bg3 #{{ .themes.gruvbox.bg2 }};
-@define-color fg {{ .themes.gruvbox.fg }};
+@define-color fg #{{ .themes.gruvbox.fg }};
-@define-color red {{ .themes.gruvbox.red }};
+@define-color red #{{ .themes.gruvbox.red }};
-@define-color green {{ .themes.gruvbox.green }};
+@define-color green #{{ .themes.gruvbox.green }};
-@define-color yellow {{ .themes.gruvbox.yellow }};
+@define-color yellow #{{ .themes.gruvbox.yellow }};
-@define-color blue0 {{ .themes.gruvbox.blue0 }};
+@define-color blue0 #{{ .themes.gruvbox.blue0 }};
-@define-color blue1 {{ .themes.gruvbox.blue1 }};
+@define-color blue1 #{{ .themes.gruvbox.blue1 }};
-@define-color purple0 {{ .themes.gruvbox.purple0 }};
+@define-color purple0 #{{ .themes.gruvbox.purple0 }};
-@define-color purple1 {{ .themes.gruvbox.purple1 }};
+@define-color purple1 #{{ .themes.gruvbox.purple1 }};
-@define-color cyan {{ .themes.gruvbox.cyan }};
+@define-color cyan #{{ .themes.gruvbox.cyan }};
 
 * {
     font-family: JetBrains Mono, Symbols Nerd Font Mono;