Add fetch and install scripts

- Add fetch script which fetches the current config that is used by the
  system into the git repo
- Add install script which copies the config in the repo into the config
  folder for the user
- Add waybar as config

configs

@@ -0,0 +1,2 @@
+nvim    ~/.config/nvim
+waybar  ~/.config/waybar

fetch.sh

@@ -0,0 +1,12 @@
+fetch() {
+    path=$1
+    name=$2
+    rm -rf $name
+    cp -r $path $name
+}
+
+while read name path; do
+    eval "name=$name" # re-evaluate the string as a path
+    eval "path=$path" # re-evaluate the string as a path
+    fetch $path $name
+done <configs

install.sh

@@ -0,0 +1,25 @@
+parameter=$1
+
+install() {
+    if [[ $parameter == "all" ]] || [[ $parameter == $1 ]]; then
+        echo "Installing $1 config in $2"
+        rm -rf $2_backup/
+        mv $2/ $2_backup/
+        cp -r $1 $2/
+    fi
+}
+
+if [[ $parameter == '' ]]; then
+    echo "No config specified, the following configs are available:"
+    echo "  all - all of the config files"
+    while read name path; do
+        echo "  $name"
+    done <configs
+    exit
+fi
+
+while read name path; do
+    eval "name=$name" # re-evaluate the string as a path
+    eval "path=$path" # re-evaluate the string as a path
+    install $name $path
+done <configs

waybar/colors.css

@@ -0,0 +1,20 @@
+@define-color white #f8bf9f;
+@define-color whiteAlt #f6a678;
+@define-color black #5f2606;
+@define-color blackAlt #863608;
+@define-color red #f78787;
+@define-color redAlt #770707;
+@define-color green #87f787;
+@define-color greenAlt #077707;
+@define-color yellow #f7f787;
+@define-color yellowAlt #777707;
+@define-color blue #8787f7;
+@define-color blueAlt #070777;
+@define-color purple #f787f7;
+@define-color purpleAlt #770777;
+@define-color cyan #87f7f7;
+@define-color cyanAlt #077777;
+@define-color foreground #f8bf9f;
+@define-color foregroundAlt #f6a678;
+@define-color background #5f2606;
+@define-color backgroundAlt #863608;

waybar/config

@@ -0,0 +1,157 @@
+{
+  "layer": "top",
+  "position": "top",
+  "reload_style_on_change": true,
+  "modules-left": ["custom/pacman","tray"],
+  "modules-center": ["hyprland/workspaces"],
+  "modules-right": ["custom/hyperx", "pulseaudio", "cpu", "temperature", "memory", "clock","custom/notification", "custom/power"],
+
+
+  "hyprland/workspaces": {
+    "format": "{icon}"
+  },
+  "custom/notification": {
+    "tooltip": false,
+    "format": "",
+    "on-click": "swaync-client -t -sw",
+    "escape": true
+  },
+  "clock": {
+    "format": "{:%a-%V %Y-%m-%d %H:%M:%S} ",
+    "interval": 1,   
+    "tooltip-format": "<tt>{calendar}</tt>",
+    "calendar": {
+      "weeks-pos": "left",
+      "locale": "sv_SE",
+      "format": {
+        "weeks": "<span><b>{:%V}</b></span>",
+        "today": "<span><u><b>{}</b></u></span>"
+      }
+    },
+    "actions": {
+      "on-scroll-down": "shift_down",
+      "on-scroll-up": "shift_up"
+    }
+  },
+  "network": {
+    "format-wifi": "",
+    "format-ethernet":"",
+    "format-disconnected": "",
+    "tooltip-format-disconnected": "Error",
+    "tooltip-format-wifi": "{essid} ({signalStrength}%) ",
+    "tooltip-format-ethernet": "{ifname} 🖧 ",
+    "on-click": "kitty nmtui"
+  },
+  "bluetooth": {
+    "format-on": "󰂯",
+    "format-off": "BT-off",
+    "format-disabled": "󰂲",
+    "format-connected-battery": "{device_battery_percentage}% 󰂯",
+    "format-alt": "{device_alias} 󰂯",
+    "tooltip-format": "{controller_alias}\t{controller_address}\n\n{num_connections} connected",
+    "tooltip-format-connected": "{controller_alias}\t{controller_address}\n\n{num_connections} connected\n\n{device_enumerate}",
+    "tooltip-format-enumerate-connected": "{device_alias}\n{device_address}",
+    "tooltip-format-enumerate-connected-battery": "{device_alias}\n{device_address}\n{device_battery_percentage}%",
+    "on-click-right": "blueman-manager"
+  }, 
+  "battery": {
+    "interval":30,
+    "states": {
+      "good": 95,
+      "warning": 30,
+      "critical": 20
+    },
+    "format": "{capacity}% {icon}",
+    "format-charging": "{capacity}% 󰂄",
+    "format-plugged": "{capacity}% 󰂄 ",
+    "format-alt": "{time} {icon}",
+    "format-icons": [
+      "󰁻",
+      "󰁼",
+      "󰁾",
+      "󰂀",
+      "󰂂",
+      "󰁹"
+    ]
+  },
+  "custom/pacman": {
+    "format": "󰅢   {}",
+    "interval": 30,   
+    "exec": "checkupdates | wc -l",
+    "exec-if": "exit 0",
+    "on-click": "kitty --title kitty-update sh -c 'sudo pacman -Syu | tee ~/.cache/pacman.log; echo ''Done! Log written to ~/.cache/pacman.log''; sleep 1'",
+    "signal": 8,
+    "tooltip": false
+  },
+  "custom/hyperx": {
+    "format": " {}%",
+    "interval": 60,
+    "exec": "cat /tmp/hyperx/battery",
+    "exec-if": "exit 0",
+  },
+  "custom/power": { 
+    "format":" ",
+    "on-click": "~/Scripts/rofi_power.sh"
+  },
+  "custom/expand": {
+    "format": "",
+    "tooltip": false
+  },
+  "custom/endpoint":{
+    "format": "aa |  aa",
+    "tooltip": false
+  },
+  "group/expand": {
+    "orientation": "horizontal",
+    "drawer": {
+      "transition-duration": 600,
+      "transition-to-left": true,
+      "click-to-reveal": true
+    },
+    "modules": ["custom/expand", "custom/colorpicker", "cpu","memory","temperature","custom/endpoint"]
+  },
+  "custom/colorpicker": {
+    "format": "xdd {}",
+    "return-type": "json",
+    "interval": "once",
+    "exec": "~/.config/waybar/scripts/colorpicker.sh -j",
+    "on-click": "~/.config/waybar/scripts/colorpicker.sh",
+    "signal": 1
+  },
+  "cpu": {
+    "format": "󰻠 {usage}%",
+    "tooltip": true
+  },
+  "memory": {
+    "format": "  {used} GiB"
+  },
+  "temperature": {
+    "critical-threshold": 80,
+    "format": " {}°C",
+    "hwmon-path": "/tmp/temperature",
+    "interval": 1 
+  },
+  "tray": {
+    "icon-size": 14,
+    "spacing": 10
+  },
+
+  "pulseaudio": {
+    "format": "{icon} {volume}%  {format_source}",
+    "format-bluetooth": "{volume}% {icon} {format_source}",
+    "format-bluetooth-muted": " {icon} {format_source}",
+    "format-muted": " {format_source}",
+    "format-source": " {volume}%",
+    "format-source-muted": "",
+    "format-icons": {
+      "headphone": "",
+      "hands-free": "",
+      "headset": "",
+      "phone": "",
+      "portable": "",
+      "car": "",
+      "default": ["", "", ""]
+    }
+  }
+} 
+

waybar/scripts/colorpicker.sh

@@ -0,0 +1,54 @@
+#!/usr/bin/env bash
+check() {
+  command -v "$1" 1>/dev/null
+}
+
+
+
+loc="$HOME/.cache/colorpicker"
+[ -d "$loc" ] || mkdir -p "$loc"
+[ -f "$loc/colors" ] || touch "$loc/colors"
+
+limit=10
+
+[[ $# -eq 1 && $1 = "-l" ]] && {
+  cat "$loc/colors"
+  exit
+}
+
+[[ $# -eq 1 && $1 = "-j" ]] && {
+  text="$(head -n 1 "$loc/colors")"
+
+  mapfile -t allcolors < <(tail -n +2 "$loc/colors")
+  # allcolors=($(tail -n +2 "$loc/colors"))
+  tooltip="<b>   COLORS</b>\n\n"
+
+  tooltip+="-> <b>$text</b>  <span color='$text'></span>  \n"
+  for i in "${allcolors[@]}"; do
+    tooltip+="   <b>$i</b>  <span color='$i'></span>  \n"
+  done
+
+  cat <<EOF
+{ "text":"<span color='$text'></span>", "tooltip":"$tooltip"}  
+EOF
+
+  exit
+}
+
+check hyprpicker || {
+  notify "hyprpicker is not installed"
+  exit
+}
+killall -q hyprpicker
+color=$(hyprpicker)
+
+check wl-copy && {
+  echo "$color" | sed -z 's/\n//g' | wl-copy
+}
+
+prevColors=$(head -n $((limit - 1)) "$loc/colors")
+echo "$color" >"$loc/colors"
+echo "$prevColors" >>"$loc/colors"
+sed -i '/^$/d' "$loc/colors"
+source ~/.cache/wal/colors.sh && notify-send "Color Picker" "This color has been selected: $color" -i $wallpaper
+pkill -RTMIN+1 waybar

waybar/scripts/refresh.sh

@@ -0,0 +1,13 @@
+#!/bin/bash
+
+# Check if waybar is running
+if pgrep -x "waybar" > /dev/null; then
+    # If running, kill the waybar process
+    pkill -x "waybar"
+    waybar &
+else
+    # If not running, start waybar
+    waybar &
+fi
+
+

waybar/scripts/select.sh

@@ -0,0 +1,33 @@
+#!/bin/bash
+WAYBAR_DIR="$HOME/.config/waybar"
+STYLECSS="$WAYBAR_DIR/style.css"
+CONFIG="$WAYBAR_DIR/config"
+ASSETS="$WAYBAR_DIR/assets"
+THEMES="$WAYBAR_DIR/themes"
+menu() {
+    find "${ASSETS}" -type f \( -iname "*.jpg" -o -iname "*.jpeg" -o -iname "*.png" -o -iname "*.gif" \) | awk '{print "img:"$0}'
+}
+main() {
+    choice=$(menu | wofi -c ~/.config/wofi/waybar -s ~/.config/wofi/style-waybar.css --show dmenu --prompt "  Select Waybar (Scroll with Arrows)" -n)
+    selected_wallpaper=$(echo "$choice" | sed 's/^img://')
+    echo $selected_wallpaper
+    if [[ "$selected_wallpaper" == "$ASSETS/experimental.png" ]]; then
+        cat $THEMES/experimental/style-experimental.css > $STYLECSS
+        cat $THEMES/experimental/config-experimental > $CONFIG
+        pkill waybar && waybar
+    elif [[ "$selected_wallpaper" == "$ASSETS/main.png" ]]; then
+        cat $THEMES/default/style-default.css > $STYLECSS
+        cat $THEMES/default/config-default > $CONFIG
+        pkill waybar && waybar
+    elif [[ "$selected_wallpaper" == "$ASSETS/line.png" ]]; then
+        cat $THEMES/line/style-line.css > $STYLECSS
+        cat $THEMES/line/config-line > $CONFIG
+        pkill waybar && waybar
+    elif [[ "$selected_wallpaper" == "$ASSETS/zen.png" ]]; then
+        cat $THEMES/zen/style-zen.css > $STYLECSS
+        cat $THEMES/zen/config-zen > $CONFIG
+        pkill waybar && waybar
+    fi
+
+}
+main

waybar/style.css

@@ -0,0 +1,222 @@
+@import url('./colors.css');
+
+* {
+  font-size: 15px;
+  font-family: "DejaVu Sans";
+}
+window#waybar{
+  all:unset;
+}
+.modules-left {
+  padding: 7px;
+  margin: 5px 0px 5px 10px;
+  border-radius:10px;
+  background: alpha(@background, .7);
+  box-shadow: 0px 0px 2px rgba(0, 0, 0, .6);
+}
+.modules-center {
+  padding:7px;
+  margin:5px 0px 5px 0px;
+  border-radius:10px;
+  background: alpha(@background,.7);
+  box-shadow: 0px 0px 2px rgba(0, 0, 0, .6);
+}
+.modules-right {
+  padding:7px;
+  margin: 5px 10px 5px 0px;
+  border-radius:10px;
+  background: alpha(@background,.7);
+  box-shadow: 0px 0px 2px rgba(0, 0, 0, .6);
+}
+
+tooltip {
+  background-color: alpha(@background, 0.7);
+  color: @foreground;
+}
+
+tooltip * {
+  color: @foregroundAlt;
+}
+
+#clock:hover, #custom-power:hover, #custom-pacman:hover, #custom-notification:hover,#bluetooth:hover,#network:hover,#battery:hover, #cpu:hover,#memory:hover,#temperature:hover{
+  transition: all .3s ease;
+  color: @foregroundAlt;
+}
+
+#weeks {
+  color: @foreground;
+}
+#today {
+  color: @foreground;
+}
+
+#custom-notification {
+  padding: 0px 5px;
+  transition: all .3s ease;
+  color:@foreground;
+}
+
+#clock{
+  padding: 0px 0px 0px 10px;
+  color:@foreground;
+  transition: all .3s ease;
+}
+
+#custom-pacman{
+  padding: 0px 10px 0px 0px;
+  transition: all .3s ease;
+  color:@foreground;
+}
+
+#custom-hyperx{
+  padding: 0px 0px 0px 10px;
+  transition: all .3s ease;
+  color:@foreground;
+}
+
+#custom-power {
+  padding: 0px 0px 0px 10px;
+  transition: all .3s ease;
+  color: @foreground;
+}
+
+#workspaces {
+  padding: 0px 5px;
+}
+#workspaces button {
+  all:unset;
+  padding: 0px 5px 0px 5px;
+  border-radius: 6px;
+  color: @foreground;
+  background-color: transparent;
+  transition: all .2s ease;
+}
+#workspaces button:hover {
+  color: @backgroundAlt;
+  background-color: @foregroundAlt;
+  border: none;
+  text-shadow: 0px 0px 1.5px rgba(0, 0, 0, .5);
+  transition: all 0.2s ease;
+}
+#workspaces button.active {
+  color: @backgroundAlt;
+  background-color: @foreground;
+  border-radius: 6px;
+  border: none;
+  text-shadow: 0px 0px 2px rgba(0, 0, 0, .5);
+  transition: all .2s ease;
+}
+#workspaces button.urgent {
+  color: @background;
+  background-color: @red;
+  border-radius: 6px;
+  border: none;
+  text-shadow: 0px 0px 2px rgba(0, 0, 0, .5);
+  transition: all .2s ease;
+}
+#workspaces button.empty {
+  color: alpha(@foreground, 0.2);
+  border: none;
+  text-shadow: 0px 0px 1.5px rgba(0, 0, 0, .2);
+  transition: all .2s ease;
+}
+#workspaces button.empty:hover {
+  color: @backgroundAlt;
+  background-color: @foregroundAlt;
+  color: rgba(0,0,0,0);
+  border: none;
+  text-shadow: 0px 0px 1.5px rgba(0, 0, 0, .5);
+  transition: all 0.2s ease;
+}
+#workspaces button.empty.active {
+  color: @backgroundAlt;
+  background-color: @foreground;
+  border-radius: 6px;
+  border: none;
+  text-shadow: 0px 0px 2px rgba(0, 0, 0, .5);
+  transition: all .2s ease;
+}
+#bluetooth{
+  padding: 0px 0px 0px 10px;
+  transition: all .3s ease;
+  color:@foreground;
+
+}
+#network{
+  padding: 0px 0px 0px 10px;
+  transition: all .3s ease;
+  color:@foreground;
+
+}
+#battery{
+  padding: 0px 0px 0px 10px;
+  transition: all .3s ease;
+  color:@foreground;
+
+
+}
+#battery.charging {
+  color: @green;
+}
+
+#battery.warning:not(.charging) {
+  color: @yellow;
+}
+
+#battery.critical:not(.charging) {
+  color: @red;
+  animation-name: blink;
+  animation-duration: 0.5s;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+  animation-direction: alternate;
+}
+#group-expand{
+  padding: 0px 0px 0px 10px;
+  transition: all .3s ease; 
+}
+#custom-expand{
+  padding: 0px 0px 0px 10px;
+  color: alpha(@foreground,.5);
+  text-shadow: 0px 0px 2px rgba(0, 0, 0, .7);
+  transition: all .3s ease; 
+}
+#custom-expand:hover{
+  color: @foreground;
+  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7);
+}
+#custom-colorpicker{
+  padding: 0px 0px 0px 10px;
+  color:transparent;
+}
+#cpu, #memory, #temperature{
+  padding: 0px 0px 0px 10px;
+  transition: all .3s ease; 
+  color:@foreground;
+
+}
+#custom-endpoint{
+  color:@foreground;
+  text-shadow: 0px 0px 1.5px rgba(0, 0, 0, 1);
+
+}
+#tray{
+  padding: 0px 10px 0px 0px;
+  transition: all .3s ease; 
+
+}
+#tray menu * {
+  padding: 0px 0px 0px 10px;
+  transition: all .3s ease; 
+}
+
+#tray menu separator {
+  padding: 0px 0px 0px 10px;
+  transition: all .3s ease; 
+}
+
+#pulseaudio{
+  padding: 0px 0px 0px 10px;
+  color:@foreground;
+  transition: all .3s ease;
+}

waybar/themes/default/config-default

@@ -0,0 +1,132 @@
+{
+        "layer": "top",
+        "position": "top",
+        "reload_style_on_change": true,
+        "modules-left": ["custom/notification","clock","custom/pacman","tray"],
+        "modules-center": ["hyprland/workspaces"],
+        "modules-right": ["group/expand","bluetooth","network","battery"],
+
+
+        "hyprland/workspaces": {
+            "format": "{icon}",
+            "format-icons": {
+                "active": "",
+                "default": "",
+                "empty": ""
+            },
+            "persistent-workspaces": {
+                "*": [ 1,2,3,4,5 ]
+            }
+        },
+        "custom/notification": {
+            "tooltip": false,
+            "format": "",
+            "on-click": "swaync-client -t -sw",
+            "escape": true
+        },
+        "clock": {
+            "format": "{:%I:%M:%S %p} ",
+            "interval": 1,   
+            "tooltip-format": "<tt>{calendar}</tt>",
+            "calendar": {
+                "format": {
+                    "today": "<span color='#fAfBfC'><b>{}</b></span>"
+                }
+            },
+            "actions": {
+                "on-click-right": "shift_down",
+                "on-click": "shift_up"
+            }
+        },
+        "network": {
+            "format-wifi": "",
+            "format-ethernet":"",
+            "format-disconnected": "",
+            "tooltip-format-disconnected": "Error",
+            "tooltip-format-wifi": "{essid} ({signalStrength}%) ",
+            "tooltip-format-ethernet": "{ifname} 🖧 ",
+            "on-click": "kitty nmtui"
+        },
+        "bluetooth": {
+            "format-on": "󰂯",
+            "format-off": "BT-off",
+            "format-disabled": "󰂲",
+            "format-connected-battery": "{device_battery_percentage}% 󰂯",
+            "format-alt": "{device_alias} 󰂯",
+            "tooltip-format": "{controller_alias}\t{controller_address}\n\n{num_connections} connected",
+            "tooltip-format-connected": "{controller_alias}\t{controller_address}\n\n{num_connections} connected\n\n{device_enumerate}",
+            "tooltip-format-enumerate-connected": "{device_alias}\n{device_address}",
+            "tooltip-format-enumerate-connected-battery": "{device_alias}\n{device_address}\n{device_battery_percentage}%",
+            "on-click-right": "blueman-manager",
+        }, 
+        "battery": {
+            "interval":30,
+            "states": {
+                "good": 95,
+                "warning": 30,
+                "critical": 20
+            },
+            "format": "{capacity}% {icon}",
+            "format-charging": "{capacity}% 󰂄",
+            "format-plugged": "{capacity}% 󰂄 ",
+            "format-alt": "{time} {icon}",
+            "format-icons": [
+                "󰁻",
+            "󰁼",
+            "󰁾",
+            "󰂀",
+            "󰂂",
+            "󰁹"
+            ],
+        },
+        "custom/pacman": {
+            "format": "󰅢 {}",
+            "interval": 30,   
+            "exec": "checkupdates | wc -l",
+            "exec-if": "exit 0",
+            "on-click": "kitty sh -c 'yay -Syu; echo Done - Press enter to exit; read'; pkill -SIGRTMIN+8 waybar",
+            "signal": 8,
+            "tooltip": false,
+        },
+        "custom/expand": {
+            "format": "",
+            "tooltip": false
+        },
+        "custom/endpoint":{
+            "format": "|",
+            "tooltip": false
+        },
+        "group/expand": {
+            "orientation": "horizontal",
+            "drawer": {
+                "transition-duration": 600,
+                "transition-to-left": true,
+                "click-to-reveal": true
+            },
+            "modules": ["custom/expand", "custom/colorpicker","cpu","memory","temperature","custom/endpoint"],
+        },
+        "custom/colorpicker": {
+            "format": "{}",
+            "return-type": "json",
+            "interval": "once",
+            "exec": "~/.config/waybar/scripts/colorpicker.sh -j",
+            "on-click": "~/.config/waybar/scripts/colorpicker.sh",
+            "signal": 1
+        },
+        "cpu": {
+            "format": "󰻠",
+            "tooltip": true
+        },
+        "memory": {
+            "format": ""
+        },
+        "temperature": {
+            "critical-threshold": 80,
+            "format": "",
+        },
+        "tray": {
+            "icon-size": 14,
+            "spacing": 10
+        },
+} 
+

waybar/themes/default/style-default.css

@@ -0,0 +1,167 @@
+@import url('../../.cache/wal/colors-waybar.css');
+
+* {
+    font-size:15px;
+    font-family: "CodeNewRoman Nerd Font Propo";
+}
+window#waybar{
+    all:unset;
+}
+.modules-left {
+    padding:7px;
+    margin:10 0 5 10;
+    border-radius:10px;
+    background: alpha(@background,.6);
+    box-shadow: 0px 0px 2px rgba(0, 0, 0, .6);
+}
+.modules-center {
+    padding:7px;
+    margin:10 0 5 0;
+    border-radius:10px;
+    background: alpha(@background,.6);
+    box-shadow: 0px 0px 2px rgba(0, 0, 0, .6);
+}
+.modules-right {
+    padding:7px;
+    margin: 10 10 5 0;
+    border-radius:10px;
+    background: alpha(@background,.6);
+    box-shadow: 0px 0px 2px rgba(0, 0, 0, .6);
+}
+tooltip {
+    background:@background;
+    color: @color7;
+}
+#clock:hover, #custom-pacman:hover, #custom-notification:hover,#bluetooth:hover,#network:hover,#battery:hover, #cpu:hover,#memory:hover,#temperature:hover{
+    transition: all .3s ease;
+    color:@color9;
+}
+#custom-notification {
+    padding: 0px 5px;
+    transition: all .3s ease;
+    color:@color7;
+}
+#clock{
+    padding: 0px 5px;
+    color:@color7;
+    transition: all .3s ease;
+}
+#custom-pacman{
+    padding: 0px 5px;
+    transition: all .3s ease;
+    color:@color7;
+
+}
+#workspaces {
+    padding: 0px 5px;
+}
+#workspaces button {
+    all:unset;
+    padding: 0px 5px;
+    color: alpha(@color9,.4);
+    transition: all .2s ease;
+}
+#workspaces button:hover {
+    color:rgba(0,0,0,0);
+    border: none;
+    text-shadow: 0px 0px 1.5px rgba(0, 0, 0, .5);
+    transition: all 1s ease;
+}
+#workspaces button.active {
+    color: @color9;
+    border: none;
+    text-shadow: 0px 0px 2px rgba(0, 0, 0, .5);
+}
+#workspaces button.empty {
+    color: rgba(0,0,0,0);
+    border: none;
+    text-shadow: 0px 0px 1.5px rgba(0, 0, 0, .2);
+}
+#workspaces button.empty:hover {
+    color: rgba(0,0,0,0);
+    border: none;
+    text-shadow: 0px 0px 1.5px rgba(0, 0, 0, .5);
+    transition: all 1s ease;
+}
+#workspaces button.empty.active {
+    color: @color9;
+    border: none;
+    text-shadow: 0px 0px 2px rgba(0, 0, 0, .5);
+}
+#bluetooth{
+    padding: 0px 5px;
+    transition: all .3s ease;
+    color:@color7;
+
+}
+#network{
+    padding: 0px 5px;
+    transition: all .3s ease;
+    color:@color7;
+
+}
+#battery{
+    padding: 0px 5px;
+    transition: all .3s ease;
+    color:@color7;
+
+
+}
+#battery.charging {
+    color: #26A65B;
+}
+
+#battery.warning:not(.charging) {
+    color: #ffbe61;
+}
+
+#battery.critical:not(.charging) {
+    color: #f53c3c;
+    animation-name: blink;
+    animation-duration: 0.5s;
+    animation-timing-function: linear;
+    animation-iteration-count: infinite;
+    animation-direction: alternate;
+}
+#group-expand{
+    padding: 0px 5px;
+    transition: all .3s ease; 
+}
+#custom-expand{
+    padding: 0px 5px;
+    color:alpha(@foreground,.2);
+    text-shadow: 0px 0px 2px rgba(0, 0, 0, .7);
+    transition: all .3s ease; 
+}
+#custom-expand:hover{
+    color:rgba(255,255,255,.2);
+    text-shadow: 0px 0px 2px rgba(255, 255, 255, .5);
+}
+#custom-colorpicker{
+    padding: 0px 5px;
+}
+#cpu,#memory,#temperature{
+    padding: 0px 5px;
+    transition: all .3s ease; 
+    color:@color7;
+
+}
+#custom-endpoint{
+    color:transparent;
+    text-shadow: 0px 0px 1.5px rgba(0, 0, 0, 1);
+
+}
+#tray{
+    padding: 0px 5px;
+    transition: all .3s ease; 
+
+}
+#tray menu * {
+    padding: 0px 5px;
+    transition: all .3s ease; 
+}
+
+#tray menu separator {
+    padding: 0px 5px;
+    transition: all .3s ease; 
+}

waybar/themes/experimental/config-experimental

@@ -0,0 +1,132 @@
+{
+        "layer": "top",
+        "position": "top",
+        "reload_style_on_change": true,
+        "modules-left": ["custom/notification","clock","custom/pacman","tray"],
+        "modules-center": ["hyprland/workspaces"],
+        "modules-right": ["group/expand","bluetooth","network","battery"],
+
+
+        "hyprland/workspaces": {
+            "format": "{icon}",
+            "format-icons": {
+                "active": "",
+                "default": "",
+                "empty": ""
+            },
+            "persistent-workspaces": {
+                "*": [ 1,2,3,4,5 ]
+            }
+        },
+        "custom/notification": {
+            "tooltip": false,
+            "format": "",
+            "on-click": "swaync-client -t -sw",
+            "escape": true
+        },
+        "clock": {
+            "format": "{:%I:%M:%S %p} ",
+            "interval": 1,   
+            "tooltip-format": "<tt>{calendar}</tt>",
+            "calendar": {
+                "format": {
+                    "today": "<span color='#fAfBfC'><b>{}</b></span>"
+                }
+            },
+            "actions": {
+                "on-click-right": "shift_down",
+                "on-click": "shift_up"
+            }
+        },
+        "network": {
+            "format-wifi": "",
+            "format-ethernet":"",
+            "format-disconnected": "",
+            "tooltip-format-disconnected": "Error",
+            "tooltip-format-wifi": "{essid} ({signalStrength}%) ",
+            "tooltip-format-ethernet": "{ifname} 🖧 ",
+            "on-click": "kitty nmtui"
+        },
+        "bluetooth": {
+            "format-on": "󰂯",
+            "format-off": "BT-off",
+            "format-disabled": "󰂲",
+            "format-connected-battery": "{device_battery_percentage}% 󰂯",
+            "format-alt": "{device_alias} 󰂯",
+            "tooltip-format": "{controller_alias}\t{controller_address}\n\n{num_connections} connected",
+            "tooltip-format-connected": "{controller_alias}\t{controller_address}\n\n{num_connections} connected\n\n{device_enumerate}",
+            "tooltip-format-enumerate-connected": "{device_alias}\n{device_address}",
+            "tooltip-format-enumerate-connected-battery": "{device_alias}\n{device_address}\n{device_battery_percentage}%",
+            "on-click-right": "blueman-manager",
+        }, 
+        "battery": {
+            "interval":30,
+            "states": {
+                "good": 95,
+                "warning": 30,
+                "critical": 20
+            },
+            "format": "{capacity}% {icon}",
+            "format-charging": "{capacity}% 󰂄",
+            "format-plugged": "{capacity}% 󰂄 ",
+            "format-alt": "{time} {icon}",
+            "format-icons": [
+                "󰁻",
+            "󰁼",
+            "󰁾",
+            "󰂀",
+            "󰂂",
+            "󰁹"
+            ],
+        },
+        "custom/pacman": {
+            "format": "󰅢 {}",
+            "interval": 30,   
+            "exec": "checkupdates | wc -l",
+            "exec-if": "exit 0",
+            "on-click": "kitty sh -c 'yay -Syu; echo Done - Press enter to exit; read'; pkill -SIGRTMIN+8 waybar",
+            "signal": 8,
+            "tooltip": false,
+        },
+        "custom/expand": {
+            "format": "",
+            "tooltip": false
+        },
+        "custom/endpoint":{
+            "format": "|",
+            "tooltip": false
+        },
+        "group/expand": {
+            "orientation": "horizontal",
+            "drawer": {
+                "transition-duration": 600,
+                "transition-to-left": true,
+                "click-to-reveal": true
+            },
+            "modules": ["custom/expand", "custom/colorpicker","cpu","memory","temperature","custom/endpoint"],
+        },
+        "custom/colorpicker": {
+            "format": "{}",
+            "return-type": "json",
+            "interval": "once",
+            "exec": "~/.config/waybar/scripts/colorpicker.sh -j",
+            "on-click": "~/.config/waybar/scripts/colorpicker.sh",
+            "signal": 1
+        },
+        "cpu": {
+            "format": "󰻠",
+            "tooltip": true
+        },
+        "memory": {
+            "format": ""
+        },
+        "temperature": {
+            "critical-threshold": 80,
+            "format": "",
+        },
+        "tray": {
+            "icon-size": 14,
+            "spacing": 10
+        },
+} 
+

waybar/themes/experimental/style-experimental.css

@@ -0,0 +1,182 @@
+@import url('../../.cache/wal/colors-waybar.css');
+* {
+    font-size:15px;
+    font-family: "CodeNewRoman Nerd Font Propo";
+}
+window#waybar{
+    all:unset;
+}
+.modules-left {
+    padding:7px;
+    margin:10 0 5 10;
+    border-radius:10px;
+    background: alpha(@background,.6);
+    box-shadow: 0px 0px 2px rgba(0, 0, 0, .6);
+}
+.modules-center {
+    padding:7px;
+    margin:10 0 5 0;
+    border-radius:10px;
+    background: alpha(@background,.6);
+    box-shadow: 0px 0px 2px rgba(0, 0, 0, .6);
+    min-width: 150.5px;
+}
+.modules-right {
+    padding:7px;
+    margin: 10 10 5 0;
+    border-radius:10px;
+    background: alpha(@background,.6);
+    box-shadow: 0px 0px 2px rgba(0, 0, 0, .6);
+}
+tooltip {
+    background:@background;
+    color: @color7;
+}
+#clock:hover, #custom-pacman:hover, #custom-notification:hover,#bluetooth:hover,#network:hover,#battery:hover, #cpu:hover,#memory:hover,#temperature:hover{
+    transition: all .3s ease;
+    color:@color9;
+}
+#custom-notification {
+    padding: 0px 5px;
+    transition: all .3s ease;
+    color:@color7;
+}
+#clock{
+    padding: 0px 5px;
+    color:@color7;
+    transition: all .3s ease;
+}
+#custom-pacman{
+    padding: 0px 5px;
+    transition: all .3s ease;
+    color:@color7;
+
+}
+
+#workspaces {
+    padding: 0px 5px;
+    text-shadow:none;
+}
+#workspaces button {
+    all:unset;
+    margin: 0px 3px;    
+    padding: 0px 2px;
+    color:rgba(0,0,0,0);
+    text-shadow:none;
+    background: @color2;
+    border-radius: 50%;
+    transition: all .3s;
+    min-width: 15px;
+}
+#workspaces button:hover {
+    color:rgba(0,0,0,0);
+    border: none;
+    background: @color1;
+}
+#workspaces button.active {
+    border: none;
+    padding: 0px 2px;
+    border-radius:10px;
+    background: @color1;
+    min-width: 30px;
+}
+#workspaces button.active:hover{
+    background: @color2;
+}
+#workspaces button.empty {
+    color: transparent;
+    border: none;
+    background: alpha(@background,.5) ;
+
+}
+#workspaces button.empty:hover {
+    color: rgba(0,0,0,0);
+    border: none;
+    text-shadow: 0px 0px 1.5px rgba(0, 0, 0, .5);
+}
+#workspaces button.empty.active {
+    color: rgba(0,0,0,0);
+    border: none;
+    text-shadow: none;
+    background: @color1;
+}
+#workspaces button.empty.active:hover{
+    background: @color2;
+}
+#bluetooth{
+    padding: 0px 5px;
+    transition: all .3s ease;
+    color:@color7;
+
+}
+#network{
+    padding: 0px 5px;
+    transition: all .3s ease;
+    color:@color7;
+
+}
+#battery{
+    padding: 0px 5px;
+    transition: all .3s ease;
+    color:@color7;
+
+
+}
+#battery.charging {
+    color: #26A65B;
+}
+
+#battery.warning:not(.charging) {
+    color: #ffbe61;
+}
+
+#battery.critical:not(.charging) {
+    color: #f53c3c;
+    animation-name: blink;
+    animation-duration: 0.5s;
+    animation-timing-function: linear;
+    animation-iteration-count: infinite;
+    animation-direction: alternate;
+}
+#group-expand{
+    padding: 0px 5px;
+    transition: all .3s ease; 
+}
+#custom-expand{
+    padding: 0px 5px;
+    color:alpha(@foreground,.2);
+    text-shadow: 0px 0px 2px rgba(0, 0, 0, .7);
+    transition: all .3s ease; 
+}
+#custom-expand:hover{
+    color:rgba(255,255,255,.2);
+    text-shadow: 0px 0px 2px rgba(255, 255, 255, .5);
+}
+#custom-colorpicker{
+    padding: 0px 5px;
+}
+#cpu,#memory,#temperature{
+    padding: 0px 5px;
+    transition: all .3s ease; 
+    color:@color7;
+
+}
+#custom-endpoint{
+    color:transparent;
+    text-shadow: 0px 0px 1.5px rgba(0, 0, 0, 1);
+
+}
+#tray{
+    padding: 0px 5px;
+    transition: all .3s ease; 
+
+}
+#tray menu * {
+    padding: 0px 5px;
+    transition: all .3s ease; 
+}
+
+#tray menu separator {
+    padding: 0px 5px;
+    transition: all .3s ease; 
+}

waybar/themes/line/config-line

@@ -0,0 +1,136 @@
+{
+        "layer": "top",
+        "position": "top",
+        "margin-left": 10,
+        "margin-right": 10,
+        "margin-top": 7,
+        "margin-bottom": 0,
+        "reload_style_on_change": true,
+        "modules-left": ["custom/notification","clock","custom/pacman","tray"],
+        "modules-center": ["hyprland/workspaces"],
+        "modules-right": ["group/expand","bluetooth","network","battery"],
+
+
+        "hyprland/workspaces": {
+            "format": "{icon}",
+            "format-icons": {
+                "active": "",
+                "default": "",
+                "empty": ""
+            },
+            "persistent-workspaces": {
+                "*": [ 1,2,3,4,5 ]
+            }
+        },
+        "custom/notification": {
+            "tooltip": false,
+            "format": "",
+            "on-click": "swaync-client -t -sw",
+            "escape": true
+        },
+        "clock": {
+            "format": "{:%I:%M:%S %p} ",
+            "interval": 1,   
+            "tooltip-format": "<tt>{calendar}</tt>",
+            "calendar": {
+                "format": {
+                    "today": "<span color='#fAfBfC'><b>{}</b></span>"
+                }
+            },
+            "actions": {
+                "on-click-right": "shift_down",
+                "on-click": "shift_up"
+            }
+        },
+        "network": {
+            "format-wifi": "",
+            "format-ethernet":"",
+            "format-disconnected": "",
+            "tooltip-format-disconnected": "Error",
+            "tooltip-format-wifi": "{essid} ({signalStrength}%) ",
+            "tooltip-format-ethernet": "{ifname} 🖧 ",
+            "on-click": "kitty nmtui"
+        },
+        "bluetooth": {
+            "format-on": "󰂯",
+            "format-off": "BT-off",
+            "format-disabled": "󰂲",
+            "format-connected-battery": "{device_battery_percentage}% 󰂯",
+            "format-alt": "{device_alias} 󰂯",
+            "tooltip-format": "{controller_alias}\t{controller_address}\n\n{num_connections} connected",
+            "tooltip-format-connected": "{controller_alias}\t{controller_address}\n\n{num_connections} connected\n\n{device_enumerate}",
+            "tooltip-format-enumerate-connected": "{device_alias}\n{device_address}",
+            "tooltip-format-enumerate-connected-battery": "{device_alias}\n{device_address}\n{device_battery_percentage}%",
+            "on-click-right": "blueman-manager",
+        }, 
+        "battery": {
+            "interval":30,
+            "states": {
+                "good": 95,
+                "warning": 30,
+                "critical": 20
+            },
+            "format": "{capacity}% {icon}",
+            "format-charging": "{capacity}% 󰂄",
+            "format-plugged": "{capacity}% 󰂄 ",
+            "format-alt": "{time} {icon}",
+            "format-icons": [
+                "󰁻",
+            "󰁼",
+            "󰁾",
+            "󰂀",
+            "󰂂",
+            "󰁹"
+            ],
+        },
+        "custom/pacman": {
+            "format": "󰅢 {}",
+            "interval": 30,   
+            "exec": "checkupdates | wc -l",
+            "exec-if": "exit 0",
+            "on-click": "kitty sh -c 'yay -Syu; echo Done - Press enter to exit; read'; pkill -SIGRTMIN+8 waybar",
+            "signal": 8,
+            "tooltip": false,
+        },
+        "custom/expand": {
+            "format": "",
+            "tooltip": false
+        },
+        "custom/endpoint":{
+            "format": "|",
+            "tooltip": false
+        },
+        "group/expand": {
+            "orientation": "horizontal",
+            "drawer": {
+                "transition-duration": 600,
+                "transition-to-left": true,
+                "click-to-reveal": true
+            },
+            "modules": ["custom/expand", "custom/colorpicker","cpu","memory","temperature","custom/endpoint"],
+        },
+        "custom/colorpicker": {
+            "format": "{}",
+            "return-type": "json",
+            "interval": "once",
+            "exec": "~/.config/waybar/scripts/colorpicker.sh -j",
+            "on-click": "~/.config/waybar/scripts/colorpicker.sh",
+            "signal": 1
+        },
+        "cpu": {
+            "format": "󰻠",
+            "tooltip": true
+        },
+        "memory": {
+            "format": ""
+        },
+        "temperature": {
+            "critical-threshold": 80,
+            "format": "",
+        },
+        "tray": {
+            "icon-size": 14,
+            "spacing": 10
+        },
+} 
+

waybar/themes/line/style-line.css

@@ -0,0 +1,149 @@
+
+@import url('../../.cache/wal/colors-waybar.css');
+
+* {
+    font-size:15px;
+    font-family: "CodeNewRoman Nerd Font Propo";
+}
+window#waybar{
+    border-radius:10px;
+    background: alpha(@background,.6);
+    box-shadow: 0px 0px 2px rgba(0, 0, 0, .6);
+}
+tooltip {
+    background:@background;
+    color: @color7;
+}
+#clock:hover, #custom-pacman:hover, #custom-notification:hover,#bluetooth:hover,#network:hover,#battery:hover, #cpu:hover,#memory:hover,#temperature:hover{
+    transition: all .3s ease;
+    color:@color9;
+}
+#custom-notification {
+    padding: 0px 5px 0 10;
+    transition: all .3s ease;
+    color:@color7;
+}
+#clock{
+    padding: 0px 5px;
+    color:@color7;
+    transition: all .3s ease;
+}
+#custom-pacman{
+    padding: 0px 5px;
+    transition: all .3s ease;
+    color:@color7;
+
+}
+#workspaces {
+    padding: 7px 5px;
+}
+#workspaces button {
+    all:unset;
+    padding: 0px 5px;
+    color: alpha(@color9,.4);
+    transition: all .2s ease;
+}
+#workspaces button:hover {
+    color:rgba(0,0,0,0);
+    border: none;
+    text-shadow: 0px 0px 1.5px rgba(0, 0, 0, .5);
+    transition: all 1s ease;
+}
+#workspaces button.active {
+    color: @color9;
+    border: none;
+    text-shadow: 0px 0px 2px rgba(0, 0, 0, .5);
+}
+#workspaces button.empty {
+    color: rgba(0,0,0,0);
+    border: none;
+    text-shadow: 0px 0px 1.5px rgba(0, 0, 0, .2);
+}
+#workspaces button.empty:hover {
+    color: rgba(0,0,0,0);
+    border: none;
+    text-shadow: 0px 0px 1.5px rgba(0, 0, 0, .5);
+    transition: all 1s ease;
+}
+#workspaces button.empty.active {
+    color: @color9;
+    border: none;
+    text-shadow: 0px 0px 2px rgba(0, 0, 0, .5);
+}
+#bluetooth{
+    padding: 0px 5px;
+    transition: all .3s ease;
+    color:@color7;
+
+}
+#network{
+    padding: 0px 5px;
+    transition: all .3s ease;
+    color:@color7;
+
+}
+#battery{
+    padding: 0px 10px 0 5;
+    transition: all .3s ease;
+    color:@color7;
+
+
+}
+#battery.charging {
+    color: #26A65B;
+}
+
+#battery.warning:not(.charging) {
+    color: #ffbe61;
+}
+
+#battery.critical:not(.charging) {
+    color: #f53c3c;
+    animation-name: blink;
+    animation-duration: 0.5s;
+    animation-timing-function: linear;
+    animation-iteration-count: infinite;
+    animation-direction: alternate;
+}
+#group-expand{
+    padding: 0px 5px;
+    transition: all .3s ease; 
+}
+#custom-expand{
+    padding: 0px 5px;
+    color:alpha(@foreground,.2);
+    text-shadow: 0px 0px 2px rgba(0, 0, 0, .7);
+    transition: all .3s ease; 
+}
+#custom-expand:hover{
+    color:rgba(255,255,255,.2);
+    text-shadow: 0px 0px 2px rgba(255, 255, 255, .5);
+}
+#custom-colorpicker{
+    padding: 0px 5px;
+}
+#cpu,#memory,#temperature{
+    padding: 0px 5px;
+    transition: all .3s ease; 
+    color:@color7;
+
+}
+#custom-endpoint{
+    color:transparent;
+    text-shadow: 0px 0px 1.5px rgba(0, 0, 0, 1);
+
+}
+#tray{
+    padding: 0px 5px;
+    transition: all .3s ease; 
+
+}
+#tray menu * {
+    padding: 0px 5px;
+    transition: all .3s ease; 
+}
+
+#tray menu separator {
+    padding: 0px 5px;
+    transition: all .3s ease; 
+}

waybar/themes/zen/config-zen

@@ -0,0 +1,20 @@
+{
+    "layer": "top",
+    "position": "top",
+    "reload_style_on_change": true,
+    "modules-center": ["hyprland/workspaces"],
+
+
+    "hyprland/workspaces": {
+        "format": "{icon}",
+        "format-icons": {
+            "active": "",
+            "default": "",
+            "empty": ""
+        },
+        "persistent-workspaces": {
+            "*": [ 1,2,3,4,5 ]
+        }
+    }
+} 
+

waybar/themes/zen/style-zen.css

@@ -0,0 +1,52 @@
+@import url('../../.cache/wal/colors-waybar.css');
+
+* {
+    font-size:15px;
+    font-family: "CodeNewRoman Nerd Font Propo";
+}
+window#waybar{
+    all:unset;
+}
+.modules-center {
+    padding:7px;
+    margin:10 0 5 0;
+    border-radius:10px;
+    background: alpha(@background,.6);
+    box-shadow: 0px 0px 2px rgba(0, 0, 0, .6);
+}
+#workspaces {
+    padding: 0px 5px;
+}
+#workspaces button {
+    all:unset;
+    padding: 0px 5px;
+    color: alpha(@color9,.4);
+    transition: all .2s ease;
+}
+#workspaces button:hover {
+    color:rgba(0,0,0,0);
+    border: none;
+    text-shadow: 0px 0px 1.5px rgba(0, 0, 0, .5);
+    transition: all 1s ease;
+}
+#workspaces button.active {
+    color: @color9;
+    border: none;
+    text-shadow: 0px 0px 2px rgba(0, 0, 0, .5);
+}
+#workspaces button.empty {
+    color: rgba(0,0,0,0);
+    border: none;
+    text-shadow: 0px 0px 1.5px rgba(0, 0, 0, .2);
+}
+#workspaces button.empty:hover {
+    color: rgba(0,0,0,0);
+    border: none;
+    text-shadow: 0px 0px 1.5px rgba(0, 0, 0, .5);
+    transition: all 1s ease;
+}
+#workspaces button.empty.active {
+    color: @color9;
+    border: none;
+    text-shadow: 0px 0px 2px rgba(0, 0, 0, .5);
+}