add waybar accmeboot config, unable to use it completely, arch icon showed as invisible

configs/waybar_l/accmeboot/README.md

@@ -0,0 +1,5 @@
+## [accmeboot's github](https://github.com/accmeboot/dotfiles/tree/main/hyprland)
+
+## 4/27/24 - Custom Arch icon did not worked, it is invisible until the cursor is on top of it
+
+This config also uses catppucino theme for waybar

configs/waybar_l/accmeboot/config.jsonc

@@ -0,0 +1,98 @@
+{
+  "layer": "top",
+  "modules-left": ["custom/launcher", "wlr/taskbar", "hyprland/workspaces"],
+  "modules-center": ["hyprland/window"],
+  "modules-right": ["clock", "custom/cpu", "custom/gpu", "tray", "backlight", "pulseaudio", "battery"], 
+  "margin": "0",
+
+  "hyprland/window": {
+    "format-empty": "nothing is running",
+    "separate-outputs": true,
+    "icon": true,
+    "icon-size": 11
+  },
+
+  "pulseaudio": {
+    "tooltip": false,
+    "scroll-step": 5,
+    "format": "{icon} {volume}%",
+    "format-muted": "  {volume}%",
+    "on-click":"pavucontrol",
+    "format-icons": {
+      "default": [" ", " ", " "]
+    }
+  },
+
+  "custom/cpu": {
+    "format": "\udb83\udee0  {}℃",
+    "interval": 5,
+    "exec": "bash ~/.config/waybar/scripts/cpu-temp.sh",
+    "on-click": "kitty -e bash -c 'htop; read'"
+  },
+
+  "custom/gpu": {
+    "format": "\udb82\udcae  {}℃",
+    "interval": 5,
+    "exec": "bash ~/.config/waybar/scripts/gpu-temp.sh",
+    "on-click": "kitty -e bash -c 'nvtop; read'"
+  },
+
+  "backlight": {
+    "tooltip": false,
+    "format": " {}%",
+    "interval":1,
+    "on-scroll-up": "brightnessctl s +5",
+    "on-scroll-down": "brightnessctl s 5-"
+  },
+  "battery": {
+    "states": {
+      "good": 95,
+      "warning": 30,
+      "critical": 20
+    },
+    "format": "{icon} {capacity}%",
+    "format-charging": "\udb80\udc84 {capacity}%",
+    "format-plugged": "\udb81\udea5 {capacity}%",
+    "format-alt": "{time} {icon}",
+    "format-icons": ["\udb80\udc7a", "\udb80\udc7b", "\udb80\udc7c", "\udb80\udc7d", "\udb80\udc7e", "\udb80\udc7f", "\udb80\udc80", "\udb80\udc81", "\udb80\udc82", "\udb80\udc79"]
+  },
+
+  "clock": {
+    "format": "{:%A  %B  %d  %Y   %R}",
+    "on-click": "firefox --new-window https://www.google.com/calendar"
+  },
+
+  "custom/launcher":{
+    "format": " ",
+    "on-click": "hyprctl dispatch exec '[floating] wofi --show drun -normal-window'"
+  },
+
+  "hyprland/workspaces": {
+    "on-click": "activate",
+    "persistent-workspaces": {
+      "eDP-1": [ 1, 2, 3, 4, 5 ], 
+      "DP-2": [ 6, 7, 8, 9, 10 ]
+    }
+  },
+
+  "wlr/taskbar": {
+    "format": "{icon}",
+    "icon-size": 11,
+    "tooltip-format": "{title}",
+    "on-click": "activate",
+    "on-click-middle": "close",
+    "app_ids-mapping": {
+      "firefoxdeveloperedition": "firefox-developer-edition"
+    },
+    "ignore-list": ["rofi"],
+    "rewrite": {
+      "Firefox Web Browser": "Firefox",
+      "Foot Server": "Terminal"
+    }
+  },
+
+  "tray": {
+    "icon-size": 11,
+    "spacing": 4
+  }
+}

configs/waybar_l/accmeboot/scripts/cpu-temp.sh

@@ -0,0 +1,3 @@
+#!/bin/bash
+
+sensors | awk -F '[+°]' '/^Package id 0:/ {printf "%d\n", $2}'

configs/waybar_l/accmeboot/scripts/gpu-temp.sh

@@ -0,0 +1,3 @@
+#!/bin/bash
+
+nvidia-smi --query-gpu=temperature.gpu --format=csv,noheader

configs/waybar_l/accmeboot/style.css

@@ -0,0 +1,98 @@
+{
+  "layer": "top",
+  "modules-left": ["custom/launcher", "wlr/taskbar", "hyprland/workspaces"],
+  "modules-center": ["hyprland/window"],
+  "modules-right": ["clock", "custom/cpu", "custom/gpu", "tray", "backlight", "pulseaudio", "battery"], 
+  "margin": "0",
+
+  "hyprland/window": {
+    "format-empty": "nothing is running",
+    "separate-outputs": true,
+    "icon": true,
+    "icon-size": 11
+  },
+
+  "pulseaudio": {
+    "tooltip": false,
+    "scroll-step": 5,
+    "format": "{icon} {volume}%",
+    "format-muted": "  {volume}%",
+    "on-click":"pavucontrol",
+    "format-icons": {
+      "default": [" ", " ", " "]
+    }
+  },
+
+  "custom/cpu": {
+    "format": "\udb83\udee0  {}℃",
+    "interval": 5,
+    "exec": "bash ~/.config/waybar/scripts/cpu-temp.sh",
+    "on-click": "kitty -e bash -c 'htop; read'"
+  },
+
+  "custom/gpu": {
+    "format": "\udb82\udcae  {}℃",
+    "interval": 5,
+    "exec": "bash ~/.config/waybar/scripts/gpu-temp.sh",
+    "on-click": "kitty -e bash -c 'nvtop; read'"
+  },
+
+  "backlight": {
+    "tooltip": false,
+    "format": " {}%",
+    "interval":1,
+    "on-scroll-up": "brightnessctl s +5",
+    "on-scroll-down": "brightnessctl s 5-"
+  },
+  "battery": {
+    "states": {
+      "good": 95,
+      "warning": 30,
+      "critical": 20
+    },
+    "format": "{icon} {capacity}%",
+    "format-charging": "\udb80\udc84 {capacity}%",
+    "format-plugged": "\udb81\udea5 {capacity}%",
+    "format-alt": "{time} {icon}",
+    "format-icons": ["\udb80\udc7a", "\udb80\udc7b", "\udb80\udc7c", "\udb80\udc7d", "\udb80\udc7e", "\udb80\udc7f", "\udb80\udc80", "\udb80\udc81", "\udb80\udc82", "\udb80\udc79"]
+  },
+
+  "clock": {
+    "format": "{:%A  %B  %d  %Y   %R}",
+    "on-click": "firefox --new-window https://www.google.com/calendar"
+  },
+
+  "custom/launcher":{
+    "format": " ",
+    "on-click": "hyprctl dispatch exec '[floating] wofi --show drun -normal-window'"
+  },
+
+  "hyprland/workspaces": {
+    "on-click": "activate",
+    "persistent-workspaces": {
+      "eDP-1": [ 1, 2, 3, 4, 5 ], 
+      "DP-2": [ 6, 7, 8, 9, 10 ]
+    }
+  },
+
+  "wlr/taskbar": {
+    "format": "{icon}",
+    "icon-size": 11,
+    "tooltip-format": "{title}",
+    "on-click": "activate",
+    "on-click-middle": "close",
+    "app_ids-mapping": {
+      "firefoxdeveloperedition": "firefox-developer-edition"
+    },
+    "ignore-list": ["rofi"],
+    "rewrite": {
+      "Firefox Web Browser": "Firefox",
+      "Foot Server": "Terminal"
+    }
+  },
+
+  "tray": {
+    "icon-size": 11,
+    "spacing": 4
+  }
+}

configs/waybar_l/accmeboot/themes/catppuccin/mocha.css

@@ -0,0 +1,26 @@
+@define-color rosewater #f5e0dc;
+@define-color flamingo #f2cdcd;
+@define-color pink #f5c2e7;
+@define-color mauve #cba6f7;
+@define-color red #f38ba8;
+@define-color maroon #eba0ac;
+@define-color peach #fab387;
+@define-color yellow #f9e2af;
+@define-color green #a6e3a1;
+@define-color teal #94e2d5;
+@define-color sky #89dceb;
+@define-color sapphire #74c7ec;
+@define-color blue #89b4fa;
+@define-color lavender #b4befe;
+@define-color text #cdd6f4;
+@define-color subtext1 #bac2de;
+@define-color subtext0 #a6adc8;
+@define-color overlay2 #9399b2;
+@define-color overlay1 #7f849c;
+@define-color overlay0 #6c7086;
+@define-color surface2 #585b70;
+@define-color surface1 #45475a;
+@define-color surface0 #313244;
+@define-color base #1e1e2e;
+@define-color mantle #181825;
+@define-color crust #11111b;