From be1d5fa79862c7e615f5a95ff6494259bc2a01b2 Mon Sep 17 00:00:00 2001
From: Evie Litherland-Smith <evie@xenia.me.uk>
Date: Wed, 11 Oct 2023 08:28:27 +0100
Subject: [PATCH] Switch to minimal ironbar implementation

Save reference for later
Enable upower daemon and add simple bar with the essentials for now,
TODO more later
---
 home/hyprland/ironbar/config/config.toml      |  44 +++
 home/hyprland/ironbar/config/style.css        | 288 ++----------------
 .../ironbar/{config => reference}/color.css   |   0
 .../ironbar/{config => reference}/config.corn |   0
 .../{config => reference}/config.toml.bak     |   0
 .../{config => reference}/scripts/battery     |   0
 .../{config => reference}/scripts/cava        |   0
 .../scripts/get_audio_volume                  |   0
 .../{config => reference}/scripts/gtk-tray    |   0
 .../{config => reference}/scripts/mem-ad      |   0
 .../{config => reference}/scripts/memory      |   0
 .../{config => reference}/scripts/music       |   0
 .../{config => reference}/scripts/music_info  |   0
 .../{config => reference}/scripts/n.sh        |   0
 .../ironbar/{config => reference}/scripts/net |   0
 .../ironbar/{config => reference}/scripts/pop |   0
 .../{config => reference}/scripts/ram_info    |   0
 .../scripts/ram_percentage                    |   0
 .../{config => reference}/scripts/sys_info    |   0
 .../{config => reference}/scripts/traffic.sh  |   0
 .../ironbar/{config => reference}/scripts/vol |   0
 .../{config => reference}/scripts/volume      |   0
 .../{config => reference}/scripts/volume_icon |   0
 .../{config => reference}/scripts/weather     |   0
 .../{config => reference}/scripts/wifi        |   0
 .../{config => reference}/scripts/wlr_mode    |   0
 .../{config => reference}/scripts/wlr_window  |   0
 .../{config => reference}/scripts/workspace   |   0
 .../scripts/workspace.bak                     |   0
 .../scripts/workspace_own.sh                  |   0
 .../states/clock/state.sh                     |   0
 .../states/internet/state.sh                  |   0
 .../states/soundbar/expand_soundbar           |   0
 .../states/soundbar/soundbar_state            |   0
 .../states/title/state.sh                     |   0
 home/hyprland/ironbar/reference/style.css     | 266 ++++++++++++++++
 system/default.nix                            |   5 +-
 37 files changed, 345 insertions(+), 258 deletions(-)
 create mode 100644 home/hyprland/ironbar/config/config.toml
 rename home/hyprland/ironbar/{config => reference}/color.css (100%)
 rename home/hyprland/ironbar/{config => reference}/config.corn (100%)
 rename home/hyprland/ironbar/{config => reference}/config.toml.bak (100%)
 rename home/hyprland/ironbar/{config => reference}/scripts/battery (100%)
 rename home/hyprland/ironbar/{config => reference}/scripts/cava (100%)
 rename home/hyprland/ironbar/{config => reference}/scripts/get_audio_volume (100%)
 rename home/hyprland/ironbar/{config => reference}/scripts/gtk-tray (100%)
 rename home/hyprland/ironbar/{config => reference}/scripts/mem-ad (100%)
 rename home/hyprland/ironbar/{config => reference}/scripts/memory (100%)
 rename home/hyprland/ironbar/{config => reference}/scripts/music (100%)
 rename home/hyprland/ironbar/{config => reference}/scripts/music_info (100%)
 rename home/hyprland/ironbar/{config => reference}/scripts/n.sh (100%)
 rename home/hyprland/ironbar/{config => reference}/scripts/net (100%)
 rename home/hyprland/ironbar/{config => reference}/scripts/pop (100%)
 rename home/hyprland/ironbar/{config => reference}/scripts/ram_info (100%)
 rename home/hyprland/ironbar/{config => reference}/scripts/ram_percentage (100%)
 rename home/hyprland/ironbar/{config => reference}/scripts/sys_info (100%)
 rename home/hyprland/ironbar/{config => reference}/scripts/traffic.sh (100%)
 rename home/hyprland/ironbar/{config => reference}/scripts/vol (100%)
 rename home/hyprland/ironbar/{config => reference}/scripts/volume (100%)
 rename home/hyprland/ironbar/{config => reference}/scripts/volume_icon (100%)
 rename home/hyprland/ironbar/{config => reference}/scripts/weather (100%)
 rename home/hyprland/ironbar/{config => reference}/scripts/wifi (100%)
 rename home/hyprland/ironbar/{config => reference}/scripts/wlr_mode (100%)
 rename home/hyprland/ironbar/{config => reference}/scripts/wlr_window (100%)
 rename home/hyprland/ironbar/{config => reference}/scripts/workspace (100%)
 rename home/hyprland/ironbar/{config => reference}/scripts/workspace.bak (100%)
 rename home/hyprland/ironbar/{config => reference}/scripts/workspace_own.sh (100%)
 rename home/hyprland/ironbar/{config => reference}/states/clock/state.sh (100%)
 rename home/hyprland/ironbar/{config => reference}/states/internet/state.sh (100%)
 rename home/hyprland/ironbar/{config => reference}/states/soundbar/expand_soundbar (100%)
 rename home/hyprland/ironbar/{config => reference}/states/soundbar/soundbar_state (100%)
 rename home/hyprland/ironbar/{config => reference}/states/title/state.sh (100%)
 create mode 100644 home/hyprland/ironbar/reference/style.css

diff --git a/home/hyprland/ironbar/config/config.toml b/home/hyprland/ironbar/config/config.toml
new file mode 100644
index 00000000..b570d46f
--- /dev/null
+++ b/home/hyprland/ironbar/config/config.toml
@@ -0,0 +1,44 @@
+anchor_to_edges = true
+icon_theme = "Delta"
+position = "bottom"
+
+[[start]]
+all_monitors = false
+type = "workspaces"
+
+[start.name_map]
+1 = "󰟀" # [t]erminal
+2 = "󰳼" # [d]ev
+3 = "󰖟" # [b]rowser
+4 = "󰃭" # [a]genda (or c[a]lendar)
+5 = "󰝰" # [f]iles
+6 = "󰲸" # [s]potify (or mu[s]ic)
+7 = "󰭹" # [c]hat
+8 = "󰢹" # [r]emote
+9 = "󰊗" # [g]aming
+default = "󰛡"
+special = "󰓎"
+urgent = "󰣘"
+
+[[center]]
+favorites = [ "emacs", "firefox"]
+show_icons = true
+show_names = false
+type = "launcher"
+
+[[end]]
+player_type = "mpris"
+type = "music"
+
+[end.truncate]
+max_length = 100
+mode = "end"
+
+[[end]]
+type = "upower"
+
+[[end]]
+type = "clock"
+
+[[end]]
+type = "tray"
diff --git a/home/hyprland/ironbar/config/style.css b/home/hyprland/ironbar/config/style.css
index 7743428b..047740fd 100644
--- a/home/hyprland/ironbar/config/style.css
+++ b/home/hyprland/ironbar/config/style.css
@@ -1,266 +1,40 @@
-.container {
-  font-family: cjkFonts;
-  font-weight: bold;
-  font-size: 23px;
-}
+@define-color base   #24273a;
+@define-color mantle #1e2030;
+@define-color crust  #181926;
 
-#cava {
-  font-family: renogare;
-}
+@define-color text     #cad3f5;
+@define-color subtext0 #a5adcb;
+@define-color subtext1 #b8c0e0;
 
-.time {
-  font-size: 23px;
-  font-weight: normal;
-  padding: 0px 10px 0px 10px;
-  background: linear-gradient(45deg, rgb(254, 240, 224) 0%, rgb(244, 169, 158) 50%, rgb(238, 214, 215) 100%);
-  background-size: 300% 300%;
-  animation: gradient 5s ease infinite;
-  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.377);
-  box-shadow: rgba(0, 0, 0, 0.288) 2px 2px 5px 2px;
-  border-radius: 16px;
-  margin: 10px 10px 10px 10px;
-  font-family: Renogare;
-}
+@define-color surface0 #363a4f;
+@define-color surface1 #494d64;
+@define-color surface2 #5b6078;
 
-.clock_date {
-  font-family: Renogare;
-  font-weight: normal;
-  font-size: 18;
-  color: rgb(49, 50, 68);
-}
+@define-color overlay0 #6e738d;
+@define-color overlay1 #8087a2;
+@define-color overlay2 #939ab7;
 
+@define-color blue      #8aadf4;
+@define-color lavender  #b7bdf8;
+@define-color sapphire  #7dc4e4;
+@define-color sky       #91d7e3;
+@define-color teal      #8bd5ca;
+@define-color green     #a6da95;
+@define-color yellow    #eed49f;
+@define-color peach     #f5a97f;
+@define-color maroon    #ee99a0;
+@define-color red       #ed8796;
+@define-color mauve     #c6a0f6;
+@define-color pink      #f5bde6;
+@define-color flamingo  #f0c6c6;
+@define-color rosewater #f4dbd6;
 
-.background {
-  background-color: rgba(0, 0, 0, 0)
-}
-
-.popup-clock {
-  font-weight: bolder;
-  background: rgb(36, 39, 58);
-}
-
-.popup-pwr {
-  background: rgb(234, 153, 156);
-  color: rgb(48, 52, 70);
-  background: rgb(238, 190, 190);
-  background: linear-gradient(45deg, rgb(129, 200, 190) 0%, rgb(244, 184, 228) 43%, rgb(153, 209, 219) 80%, rgb(202, 158, 230) 100%);
-  background-size: 300% 300%;
-  animation: gradient 10s ease infinite;
-  border: none;
-}
-
-#power-btn {
-  padding: 0px 20px 0px 20px;
-  margin-top: 10px;
-  margin-bottom: 10px;
-  margin-right: 15px;
-  margin-left: 0px;
-  border-radius: 15px;
-  background: rgb(238, 190, 190);
-  background: linear-gradient(45deg, rgb(129, 200, 190) 0%, rgb(244, 184, 228) 43%, rgb(153, 209, 219) 80%, rgb(202, 158, 230) 100%);
-  background-size: 300% 300%;
-  animation: gradient 10s ease infinite;
-  border: none;
-  font-weight: bolder;
-  box-shadow: rgba(0, 0, 0, 0.25) 2px 2px 5px 2px;
-}
-
-#shutdown {
-  background: rgb(238, 190, 190);
-}
-
-#reboot {
-  background: rgb(140, 170, 238);
-}
-
-#hibernation {
-  box-shadow: rgba(0, 0, 0, 0.35) 2px 2px 5px 2px;
-  background: rgb(153, 209, 219);
-}
-
-/* base */
-.sysinfo .item,
-.script,
-.tray {
-  padding: 0px 10px;
-  margin-top: 10px;
-  margin-bottom: 10px;
-  margin-right: 10px;
-  border-radius: 15px;
-  background: #cdd6f4;
-  color: #516079;
-  box-shadow: rgba(0, 0, 0, 0.116) 2px 2px 5px 2px;
-}
-
-.scale,
-.internet,
-.script {
-  transition: all 0.5s cubic-bezier(0.5, 1, 0.89, 1);
-  margin-top: 10px;
-  margin-bottom: 10px;
-  margin-right: 10px;
-  padding-right: 20px;
-  padding-left: 20px;
-  padding-bottom: 3px;
-  box-shadow: rgba(0, 0, 0, 0.288) 2px 2px 5px 2px;
-  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.377);
-  border-radius: 15px;
-  background: rgb(202, 158, 230);
-  background: linear-gradient(45deg, rgba(202, 158, 230, 1) 0%, rgba(245, 194, 231, 1) 43%, rgba(180, 190, 254, 1) 80%, rgba(137, 180, 250, 1) 100%);
-  background-size: 300% 300%;
-  animation: gradient 5s ease infinite;
-  color: #fff;
-}
-
-
-scale trough {
-  border-radius: 16px;
-  background-color: #E7D4CB;
-  box-shadow: 0 2px 3px 2px rgba(00, 00, 00, 0.4);
-  min-height: 10px;
-  min-width: 70px;
-  margin: 0px 5px 10px 10px;
-}
-
-scale value {
-  color: #77a5bf;
-  font-size: 0px;
-}
-
-scale trough highlight {
-  background-image: linear-gradient(to right, #afcee0 30%, #92B6F4 50%, #77a5bf 100%);
-  border-radius: 10px;
-  background-color: #afcee0;
-}
-
-.focused {
-  color: rgb(84, 111, 175);
-  font-size: 20px;
-  padding: 0px 10px 0px 10px;
-  margin: 10px 10px 10px 0px;
-  background: rgb(238, 190, 190);
-  background: linear-gradient(45deg, rgb(244, 219, 214) 0%, rgb(223, 221, 238) 43%, rgb(245, 208, 225) 100%);
-  background-size: 300% 300%;
-  animation: gradient 5s ease infinite;
-  border-radius: 16px;
-}
-
-
-/* cpu */
-.sysinfo .item:nth-child(1) {
-  background: rgb(180, 190, 254);
-  background: linear-gradient(52deg, rgba(180, 190, 254, 1) 0%, rgba(137, 220, 235, 1) 32%, rgba(137, 180, 250, 1) 72%, rgba(166, 227, 161, 1) 100%);
-  background-size: 300% 300%;
-  animation: gradient 20s ease infinite;
-  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.377);
-  /* background-color: #b4befe; */
-  color: #fff;
-}
-
-.clock {
-  margin-top: 10px;
-  margin-bottom: 10px;
-  margin-right: 10px;
-  padding-right: 20px;
-  padding-left: 20px;
-  padding-bottom: 3px;
-  box-shadow: rgba(0, 0, 0, 0.288) 2px 2px 5px 2px;
-  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.377);
-  border: none;
-  border-radius: 15px;
-  font-size: 24px;
-  background: rgb(202, 158, 230);
-  background: linear-gradient(45deg, rgba(202, 158, 230, 1) 0%, rgba(245, 194, 231, 1) 43%, rgba(180, 190, 254, 1) 80%, rgba(137, 180, 250, 1) 100%);
-  background-size: 300% 300%;
-  animation: gradient 10s ease infinite;
-  color: #fff;
-}
-
-.tray {
-  color: rgb(84, 111, 175);
-  font-size: 15px;
-  padding: 0px 10px 0px 10px;
-  margin: 10px 10px 10px 0px;
-  background: rgb(238, 190, 190);
-  background: linear-gradient(45deg, rgb(244, 219, 214) 0%, rgb(223, 221, 238) 43%, rgb(245, 208, 225) 100%);
-  background-size: 300% 300%;
-  animation: gradient 5s ease infinite;
-  border-radius: 16px;
-}
-
-.tray>.passive {
-  -gtk-icon-effect: dim;
-}
-
-.tray>.needs-attention {
-  -gtk-icon-effect: highlight;
-  background-color: #eb4d4b;
+* {
+    color: @text;
+    font-family: "Fira Sans";
+    /* border: 1px solid @surface2; */
 }
 
 .workspaces {
-  font-family: Renogare;
-  font-weight: normal;
-  font-size: 25px;
-  font-weight: normal;
-  margin: 10px 0px 0px 20px;
-  border-radius: 16px;
+    font-size: 24px;
 }
-
-.workspaces .item {
-  box-shadow: rgba(0, 0, 0, 0.116) 2 2 5 2px;
-  border: unset;
-  background: #fff;
-  border-radius: 15px;
-  margin: 10px 10px 15px 0px;
-  padding: 5px 20px 5px 20px;
-  color: #cba6f7;
-}
-
-.workspaces .item.focused {
-  border: unset;
-  font-size: 25px;
-  transition: all 0.5s cubic-bezier(0.5, 1, 0.89, 1);
-  box-shadow: rgba(0, 0, 0, 0.288) 2 2 5 2px;
-  text-shadow: 0 0 5px rgba(0, 0, 0, 0.377);
-  padding: 5px 10px 5px 10px;
-  border-radius: 16px;
-  margin: 10px 10px 15px 0px;
-  background: rgb(202, 158, 230);
-  background: linear-gradient(45deg, rgba(202, 158, 230, 1) 0%, rgba(245, 194, 231, 1) 43%, rgba(180, 190, 254, 1) 80%, rgba(137, 180, 250, 1) 100%);
-  background-size: 300% 300%;
-  animation: gradient 10s ease infinite;
-  color: #fff;
-}
-
-
-@keyframes gradient {
-  0% {
-    background-position: 0% 50%;
-  }
-
-  50% {
-    background-position: 100% 50%;
-  }
-
-  100% {
-    background-position: 0% 50%;
-  }
-}
-
-
-tooltip.background {
-  background-color: rgba(00, 00, 00, 0.5);
-  font-size: 18;
-  border-radius: 10px;
-  color: #FDFDFD;
-}
-
-tooltip * {
-  padding: 4px;
-  background-color: transparent;
-  color: white;
-}
-
-.host tooltip {
-  background-color: rgba(255, 00, 00, 0.5);
-}
\ No newline at end of file
diff --git a/home/hyprland/ironbar/config/color.css b/home/hyprland/ironbar/reference/color.css
similarity index 100%
rename from home/hyprland/ironbar/config/color.css
rename to home/hyprland/ironbar/reference/color.css
diff --git a/home/hyprland/ironbar/config/config.corn b/home/hyprland/ironbar/reference/config.corn
similarity index 100%
rename from home/hyprland/ironbar/config/config.corn
rename to home/hyprland/ironbar/reference/config.corn
diff --git a/home/hyprland/ironbar/config/config.toml.bak b/home/hyprland/ironbar/reference/config.toml.bak
similarity index 100%
rename from home/hyprland/ironbar/config/config.toml.bak
rename to home/hyprland/ironbar/reference/config.toml.bak
diff --git a/home/hyprland/ironbar/config/scripts/battery b/home/hyprland/ironbar/reference/scripts/battery
similarity index 100%
rename from home/hyprland/ironbar/config/scripts/battery
rename to home/hyprland/ironbar/reference/scripts/battery
diff --git a/home/hyprland/ironbar/config/scripts/cava b/home/hyprland/ironbar/reference/scripts/cava
similarity index 100%
rename from home/hyprland/ironbar/config/scripts/cava
rename to home/hyprland/ironbar/reference/scripts/cava
diff --git a/home/hyprland/ironbar/config/scripts/get_audio_volume b/home/hyprland/ironbar/reference/scripts/get_audio_volume
similarity index 100%
rename from home/hyprland/ironbar/config/scripts/get_audio_volume
rename to home/hyprland/ironbar/reference/scripts/get_audio_volume
diff --git a/home/hyprland/ironbar/config/scripts/gtk-tray b/home/hyprland/ironbar/reference/scripts/gtk-tray
similarity index 100%
rename from home/hyprland/ironbar/config/scripts/gtk-tray
rename to home/hyprland/ironbar/reference/scripts/gtk-tray
diff --git a/home/hyprland/ironbar/config/scripts/mem-ad b/home/hyprland/ironbar/reference/scripts/mem-ad
similarity index 100%
rename from home/hyprland/ironbar/config/scripts/mem-ad
rename to home/hyprland/ironbar/reference/scripts/mem-ad
diff --git a/home/hyprland/ironbar/config/scripts/memory b/home/hyprland/ironbar/reference/scripts/memory
similarity index 100%
rename from home/hyprland/ironbar/config/scripts/memory
rename to home/hyprland/ironbar/reference/scripts/memory
diff --git a/home/hyprland/ironbar/config/scripts/music b/home/hyprland/ironbar/reference/scripts/music
similarity index 100%
rename from home/hyprland/ironbar/config/scripts/music
rename to home/hyprland/ironbar/reference/scripts/music
diff --git a/home/hyprland/ironbar/config/scripts/music_info b/home/hyprland/ironbar/reference/scripts/music_info
similarity index 100%
rename from home/hyprland/ironbar/config/scripts/music_info
rename to home/hyprland/ironbar/reference/scripts/music_info
diff --git a/home/hyprland/ironbar/config/scripts/n.sh b/home/hyprland/ironbar/reference/scripts/n.sh
similarity index 100%
rename from home/hyprland/ironbar/config/scripts/n.sh
rename to home/hyprland/ironbar/reference/scripts/n.sh
diff --git a/home/hyprland/ironbar/config/scripts/net b/home/hyprland/ironbar/reference/scripts/net
similarity index 100%
rename from home/hyprland/ironbar/config/scripts/net
rename to home/hyprland/ironbar/reference/scripts/net
diff --git a/home/hyprland/ironbar/config/scripts/pop b/home/hyprland/ironbar/reference/scripts/pop
similarity index 100%
rename from home/hyprland/ironbar/config/scripts/pop
rename to home/hyprland/ironbar/reference/scripts/pop
diff --git a/home/hyprland/ironbar/config/scripts/ram_info b/home/hyprland/ironbar/reference/scripts/ram_info
similarity index 100%
rename from home/hyprland/ironbar/config/scripts/ram_info
rename to home/hyprland/ironbar/reference/scripts/ram_info
diff --git a/home/hyprland/ironbar/config/scripts/ram_percentage b/home/hyprland/ironbar/reference/scripts/ram_percentage
similarity index 100%
rename from home/hyprland/ironbar/config/scripts/ram_percentage
rename to home/hyprland/ironbar/reference/scripts/ram_percentage
diff --git a/home/hyprland/ironbar/config/scripts/sys_info b/home/hyprland/ironbar/reference/scripts/sys_info
similarity index 100%
rename from home/hyprland/ironbar/config/scripts/sys_info
rename to home/hyprland/ironbar/reference/scripts/sys_info
diff --git a/home/hyprland/ironbar/config/scripts/traffic.sh b/home/hyprland/ironbar/reference/scripts/traffic.sh
similarity index 100%
rename from home/hyprland/ironbar/config/scripts/traffic.sh
rename to home/hyprland/ironbar/reference/scripts/traffic.sh
diff --git a/home/hyprland/ironbar/config/scripts/vol b/home/hyprland/ironbar/reference/scripts/vol
similarity index 100%
rename from home/hyprland/ironbar/config/scripts/vol
rename to home/hyprland/ironbar/reference/scripts/vol
diff --git a/home/hyprland/ironbar/config/scripts/volume b/home/hyprland/ironbar/reference/scripts/volume
similarity index 100%
rename from home/hyprland/ironbar/config/scripts/volume
rename to home/hyprland/ironbar/reference/scripts/volume
diff --git a/home/hyprland/ironbar/config/scripts/volume_icon b/home/hyprland/ironbar/reference/scripts/volume_icon
similarity index 100%
rename from home/hyprland/ironbar/config/scripts/volume_icon
rename to home/hyprland/ironbar/reference/scripts/volume_icon
diff --git a/home/hyprland/ironbar/config/scripts/weather b/home/hyprland/ironbar/reference/scripts/weather
similarity index 100%
rename from home/hyprland/ironbar/config/scripts/weather
rename to home/hyprland/ironbar/reference/scripts/weather
diff --git a/home/hyprland/ironbar/config/scripts/wifi b/home/hyprland/ironbar/reference/scripts/wifi
similarity index 100%
rename from home/hyprland/ironbar/config/scripts/wifi
rename to home/hyprland/ironbar/reference/scripts/wifi
diff --git a/home/hyprland/ironbar/config/scripts/wlr_mode b/home/hyprland/ironbar/reference/scripts/wlr_mode
similarity index 100%
rename from home/hyprland/ironbar/config/scripts/wlr_mode
rename to home/hyprland/ironbar/reference/scripts/wlr_mode
diff --git a/home/hyprland/ironbar/config/scripts/wlr_window b/home/hyprland/ironbar/reference/scripts/wlr_window
similarity index 100%
rename from home/hyprland/ironbar/config/scripts/wlr_window
rename to home/hyprland/ironbar/reference/scripts/wlr_window
diff --git a/home/hyprland/ironbar/config/scripts/workspace b/home/hyprland/ironbar/reference/scripts/workspace
similarity index 100%
rename from home/hyprland/ironbar/config/scripts/workspace
rename to home/hyprland/ironbar/reference/scripts/workspace
diff --git a/home/hyprland/ironbar/config/scripts/workspace.bak b/home/hyprland/ironbar/reference/scripts/workspace.bak
similarity index 100%
rename from home/hyprland/ironbar/config/scripts/workspace.bak
rename to home/hyprland/ironbar/reference/scripts/workspace.bak
diff --git a/home/hyprland/ironbar/config/scripts/workspace_own.sh b/home/hyprland/ironbar/reference/scripts/workspace_own.sh
similarity index 100%
rename from home/hyprland/ironbar/config/scripts/workspace_own.sh
rename to home/hyprland/ironbar/reference/scripts/workspace_own.sh
diff --git a/home/hyprland/ironbar/config/states/clock/state.sh b/home/hyprland/ironbar/reference/states/clock/state.sh
similarity index 100%
rename from home/hyprland/ironbar/config/states/clock/state.sh
rename to home/hyprland/ironbar/reference/states/clock/state.sh
diff --git a/home/hyprland/ironbar/config/states/internet/state.sh b/home/hyprland/ironbar/reference/states/internet/state.sh
similarity index 100%
rename from home/hyprland/ironbar/config/states/internet/state.sh
rename to home/hyprland/ironbar/reference/states/internet/state.sh
diff --git a/home/hyprland/ironbar/config/states/soundbar/expand_soundbar b/home/hyprland/ironbar/reference/states/soundbar/expand_soundbar
similarity index 100%
rename from home/hyprland/ironbar/config/states/soundbar/expand_soundbar
rename to home/hyprland/ironbar/reference/states/soundbar/expand_soundbar
diff --git a/home/hyprland/ironbar/config/states/soundbar/soundbar_state b/home/hyprland/ironbar/reference/states/soundbar/soundbar_state
similarity index 100%
rename from home/hyprland/ironbar/config/states/soundbar/soundbar_state
rename to home/hyprland/ironbar/reference/states/soundbar/soundbar_state
diff --git a/home/hyprland/ironbar/config/states/title/state.sh b/home/hyprland/ironbar/reference/states/title/state.sh
similarity index 100%
rename from home/hyprland/ironbar/config/states/title/state.sh
rename to home/hyprland/ironbar/reference/states/title/state.sh
diff --git a/home/hyprland/ironbar/reference/style.css b/home/hyprland/ironbar/reference/style.css
new file mode 100644
index 00000000..7743428b
--- /dev/null
+++ b/home/hyprland/ironbar/reference/style.css
@@ -0,0 +1,266 @@
+.container {
+  font-family: cjkFonts;
+  font-weight: bold;
+  font-size: 23px;
+}
+
+#cava {
+  font-family: renogare;
+}
+
+.time {
+  font-size: 23px;
+  font-weight: normal;
+  padding: 0px 10px 0px 10px;
+  background: linear-gradient(45deg, rgb(254, 240, 224) 0%, rgb(244, 169, 158) 50%, rgb(238, 214, 215) 100%);
+  background-size: 300% 300%;
+  animation: gradient 5s ease infinite;
+  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.377);
+  box-shadow: rgba(0, 0, 0, 0.288) 2px 2px 5px 2px;
+  border-radius: 16px;
+  margin: 10px 10px 10px 10px;
+  font-family: Renogare;
+}
+
+.clock_date {
+  font-family: Renogare;
+  font-weight: normal;
+  font-size: 18;
+  color: rgb(49, 50, 68);
+}
+
+
+.background {
+  background-color: rgba(0, 0, 0, 0)
+}
+
+.popup-clock {
+  font-weight: bolder;
+  background: rgb(36, 39, 58);
+}
+
+.popup-pwr {
+  background: rgb(234, 153, 156);
+  color: rgb(48, 52, 70);
+  background: rgb(238, 190, 190);
+  background: linear-gradient(45deg, rgb(129, 200, 190) 0%, rgb(244, 184, 228) 43%, rgb(153, 209, 219) 80%, rgb(202, 158, 230) 100%);
+  background-size: 300% 300%;
+  animation: gradient 10s ease infinite;
+  border: none;
+}
+
+#power-btn {
+  padding: 0px 20px 0px 20px;
+  margin-top: 10px;
+  margin-bottom: 10px;
+  margin-right: 15px;
+  margin-left: 0px;
+  border-radius: 15px;
+  background: rgb(238, 190, 190);
+  background: linear-gradient(45deg, rgb(129, 200, 190) 0%, rgb(244, 184, 228) 43%, rgb(153, 209, 219) 80%, rgb(202, 158, 230) 100%);
+  background-size: 300% 300%;
+  animation: gradient 10s ease infinite;
+  border: none;
+  font-weight: bolder;
+  box-shadow: rgba(0, 0, 0, 0.25) 2px 2px 5px 2px;
+}
+
+#shutdown {
+  background: rgb(238, 190, 190);
+}
+
+#reboot {
+  background: rgb(140, 170, 238);
+}
+
+#hibernation {
+  box-shadow: rgba(0, 0, 0, 0.35) 2px 2px 5px 2px;
+  background: rgb(153, 209, 219);
+}
+
+/* base */
+.sysinfo .item,
+.script,
+.tray {
+  padding: 0px 10px;
+  margin-top: 10px;
+  margin-bottom: 10px;
+  margin-right: 10px;
+  border-radius: 15px;
+  background: #cdd6f4;
+  color: #516079;
+  box-shadow: rgba(0, 0, 0, 0.116) 2px 2px 5px 2px;
+}
+
+.scale,
+.internet,
+.script {
+  transition: all 0.5s cubic-bezier(0.5, 1, 0.89, 1);
+  margin-top: 10px;
+  margin-bottom: 10px;
+  margin-right: 10px;
+  padding-right: 20px;
+  padding-left: 20px;
+  padding-bottom: 3px;
+  box-shadow: rgba(0, 0, 0, 0.288) 2px 2px 5px 2px;
+  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.377);
+  border-radius: 15px;
+  background: rgb(202, 158, 230);
+  background: linear-gradient(45deg, rgba(202, 158, 230, 1) 0%, rgba(245, 194, 231, 1) 43%, rgba(180, 190, 254, 1) 80%, rgba(137, 180, 250, 1) 100%);
+  background-size: 300% 300%;
+  animation: gradient 5s ease infinite;
+  color: #fff;
+}
+
+
+scale trough {
+  border-radius: 16px;
+  background-color: #E7D4CB;
+  box-shadow: 0 2px 3px 2px rgba(00, 00, 00, 0.4);
+  min-height: 10px;
+  min-width: 70px;
+  margin: 0px 5px 10px 10px;
+}
+
+scale value {
+  color: #77a5bf;
+  font-size: 0px;
+}
+
+scale trough highlight {
+  background-image: linear-gradient(to right, #afcee0 30%, #92B6F4 50%, #77a5bf 100%);
+  border-radius: 10px;
+  background-color: #afcee0;
+}
+
+.focused {
+  color: rgb(84, 111, 175);
+  font-size: 20px;
+  padding: 0px 10px 0px 10px;
+  margin: 10px 10px 10px 0px;
+  background: rgb(238, 190, 190);
+  background: linear-gradient(45deg, rgb(244, 219, 214) 0%, rgb(223, 221, 238) 43%, rgb(245, 208, 225) 100%);
+  background-size: 300% 300%;
+  animation: gradient 5s ease infinite;
+  border-radius: 16px;
+}
+
+
+/* cpu */
+.sysinfo .item:nth-child(1) {
+  background: rgb(180, 190, 254);
+  background: linear-gradient(52deg, rgba(180, 190, 254, 1) 0%, rgba(137, 220, 235, 1) 32%, rgba(137, 180, 250, 1) 72%, rgba(166, 227, 161, 1) 100%);
+  background-size: 300% 300%;
+  animation: gradient 20s ease infinite;
+  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.377);
+  /* background-color: #b4befe; */
+  color: #fff;
+}
+
+.clock {
+  margin-top: 10px;
+  margin-bottom: 10px;
+  margin-right: 10px;
+  padding-right: 20px;
+  padding-left: 20px;
+  padding-bottom: 3px;
+  box-shadow: rgba(0, 0, 0, 0.288) 2px 2px 5px 2px;
+  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.377);
+  border: none;
+  border-radius: 15px;
+  font-size: 24px;
+  background: rgb(202, 158, 230);
+  background: linear-gradient(45deg, rgba(202, 158, 230, 1) 0%, rgba(245, 194, 231, 1) 43%, rgba(180, 190, 254, 1) 80%, rgba(137, 180, 250, 1) 100%);
+  background-size: 300% 300%;
+  animation: gradient 10s ease infinite;
+  color: #fff;
+}
+
+.tray {
+  color: rgb(84, 111, 175);
+  font-size: 15px;
+  padding: 0px 10px 0px 10px;
+  margin: 10px 10px 10px 0px;
+  background: rgb(238, 190, 190);
+  background: linear-gradient(45deg, rgb(244, 219, 214) 0%, rgb(223, 221, 238) 43%, rgb(245, 208, 225) 100%);
+  background-size: 300% 300%;
+  animation: gradient 5s ease infinite;
+  border-radius: 16px;
+}
+
+.tray>.passive {
+  -gtk-icon-effect: dim;
+}
+
+.tray>.needs-attention {
+  -gtk-icon-effect: highlight;
+  background-color: #eb4d4b;
+}
+
+.workspaces {
+  font-family: Renogare;
+  font-weight: normal;
+  font-size: 25px;
+  font-weight: normal;
+  margin: 10px 0px 0px 20px;
+  border-radius: 16px;
+}
+
+.workspaces .item {
+  box-shadow: rgba(0, 0, 0, 0.116) 2 2 5 2px;
+  border: unset;
+  background: #fff;
+  border-radius: 15px;
+  margin: 10px 10px 15px 0px;
+  padding: 5px 20px 5px 20px;
+  color: #cba6f7;
+}
+
+.workspaces .item.focused {
+  border: unset;
+  font-size: 25px;
+  transition: all 0.5s cubic-bezier(0.5, 1, 0.89, 1);
+  box-shadow: rgba(0, 0, 0, 0.288) 2 2 5 2px;
+  text-shadow: 0 0 5px rgba(0, 0, 0, 0.377);
+  padding: 5px 10px 5px 10px;
+  border-radius: 16px;
+  margin: 10px 10px 15px 0px;
+  background: rgb(202, 158, 230);
+  background: linear-gradient(45deg, rgba(202, 158, 230, 1) 0%, rgba(245, 194, 231, 1) 43%, rgba(180, 190, 254, 1) 80%, rgba(137, 180, 250, 1) 100%);
+  background-size: 300% 300%;
+  animation: gradient 10s ease infinite;
+  color: #fff;
+}
+
+
+@keyframes gradient {
+  0% {
+    background-position: 0% 50%;
+  }
+
+  50% {
+    background-position: 100% 50%;
+  }
+
+  100% {
+    background-position: 0% 50%;
+  }
+}
+
+
+tooltip.background {
+  background-color: rgba(00, 00, 00, 0.5);
+  font-size: 18;
+  border-radius: 10px;
+  color: #FDFDFD;
+}
+
+tooltip * {
+  padding: 4px;
+  background-color: transparent;
+  color: white;
+}
+
+.host tooltip {
+  background-color: rgba(255, 00, 00, 0.5);
+}
\ No newline at end of file
diff --git a/system/default.nix b/system/default.nix
index 69184961..fa2e19b3 100644
--- a/system/default.nix
+++ b/system/default.nix
@@ -49,7 +49,10 @@ in {
   };
   console.keyMap = "uk";
   programs.ssh.startAgent = true;
-  services.power-profiles-daemon.enable = true;
+  services = {
+    upower.enable = true;
+    power-profiles-daemon.enable = true;
+  };
   virtualisation.podman.enable = true;
   time.timeZone = "Europe/London";
   i18n = let locale = "en_GB.UTF-8";