kayprish/dotfiles
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

waybar: accept JaKooLit updates

Browse source
This commit is contained in:
Petar Kapriš 2026-05-13 20:55:52 +02:00
parent 5c46f2e62a
commit 7528fc1ef3
112 changed files with 3074 additions and 901 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
.config/waybar/Modules
View file

@ -1,4 +1,4 @@
//* ---- 💫 https://github.com/JaKooLit 💫 ---- *// //* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- *//
/* Waybar Modules */ /* Waybar Modules */
/* NOTE: hyprland-workspaces, Custom Modules, Custom Vertical & Groups on a separate files */ /* NOTE: hyprland-workspaces, Custom Modules, Custom Vertical & Groups on a separate files */

26
.config/waybar/ModulesCustom
View file

@ -1,4 +1,4 @@
//* ---- 💫 https://github.com/JaKooLit 💫 ---- *// //* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- *//
/* Waybar Modules - Custom Modules */ /* Waybar Modules - Custom Modules */
/* Basically created to reduce the lines in Waybar Modules bank */ /* Basically created to reduce the lines in Waybar Modules bank */
/* NOTE: This is only for Custom Modules */ /* NOTE: This is only for Custom Modules */
@ -18,6 +18,15 @@
"tooltip": true, "tooltip": true,
}, },
"custom/weather2": {
"exec": "waybar-weather",
"restart-interval": 60,
"return-type": "json",
"hide-empty-text": true,
"on-click": "pkill -USR1 waybar-weather"
// "on-click": "flatpak run io.github.amit9838.mousam"
},
"custom/hyprpicker": { "custom/hyprpicker": {
"format": "", "format": "",
"on-click": "hyprpicker | wl-copy", "on-click": "hyprpicker | wl-copy",
@ -70,6 +79,17 @@
"tooltip-format": "Left Click: Quick Tips\nRight Click: Keybinds", "tooltip-format": "Left Click: Quick Tips\nRight Click: Keybinds",
}, },
// External monitor brightness (ddcutil)
"custom/brightness_external": {
"format": "{}",
"return-type": "json",
"interval": 2,
"exec": "$HOME/.config/hypr/scripts/ExternalBrightness.sh --get",
"on-scroll-up": "$HOME/.config/hypr/scripts/ExternalBrightness.sh --inc",
"on-scroll-down": "$HOME/.config/hypr/scripts/ExternalBrightness.sh --dec",
"tooltip": true
},
"custom/dot_update": { "custom/dot_update": {
"format": " 󰁈 ", "format": " 󰁈 ",
"on-click": "$HOME/.config/hypr/scripts/KooLsDotsUpdate.sh", "on-click": "$HOME/.config/hypr/scripts/KooLsDotsUpdate.sh",
@ -136,7 +156,9 @@
// This is a custom cava visualizer // This is a custom cava visualizer
"custom/cava_mviz": { "custom/cava_mviz": {
"exec": "$HOME/.config/hypr/scripts/WaybarCava.sh", "exec": "$HOME/.config/hypr/scripts/WaybarCava.sh",
"format": "{}" "format": "{}",
"return-type": "text",
"tooltip": false
}, },
"custom/playerctl": { "custom/playerctl": {

2
.config/waybar/ModulesGroups
View file

@ -1,4 +1,4 @@
//* ---- 💫 https://github.com/JaKooLit 💫 ---- *// //* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- *//
/* Waybar Modules - Groups Modules */ /* Waybar Modules - Groups Modules */
/* Basically created to reduce the lines in Waybar Modules bank */ /* Basically created to reduce the lines in Waybar Modules bank */
/* NOTE: This is only for Groups */ /* NOTE: This is only for Groups */

2
.config/waybar/ModulesVertical
View file

@ -1,4 +1,4 @@
//* ---- 💫 https://github.com/JaKooLit 💫 ---- *// //* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- *//
/* Waybar Modules for vertical modules or vertical layout */ /* Waybar Modules for vertical modules or vertical layout */
/* NOTE: hyprland-workspaces, Custom Modules & Groups on a separate files */ /* NOTE: hyprland-workspaces, Custom Modules & Groups on a separate files */

27
.config/waybar/ModulesWorkspaces
View file

@ -1,4 +1,4 @@
//* ---- 💫 https://github.com/JaKooLit 💫 ---- *// //* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- *//
/* Waybar Workspaces modules */ /* Waybar Workspaces modules */
/* Generally, this is a potential expanding of choices for hyprland/workspace */ /* Generally, this is a potential expanding of choices for hyprland/workspace */
@ -180,7 +180,7 @@
}, },
"format": "{icon} {windows}", "format": "{icon} {windows}",
"format-window-separator": " ", "format-window-separator": " ",
"window-rewrite-default": " ", "window-rewrite-default": " <span foreground='#ff0000'>✘</span> ",
"window-rewrite": { "window-rewrite": {
"title<.*amazon.*>": " ", "title<.*amazon.*>": " ",
"title<.*reddit.*>": " ", "title<.*reddit.*>": " ",
@ -198,14 +198,16 @@
"class<kitty-dropterm>": " ", "class<kitty-dropterm>": " ",
"class<com.mitchellh.ghostty>": " ", "class<com.mitchellh.ghostty>": " ",
"class<org.wezfurlong.wezterm>": " ", "class<org.wezfurlong.wezterm>": " ",
"class<play.mii.Boxxy>": " ",
"class<Warp|warp|dev.warp.Warp|warp-terminal>": "󰰭 ", "class<Warp|warp|dev.warp.Warp|warp-terminal>": "󰰭 ",
"class<[Tt]hunderbird|[Tt]hunderbird-esr>": " ", "class<[Tt]hunderbird|[Tt]hunderbird-esr>": "󰊫 ",
"class<eu.betterbird.Betterbird>": " ", "class<org.mozilla.Thunderbird|eu.betterbird.Betterbird>": "󰊫 ",
"title<.*gmail.*>": "󰊫 ", "title<.*gmail.*>": "󰊫 ",
"class<[Tt]elegram-desktop|org.telegram.desktop|io.github.tdesktop_x64.TDesktop>": " ", "class<[Tt]elegram-desktop|org.telegram.desktop|io.github.tdesktop_x64.TDesktop>": " ",
"class<discord|discord-canary|[Ww]ebcord|[Vv]esktop|com.discordapp.Discord|dev.vencord.Vesktop>": " ", "class<discord|discord-canary|[Ww]ebcord|[Vv]esktop|com.discordapp.Discord|dev.vencord.Vesktop>": " ",
"class<app.fluxer.Fluxer>": "󰭹 ",
"class<[Ss]ignal|signal-desktop|org.signal.Signal>": "󰍩 ", "class<[Ss]ignal|signal-desktop|org.signal.Signal>": "󰍩 ",
"title<.*Signal.*>": "󰍩 ", "title<.*Signal.*>": "󰍩 ",
"title<.*whatsapp.*>": " ", "title<.*whatsapp.*>": " ",
@ -217,6 +219,7 @@
"title<.*ChatGPT.*>": "󰚩 ", "title<.*ChatGPT.*>": "󰚩 ",
"title<.*deepseek.*>": "󰚩 ", "title<.*deepseek.*>": "󰚩 ",
"title<.*qwen.*>": "󰚩 ", "title<.*qwen.*>": "󰚩 ",
"title<.*Gemini.*>": "󰚩 ",
"class<subl>": "󰅳 ", "class<subl>": "󰅳 ",
"class<slack>": " ", "class<slack>": " ",
@ -228,6 +231,7 @@
"class<vlc>": "󰕼 ", "class<vlc>": "󰕼 ",
"class<[Kk]denlive|org.kde.kdenlive>": "🎬 ", "class<[Kk]denlive|org.kde.kdenlive>": "🎬 ",
"title<.*Kdenlive.*>": "🎬 ", "title<.*Kdenlive.*>": "🎬 ",
"class<com.github.wwmm.easyeffects>": " ",
"title<.*cmus.*>": " ", "title<.*cmus.*>": " ",
"class<[Ss]potify>": " ", "class<[Ss]potify>": " ",
"class<Plex>": "󰚺 ", "class<Plex>": "󰚺 ",
@ -238,11 +242,16 @@
"class<virtualbox manager>": "💽 ", "class<virtualbox manager>": "💽 ",
"title<virtualbox>": "💽 ", "title<virtualbox>": "💽 ",
"class<remmina|org.remmina.Remmina>": "🖥️ ", "class<remmina|org.remmina.Remmina>": "🖥️ ",
"class<mainline-gtk>": " ",
"class<VSCode|code|code-url-handler|code-oss|codium|codium-url-handler|VSCodium>": "󰨞 ", "class<VSCode|code|code-url-handler|code-oss|codium|codium-url-handler|VSCodium>": "󰨞 ",
"class<[Aa]ntigravity>": "󰨞 ",
"title<.*[Aa]ntigravity.*>": "󰨞 ",
"class<dev.zed.Zed>": "󰵁", "class<dev.zed.Zed>": "󰵁",
"class<codeblocks>": "󰅩 ", "class<codeblocks>": "󰅩 ",
"title<.*github.*>": " ", "title<.*github.*>": " ",
"class<com-jetpackduba-gitnuro-MainKt>": " ",
"title<.*Gitnuro.*>": " ",
"class<mousepad>": " ", "class<mousepad>": " ",
"class<libreoffice-writer>": " ", "class<libreoffice-writer>": " ",
"class<libreoffice-startcenter>": "󰏆 ", "class<libreoffice-startcenter>": "󰏆 ",
@ -253,22 +262,30 @@
"title<.*figma.*>": " ", "title<.*figma.*>": " ",
"title<.*jira.*>": " ", "title<.*jira.*>": " ",
"class<jetbrains-idea>": " ", "class<jetbrains-idea>": " ",
"class<emacs|Emacs>": " ",
"class<obs|com.obsproject.Studio>": " ", "class<obs|com.obsproject.Studio>": " ",
"class<polkit-gnome-authentication-agent-1>": "󰒃 ", "class<polkit-gnome-authentication-agent-1>": "󰒃 ",
"class<hyprpolkitagent>": "󰒃 ",
"class<com.github.hyprmod>": " ",
"class<nwg-look>": " ", "class<nwg-look>": " ",
"class<vswaybar-studio>": "󰛼 ",
"class<nwg-displays>": " ", "class<nwg-displays>": " ",
"class<[Pp]avucontrol|org.pulseaudio.pavucontrol>": "󱡫 ", "class<[Pp]avucontrol|org.pulseaudio.pavucontrol>": "󱡫 ",
"class<steam>": " ", "class<steam>": " ",
"class<thunar|nemo>": "󰝰 ", "class<thunar|nemo|org.gnome.Nautilus>": "󰝰 ",
"class<Gparted>":"", "class<Gparted>":"",
"class<timeshift-gtk>":"󰁯",
"class<btrfs-assistant>":"󰁯",
"class<gimp>": " ", "class<gimp>": " ",
"class<emulator>": "📱 ", "class<emulator>": "📱 ",
"class<android-studio>": " ", "class<android-studio>": " ",
"class<org.pipewire.Helvum>": "󰓃", "class<org.pipewire.Helvum>": "󰓃",
"class<localsend>":"", "class<localsend>":"",
"class<PrusaSlicer|UltiMaker-Cura|OrcaSlicer>": "󰹛", "class<PrusaSlicer|UltiMaker-Cura|OrcaSlicer>": "󰹛",
"class<nvidia-settings>": "󰢮 ",
"class<com.shellyorg.shelly>": "󰏗 ",
"class<io.github.kolunmi.Bazaar>": " ", "class<io.github.kolunmi.Bazaar>": " ",
"title<^Bazaar$>": " ", "title<^Bazaar$>": " ",

2
.config/waybar/UserModules
View file

@ -1,4 +1,4 @@
//* ---- 💫 https://github.com/JaKooLit 💫 ---- *// //* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- *//
/* Waybar Modules Extras */ /* Waybar Modules Extras */
/* This is where you can add Extra Modules you wish. copy.sh will try to restore*/ /* This is where you can add Extra Modules you wish. copy.sh will try to restore*/

2
.config/waybar/config
View file

@ -1 +1 @@
/home/kappa/.config/waybar/configs/[TOP] Default Laptop /home/kappa/.config/waybar/configs/TOP-Default-Laptop

4
.config/waybar/configs/[BOT & Left] SouthWest → .config/waybar/configs/BOT-&-Left-SouthWest
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
// ### BOTTOM and LEFT PANEL // ### BOTTOM and LEFT PANEL
@ -38,7 +38,7 @@
"modules-right": [ "modules-right": [
//"network", //"network",
//"bluetooth", //"bluetooth",
"custom/weather", "custom/weather2",
"battery", "battery",
"backlight", "backlight",
"pulseaudio", "pulseaudio",

4
.config/waybar/configs/[BOT & Right] SouthEast → .config/waybar/configs/BOT-&-Right-SouthEast
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
// ### BOTTOM and RIGHT PANEL // ### BOTTOM and RIGHT PANEL
@ -38,7 +38,7 @@
"modules-right": [ "modules-right": [
//"network", //"network",
//"bluetooth", //"bluetooth",
"custom/weather", "custom/weather2",
"battery", "battery",
"backlight", "backlight",
"pulseaudio", "pulseaudio",

2
.config/waybar/configs/[BOT] Camellia → .config/waybar/configs/BOT-Camellia
View file

@ -1,4 +1,4 @@
//* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ //* ----------- 💫 https://github.com/LinuxBeginnings 💫 -------- */
//* ............................................*/ //* ............................................*/
//* .............CAMELLIA.......................*/ //* .............CAMELLIA.......................*/
//* ............................................*/ //* ............................................*/

2
.config/waybar/configs/[BOT] Chrysanthemum → .config/waybar/configs/BOT-Chrysanthemum
View file

@ -1,4 +1,4 @@
//* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ //* ----------- 💫 https://github.com/LinuxBeginnings 💫 -------- */
//* ............................................*/ //* ............................................*/
//* .............CHRYSANTHEMUM.......................*/ //* .............CHRYSANTHEMUM.......................*/
//* ............................................*/ //* ............................................*/

4
.config/waybar/configs/[BOT] Default → .config/waybar/configs/BOT-Default
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
// ### DEFAULT - Bottom ### // // ### DEFAULT - Bottom ### //
{ {
@ -38,7 +38,7 @@
"hyprland/workspaces#rw", "hyprland/workspaces#rw",
"clock", "clock",
"custom/separator#dot-line", "custom/separator#dot-line",
"custom/weather", "custom/weather2",
"custom/separator#dot-line", "custom/separator#dot-line",
"idle_inhibitor", "idle_inhibitor",
"custom/hint", "custom/hint",

4
.config/waybar/configs/[BOT] Default Laptop → .config/waybar/configs/BOT-Default-Laptop
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
// ### DEFAULT Laptop - Bottom ### // // ### DEFAULT Laptop - Bottom ### //
{ {
@ -38,7 +38,7 @@
"hyprland/workspaces#rw", "hyprland/workspaces#rw",
"clock", "clock",
"custom/separator#dot-line", "custom/separator#dot-line",
"custom/weather", "custom/weather2",
"custom/separator#dot-line", "custom/separator#dot-line",
"idle_inhibitor", "idle_inhibitor",
"custom/hint", "custom/hint",

2
.config/waybar/configs/[BOT] Gardenia → .config/waybar/configs/BOT-Gardenia
View file

@ -1,4 +1,4 @@
//* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ //* ----------- 💫 https://github.com/LinuxBeginnings 💫 -------- */
//* ............................................*/ //* ............................................*/
//* .............GARDENIA.......................*/ //* .............GARDENIA.......................*/
//* ............................................*/ //* ............................................*/

2
.config/waybar/configs/[BOT] Peony → .config/waybar/configs/BOT-Peony
View file

@ -1,4 +1,4 @@
//* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ //* ----------- 💫 https://github.com/LinuxBeginnings 💫 -------- */
//* ............................................*/ //* ............................................*/
//* ................PEONY.......................*/ //* ................PEONY.......................*/
//* ............................................*/ //* ............................................*/

2
.config/waybar/configs/[BOT] Simple → .config/waybar/configs/BOT-Simple
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
// ### TOP Simple ## // // ### TOP Simple ## //
{ {

2
.config/waybar/configs/[BOT] Sleek → .config/waybar/configs/BOT-Sleek
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
// Sleek // Sleek

2
.config/waybar/configs/[LEFT] WestWing → .config/waybar/configs/LEFT-WestWing
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
// ### LEFT PANEL ### // // ### LEFT PANEL ### //

2
.config/waybar/configs/[LEFT] WestWing v2 → .config/waybar/configs/LEFT-WestWing-v2
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
// ### LEFT PANEL v2 ### // // ### LEFT PANEL v2 ### //

2
.config/waybar/configs/[RIGHT] EastWing → .config/waybar/configs/RIGHT-EastWing
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
// ### RIGHT PANEL ### // // ### RIGHT PANEL ### //

2
.config/waybar/configs/[RIGHT] EastWing v2 → .config/waybar/configs/RIGHT-EastWing-v2
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
// ### RIGHTPANEL v2 ### // // ### RIGHTPANEL v2 ### //

4
.config/waybar/configs/[TOP & BOT] SummitSplit → .config/waybar/configs/TOP-&-BOT-SummitSplit
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
// ### DUAL TOP and BOTTOM ### // // ### DUAL TOP and BOTTOM ### //
@ -37,7 +37,7 @@
], ],
"modules-right": [ "modules-right": [
"custom/weather", "custom/weather2",
"battery", "battery",
"backlight", "backlight",
"bluetooth", "bluetooth",

93
.config/waybar/configs/TOP-&-BOT-SummitSplit-glass Normal file
View file

@ -0,0 +1,93 @@
/* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
// ### DUAL TOP and BOTTOM ### //
[{
"include": [
"$HOME/.config/waybar/Modules",
"$HOME/.config/waybar/ModulesWorkspaces",
"$HOME/.config/waybar/ModulesCustom",
"$HOME/.config/waybar/ModulesGroups",
"$HOME/.config/waybar/UserModules",
],
"layer": "top",
//"mode": "dock",
"exclusive": true,
"passthrough": false,
"position": "bottom",
"spacing": 3,
"fixed-center": true,
"ipc": true,
"margin-top": 1,
"margin-left": 8,
"margin-right": 8,
"modules-left": [
"cpu",
"power-profiles-daemon",
"temperature",
"memory",
"disk",
],
"modules-center": [
"idle_inhibitor",
"clock",
"custom/light_dark",
],
"modules-right": [
"custom/weather2",
"battery",
"backlight",
"bluetooth",
"network",
"custom/updater",
"custom/cycle_wall",
"custom/nightlight",
"custom/lock",
],
},
{
"include": [
"$HOME/.config/waybar/Modules",
"$HOME/.config/waybar/ModulesWorkspaces",
"$HOME/.config/waybar/ModulesCustom",
"$HOME/.config/waybar/ModulesGroups",
"$HOME/.config/waybar/UserModules",
],
"layer": "top",
//"mode": "dock",
"exclusive": true,
"passthrough": false,
"position": "top",
"spacing": 5,
"fixed-center": true,
"ipc": true,
"height": 0,
"margin-left": 8,
"margin-right": 8,
//"gtk-layer-shell": true,
//"margin-bottom": 0,
"modules-left": [
"custom/menu",
// "wlr/taskbar",
"hyprland/window",
"mpris",
],
"modules-center": [
"hyprland/workspaces#rw",
],
"modules-right": [
"tray",
"group/notify",
"pulseaudio",
//"wireplumber",
"pulseaudio#microphone",
"custom/power",
],
}],

2
.config/waybar/configs/[TOP & BOT] SummitSplit v2 → .config/waybar/configs/TOP-&-BOT-SummitSplit-v2
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
/* ### DUAL TOP and BOTTOM v 2### */ /* ### DUAL TOP and BOTTOM v 2### */

79
.config/waybar/configs/TOP-&-BOT-SummitSplit-v3 Normal file
View file

@ -0,0 +1,79 @@
//Updated Sumsplit to include 0-JA-0 Top and updated BOT
[
{
"include": [
"$HOME/.config/waybar/Modules",
"$HOME/.config/waybar/ModulesWorkspaces",
"$HOME/.config/waybar/ModulesCustom",
"$HOME/.config/waybar/ModulesGroups",
"$HOME/.config/waybar/UserModules",
],
"name": "topbar",
"layer": "top",
"position": "top",
//"mode": "dock",
"exclusive": true,
"spacing": 2,
"passthrough": false,
"gtk-layer-shell": true,
"reload_style_on_change": true,
"modules-left": [
"idle_inhibitor",
"custom/separator#blank",
"tray",
"connections",
"clock",
"network#speed",
"custom/separator#blank_2",
],
"modules-center": ["group/app_drawer",
"custom/separator#dot-line",
"hyprland/workspaces#rw",
"custom/separator#dot-line",
"group/notify",],
"modules-right": [
"group/laptop",
"custom/separator#blank",
"group/mobo_drawer",
"custom/separator#line",
"group/audio",
"custom/separator#dot-line",
"mpris",
"custom/separator#blank",
"custom/nightlight",
"group/status",
],
},
{
"include": [
"$HOME/.config/waybar/Modules",
"$HOME/.config/waybar/ModulesWorkspaces",
"$HOME/.config/waybar/ModulesCustom",
"$HOME/.config/waybar/ModulesGroups",
"$HOME/.config/waybar/UserModules",
],
"name": "bottombar",
"layer": "top",
"position": "bottom",
"height": 30,
"mode": "dock",
"exclusive": true,
"spacing": 2,
"passthrough": true,
"gtk-layer-shell": true,
"reload_style_on_change": true,
"modules-left": [ "hyprland/window",
"custom/cava_mviz", "custom/playerctl"],
"modules-center": ["wlr/taskbar"],
"modules-right": ["custom/backlight",
"backlight/slider",
"custom/speaker",
"pulseaudio/slider", "custom/updater",
],
}
]

4
.config/waybar/configs/[TOP & Left] NorthWest → .config/waybar/configs/TOP-&-Left-NorthWest
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
// ### TOP and LEFT PANEL ## // // ### TOP and LEFT PANEL ## //
@ -37,7 +37,7 @@
"modules-right": [ "modules-right": [
"network", "network",
"bluetooth", "bluetooth",
"custom/weather", "custom/weather2",
"custom/separator#blank_2", "custom/separator#blank_2",
"group/audio", "group/audio",
"custom/separator#blank_2", "custom/separator#blank_2",

4
.config/waybar/configs/[TOP & Right] NorthEast → .config/waybar/configs/TOP-&-Right-NorthEast
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
// ### TOP and Right PANEL ## // // ### TOP and Right PANEL ## //
@ -37,7 +37,7 @@
"modules-right": [ "modules-right": [
"network", "network",
"bluetooth", "bluetooth",
"custom/weather", "custom/weather2",
"custom/separator#blank_2", "custom/separator#blank_2",
"group/audio", "group/audio",
"custom/separator#blank_2", "custom/separator#blank_2",

2
.config/waybar/configs/[TOP] 0-Ja-0 → .config/waybar/configs/TOP-0-Ja-0
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
/* My Mostly Used waybar config incase you wonder :) */ /* My Mostly Used waybar config incase you wonder :) */
{ {

2
.config/waybar/configs/[TOP] Arrow → .config/waybar/configs/TOP-Arrow
View file

@ -1,4 +1,4 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ /* ----------- 💫 https://github.com/LinuxBeginnings 💫 -------- */
/* .....[TOP] Arrow Best to combine with [Extra] Arrow Style ......... */ /* .....[TOP] Arrow Best to combine with [Extra] Arrow Style ......... */
/* --- 👍 taken from https://github.com/mxkrsv 👍 --- */ /* --- 👍 taken from https://github.com/mxkrsv 👍 --- */

2
.config/waybar/configs/[TOP] Camellia → .config/waybar/configs/TOP-Camellia
View file

@ -1,4 +1,4 @@
//* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ //* ----------- 💫 https://github.com/LinuxBeginnings 💫 -------- */
//* ............................................*/ //* ............................................*/
//* .............CAMELLIA.......................*/ //* .............CAMELLIA.......................*/
//* ............................................*/ //* ............................................*/

2
.config/waybar/configs/[TOP] Chrysanthemum → .config/waybar/configs/TOP-Chrysanthemum
View file

@ -1,4 +1,4 @@
//* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ //* ----------- 💫 https://github.com/LinuxBeginnings 💫 -------- */
//* ............................................*/ //* ............................................*/
//* .............CHRYSANTHEMUM.......................*/ //* .............CHRYSANTHEMUM.......................*/
//* ............................................*/ //* ............................................*/

4
.config/waybar/configs/[TOP] Default → .config/waybar/configs/TOP-Default
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
// ### DEFAULT - Top ### // // ### DEFAULT - Top ### //
{ {
@ -38,7 +38,7 @@
"hyprland/workspaces#rw", "hyprland/workspaces#rw",
"clock", "clock",
"custom/separator#dot-line", "custom/separator#dot-line",
"custom/weather", "custom/weather2",
"custom/separator#dot-line", "custom/separator#dot-line",
"idle_inhibitor", "idle_inhibitor",
"custom/hint", "custom/hint",

53
.config/waybar/configs/TOP-Default-Laptop Normal file
View file

@ -0,0 +1,53 @@
/* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
// ### DEFAULT Laptop - Top ### //
{
"include": [
"$HOME/.config/waybar/Modules",
"$HOME/.config/waybar/ModulesWorkspaces",
"$HOME/.config/waybar/ModulesCustom",
"$HOME/.config/waybar/ModulesGroups",
"$HOME/.config/waybar/UserModules",
],
"layer": "top",
//"mode": "dock",
"exclusive": true,
"passthrough": false,
"position": "top",
"spacing": 3,
"fixed-center": true,
"ipc": true,
"margin-top": 3,
"margin-left": 8,
"margin-right": 8,
"modules-left": [
"custom/separator#blank",
"custom/cava_mviz",
"custom/separator#blank",
"custom/playerctl",
"custom/separator#blank",
"hyprland/window",
],
"modules-center": [
"custom/separator#blank",
"group/app_drawer",
"group/notify",
"hyprland/workspaces#rw",
"clock",
"custom/weather2",
"idle_inhibitor",
"custom/hint",
],
"modules-right": [
"tray",
"network#speed",
"group/laptop",
"group/mobo_drawer",
"group/audio",
"custom/nightlight",
"group/status",
],
}

51
.config/waybar/configs/TOP-Default-Laptop-glass Normal file
View file

@ -0,0 +1,51 @@
/* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
// ### DEFAULT Laptop - Top ### //
{
"include": [
"$HOME/.config/waybar/Modules",
"$HOME/.config/waybar/ModulesWorkspaces",
"$HOME/.config/waybar/ModulesCustom",
"$HOME/.config/waybar/ModulesGroups",
"$HOME/.config/waybar/UserModules",
],
"layer": "top",
//"mode": "dock",
"exclusive": true,
"passthrough": false,
"position": "top",
"spacing": 3,
"fixed-center": true,
"ipc": true,
"margin-top": 3,
"margin-left": 8,
"margin-right": 8,
"modules-left": [
"custom/separator#blank",
"custom/cava_mviz",
"custom/separator#blank",
"custom/playerctl",
"hyprland/window",
],
"modules-center": [
"group/app_drawer",
"custom/separator#blank",
"group/notify",
"hyprland/workspaces#rw",
"clock",
"custom/weather2",
"idle_inhibitor",
"custom/hint",
],
"modules-right": [
"tray",
"group/laptop",
"group/mobo_drawer",
"group/audio",
"custom/nightlight",
"group/status",
],
}

4
.config/waybar/configs/[TOP] Default Laptop (old v1) → .config/waybar/configs/TOP-Default-Laptop-old-v1
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
// ### DEFAULT Top -Laptop (old v1) ### // // ### DEFAULT Top -Laptop (old v1) ### //
{ {
@ -30,7 +30,7 @@
"custom/separator#dot-line", "custom/separator#dot-line",
"memory", "memory",
"custom/separator#dot-line", "custom/separator#dot-line",
"custom/weather", "custom/weather2",
"custom/separator#blank_3", "custom/separator#blank_3",
"custom/cava_mviz", "custom/cava_mviz",
], ],

4
.config/waybar/configs/[TOP] Default Laptop (old v2) → .config/waybar/configs/TOP-Default-Laptop-old-v2
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
// ### DEFAULT (Laptop) - Top (old v2) ### // // ### DEFAULT (Laptop) - Top (old v2) ### //
{ {
@ -30,7 +30,7 @@
"custom/separator#blank", "custom/separator#blank",
"group/laptop", "group/laptop",
"custom/separator#line", "custom/separator#line",
"custom/weather", "custom/weather2",
], ],
"modules-center": [ "modules-center": [

4
.config/waybar/configs/[TOP] Default Laptop (old v3) → .config/waybar/configs/TOP-Default-Laptop-old-v3
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
// ### DEFAULT (Laptop) - Top (old v3) ### // // ### DEFAULT (Laptop) - Top (old v3) ### //
{ {
@ -30,7 +30,7 @@
"custom/separator#blank", "custom/separator#blank",
"group/laptop", "group/laptop",
"custom/separator#line", "custom/separator#line",
"custom/weather", "custom/weather2",
], ],
"modules-center": [ "modules-center": [

4
.config/waybar/configs/[TOP] Default Laptop (old v4) → .config/waybar/configs/TOP-Default-Laptop-old-v4
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
// ### DEFAULT (Laptop) - Top (old v4) ### // // ### DEFAULT (Laptop) - Top (old v4) ### //
{ {
@ -28,7 +28,7 @@
"custom/separator#blank", "custom/separator#blank",
"group/laptop", "group/laptop",
"custom/separator#line", "custom/separator#line",
"custom/weather", "custom/weather2",
], ],
"modules-center": [ "modules-center": [

4
.config/waybar/configs/[TOP] Default Laptop → .config/waybar/configs/TOP-Default-Laptop-old-v5
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
// ### DEFAULT Laptop - Top ### // // ### DEFAULT Laptop - Top ### //
{ {
@ -38,7 +38,7 @@
"hyprland/workspaces#rw", "hyprland/workspaces#rw",
"clock", "clock",
"custom/separator#dot-line", "custom/separator#dot-line",
"custom/weather", "custom/weather2",
"custom/separator#dot-line", "custom/separator#dot-line",
"idle_inhibitor", "idle_inhibitor",
"custom/hint", "custom/hint",

4
.config/waybar/configs/[TOP] Default (old v1) → .config/waybar/configs/TOP-Default-old-v1
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
// ### DEFAULT - Top (old v1) ### // // ### DEFAULT - Top (old v1) ### //
{ {
@ -30,7 +30,7 @@
"custom/separator#dot-line", "custom/separator#dot-line",
"memory", "memory",
"custom/separator#dot-line", "custom/separator#dot-line",
"custom/weather", "custom/weather2",
"custom/separator#blank_3", "custom/separator#blank_3",
"custom/cava_mviz", "custom/cava_mviz",
], ],

4
.config/waybar/configs/[TOP] Default (old v2) → .config/waybar/configs/TOP-Default-old-v2
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
// ### DEFAULT - Top (old v2) ### // // ### DEFAULT - Top (old v2) ### //
{ {
@ -27,7 +27,7 @@
"custom/separator#dot-line", "custom/separator#dot-line",
"group/motherboard", "group/motherboard",
"custom/separator#line", "custom/separator#line",
"custom/weather", "custom/weather2",
], ],
"modules-center": [ "modules-center": [

4
.config/waybar/configs/[TOP] Default (old v3) → .config/waybar/configs/TOP-Default-old-v3
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
// ### DEFAULT - Top (old v3) ### // // ### DEFAULT - Top (old v3) ### //
{ {
@ -29,7 +29,7 @@
"group/mobo_drawer", "group/mobo_drawer",
"custom/separator#blank", "custom/separator#blank",
"custom/separator#line", "custom/separator#line",
"custom/weather", "custom/weather2",
], ],
"modules-center": [ "modules-center": [

4
.config/waybar/configs/[TOP] Default (old v4) → .config/waybar/configs/TOP-Default-old-v4
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
// ### DEFAULT - Top (old v4) ### // // ### DEFAULT - Top (old v4) ### //
{ {
@ -26,7 +26,7 @@
"custom/separator#dot-line", "custom/separator#dot-line",
"group/mobo_drawer", "group/mobo_drawer",
"custom/separator#line", "custom/separator#line",
"custom/weather", "custom/weather2",
], ],
"modules-center": [ "modules-center": [

2
.config/waybar/configs/[TOP] Everforest → .config/waybar/configs/TOP-Everforest
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
/* -- designed by https://github.com/DevNChill */ /* -- designed by https://github.com/DevNChill */
// ### Everforest ### // // ### Everforest ### //

143
.config/waybar/configs/TOP-Everforest-glass Normal file
View file

@ -0,0 +1,143 @@
/* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
/* -- designed by https://github.com/DevNChill */
// ### Everforest ### //
{
"include": [
"$HOME/.config/waybar/Modules",
"$HOME/.config/waybar/ModulesWorkspaces",
"$HOME/.config/waybar/ModulesCustom",
"$HOME/.config/waybar/ModulesGroups",
"$HOME/.config/waybar/UserModules",
],
"layer": "top",
//"mode": "dock",
"exclusive": true,
"passthrough": false,
"position": "top",
//"spacing": 6,
"fixed-center": true,
"ipc": true,
//"margin-top": 3,
//"margin-left": 8,
//"margin-right": 8,
"modules-left": [
"custom/arch",
"hyprland/workspaces#rw",
// "mpris",
"group/notify",
"tray",
],
"modules-center": [
"clock#forest",
"idle_inhibitor",
],
"modules-right": [
"cpu#forest",
"memory#forest",
"temperature#forest",
"disk#forest",
"backlight",
"battery#forest",
"group/audio",
"custom/nightlight",
],
// Additional / Edited Waybar Modules //
"custom/arch": {
"format":" ",
"tooltip": false,
"on-click": "rofi -show drun"
},
"clock#forest": {
"format": "{:L%A %d.%m.%Y - %H:%M}",
"tooltip-format": "<span color='#D3C6AA' size='larger'>{:%Y %B}</span>\n<tt>{calendar}</tt>",
"calendar-weeks-pos": "right",
"today-format": "<span color='#E67E80' weight='ultrabold'>{}</span>",
"format-calendar": "<span color='#D3C6AA' weight='normal'>{}</span>",
"format-calendar-weeks": "<span color='#7FBBB3'><b>W{:%V}</b></span>",
"format-calendar-weekdays": "<span color='#A7C080'><b>{}</b></span>",
"on-scroll": {
"calendar": 1
}
},
"battery#forest": {
//"interval": 5,
"align": 0,
"rotate": 0,
//"bat": "BAT1",
//"adapter": "ACAD",
"full-at": 100,
"design-capacity": false,
"states": {
"good": 95,
"warning": 30,
"critical": 15
},
"format": "Battery {icon} {capacity}%",
"format-charging": "Battery  {capacity}%",
"format-plugged": "Battery 󱘖 {capacity}%",
"format-alt-click": "click",
"format-full": "Battery {icon} Full",
"format-alt": "Battery {icon} {time}",
"format-icons": [
"󰂎", "󰁺", "󰁻", "󰁼", "󰁽", "󰁾", "󰁿", "󰂀", "󰂁", "󰂂", "󰁹"
],
"format-time": "{H}h {M}min",
"tooltip": true,
"tooltip-format": "{timeTo} {power}w",
"on-click-middle": "$HOME/.config/hypr/scripts/ChangeBlur.sh",
"on-click-right": "$HOME/.config/hypr/scripts/Wlogout.sh",
},
"cpu#forest": {
"format": "Cpu 󰍛 {usage}%",
"interval": 1,
"min-length": 5,
"format-alt-click": "click",
"format-alt": "{icon0}{icon1}{icon2}{icon3} {usage:>2}% 󰍛",
"format-icons": [
"▁", "▂", "▃", "▄", "▅", "▆", "▇", "█"
],
"on-click-right": "gnome-system-monitor",
},
"disk#forest": {
"interval": 30,
//"format": "Disk 󰋊",
"path": "/",
//"format-alt-click": "click",
"format": "Disk 󰋊 {used}",
"on-click-right": "baobab",
// "tooltip": true,
// "tooltip-format": "Disk {used} used out of {total} on {path} ({percentage_used}%)",
},
"memory#forest": {
"interval": 10,
"format": "Ram 󰾆 {used:0.1f}G",
"format-alt": "Ram {percentage}% 󰾆",
"format-alt-click": "click",
"tooltip": true,
"tooltip-format": "Ram {used:0.1f}GB/{total:0.1f}G",
"on-click-right": "kitty --title btop sh -c 'btop'"
},
"temperature#forest": {
"interval": 10,
"tooltip": true,
"hwmon-path": [
"/sys/class/hwmon/hwmon1/temp1_input",
"/sys/class/thermal/thermal_zone0/temp"
],
//"thermal-zone": 0,
"critical-threshold": 82,
"format-critical": "Temp {icon} {temperatureC}°C",
"format": "Temp {icon} {temperatureC}°C",
"format-icons": [
" 󰈸"
],
"on-click-right": "kitty --title nvtop sh -c 'nvtop'"
},
}

2
.config/waybar/configs/[TOP] Gardenia → .config/waybar/configs/TOP-Gardenia
View file

@ -1,4 +1,4 @@
//* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ //* ----------- 💫 https://github.com/LinuxBeginnings 💫 -------- */
//* ............................................*/ //* ............................................*/
//* .............GARDENIA.......................*/ //* .............GARDENIA.......................*/
//* ............................................*/ //* ............................................*/

2
.config/waybar/configs/[TOP] Minimal - Long → .config/waybar/configs/TOP-Minimal-Long
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
// ### Minimal - Long ### // // ### Minimal - Long ### //

4
.config/waybar/configs/[TOP] Minimal - Short → .config/waybar/configs/TOP-Minimal-Short
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
// ### Minimal -SHORT ### // // ### Minimal -SHORT ### //
@ -17,7 +17,7 @@
"modules-left": [ "modules-left": [
"clock", "clock",
"custom/weather", "custom/weather2",
], ],
"modules-center": [ "modules-center": [

2
.config/waybar/configs/[TOP] Peony → .config/waybar/configs/TOP-Peony
View file

@ -1,4 +1,4 @@
//* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ //* ----------- 💫 https://github.com/LinuxBeginnings 💫 -------- */
//* ............................................*/ //* ............................................*/
//* ................PEONY.......................*/ //* ................PEONY.......................*/
//* ............................................*/ //* ............................................*/

2
.config/waybar/configs/[TOP] Simple → .config/waybar/configs/TOP-Simple
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
// ### TOP Simple ## // // ### TOP Simple ## //
{ {

2
.config/waybar/configs/[TOP] Simpliest → .config/waybar/configs/TOP-Simpliest
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
// ### TOP Simpliests ## // // ### TOP Simpliests ## //
{ {

2
.config/waybar/configs/[TOP] Sleek → .config/waybar/configs/TOP-Sleek
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
// Sleek // Sleek
{ {

57
.config/waybar/configs/TOP-ddubs-simple-bar Normal file
View file

@ -0,0 +1,57 @@
/* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
// ### DEFAULT Laptop - Top ### //
{
"include": [
"$HOME/.config/waybar/Modules",
"$HOME/.config/waybar/ModulesWorkspaces",
"$HOME/.config/waybar/ModulesCustom",
"$HOME/.config/waybar/ModulesGroups",
"$HOME/.config/waybar/UserModules",
],
"layer": "top",
//"mode": "dock",
"exclusive": true,
"passthrough": false,
"position": "top",
"spacing": 3,
"fixed-center": true,
"ipc": true,
"margin-top": 3,
"margin-left": 8,
"margin-right": 8,
"modules-left": [
"custom/separator#blank",
"custom/separator#blank",
"custom/cava_mviz",
"custom/separator#blank",
"custom/separator#blank",
"custom/playerctl",
"custom/separator#blank",
"hyprland/window",
],
"modules-center": [
"custom/separator#blank",
"custom/swaync",
"hyprland/workspaces#rw",
"clock",
"idle_inhibitor",
],
"modules-right": [
"pulseaudio",
"pulseaudio#microphone",
"custom/separator#blank",
"tray",
"custom/separator#blank",
"custom/weather2",
"cpu",
"memory",
"temperature",
"battery",
"group/status",
"custom/separator#blank",
],
}

79
.config/waybar/configs/[TOP & BOT] SummitSplit v3 Normal file
View file

@ -0,0 +1,79 @@
//Updated Sumsplit to include 0-JA-0 Top and updated BOT
[
{
"include": [
"$HOME/.config/waybar/Modules",
"$HOME/.config/waybar/ModulesWorkspaces",
"$HOME/.config/waybar/ModulesCustom",
"$HOME/.config/waybar/ModulesGroups",
"$HOME/.config/waybar/UserModules",
],
"name": "topbar",
"layer": "top",
"position": "top",
//"mode": "dock",
"exclusive": true,
"spacing": 2,
"passthrough": false,
"gtk-layer-shell": true,
"reload_style_on_change": true,
"modules-left": [
"idle_inhibitor",
"custom/separator#blank",
"tray",
"connections",
"clock",
"network#speed",
"custom/separator#blank_2",
],
"modules-center": ["group/app_drawer",
"custom/separator#dot-line",
"hyprland/workspaces#rw",
"custom/separator#dot-line",
"group/notify",],
"modules-right": [
"group/laptop",
"custom/separator#blank",
"group/mobo_drawer",
"custom/separator#line",
"group/audio",
"custom/separator#dot-line",
"mpris",
"custom/separator#blank",
"custom/nightlight",
"group/status",
],
},
{
"include": [
"$HOME/.config/waybar/Modules",
"$HOME/.config/waybar/ModulesWorkspaces",
"$HOME/.config/waybar/ModulesCustom",
"$HOME/.config/waybar/ModulesGroups",
"$HOME/.config/waybar/UserModules",
],
"name": "bottombar",
"layer": "top",
"position": "bottom",
"height": 30,
"mode": "dock",
"exclusive": true,
"spacing": 2,
"passthrough": true,
"gtk-layer-shell": true,
"reload_style_on_change": true,
"modules-left": [ "hyprland/window",
"custom/cava_mviz", "custom/playerctl"],
"modules-center": ["wlr/taskbar"],
"modules-right": ["custom/backlight",
"backlight/slider",
"custom/speaker",
"pulseaudio/slider", "custom/updater",
],
}
]

2
.config/waybar/style.css
View file

@ -1 +1 @@
/home/kappa/.config/waybar/style/[Extra] Modern-Combined - Transparent.css /home/kappa/.config/waybar/style/Extra-Modern-Combined-Transparent.css

21
.config/waybar/style/[0 VERTICAL] [Catpuccin] Mocha.css → .config/waybar/style/0-VERTICAL-Catpuccin-Mocha.css
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
/* Vertical Catpuccin Mocha */ /* Vertical Catpuccin Mocha */
/* As stated on title, best style for vertical layout waybar config */ /* As stated on title, best style for vertical layout waybar config */
@ -7,7 +7,8 @@
font-weight: bold; font-weight: bold;
min-height: 0; min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%; /* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
} }
@ -16,6 +17,8 @@
window#waybar { window#waybar {
background-color: @base; background-color: @base;
border-radius: 5px; border-radius: 5px;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
tooltip { tooltip {
@ -27,8 +30,11 @@ tooltip {
border-color: @sapphire; border-color: @sapphire;
} }
/* Waybar scaling: adjust tooltip label font-size to scale the bar */
tooltip label { tooltip label {
color: @blue; color: @blue;
/* Waybar scaling: adjust tooltip label font-size to scale the bar */
font-size: 14px;
} }
#taskbar button, #taskbar button,
@ -90,6 +96,7 @@ tooltip label {
#wireplumber, #wireplumber,
#workspaces, #workspaces,
#custom-backlight, #custom-backlight,
#custom-nightlight,
#custom-browser, #custom-browser,
#custom-cava_mviz, #custom-cava_mviz,
#custom-cycle_wall, #custom-cycle_wall,
@ -98,6 +105,7 @@ tooltip label {
#custom-keybinds, #custom-keybinds,
#custom-keyboard, #custom-keyboard,
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#custom-lock, #custom-lock,
#custom-hint, #custom-hint,
#custom-hypridle, #custom-hypridle,
@ -114,6 +122,7 @@ tooltip label {
#custom-updater, #custom-updater,
#custom-hyprpicker, #custom-hyprpicker,
#custom-weather, #custom-weather,
#custom-weather2,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,
@ -133,6 +142,7 @@ tooltip label {
#idle_inhibitor { #idle_inhibitor {
color: @pink; color: @pink;
border-bottom: 8px solid rgba(0, 0, 0, 0.2);
} }
#mpris { #mpris {
@ -217,6 +227,13 @@ tooltip label {
background-color: @surface0; background-color: @surface0;
} }
window#waybar.bottombar #backlight-slider trough,
window#waybar.bottombar #pulseaudio-slider trough {
min-height: 7px;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
}
#backlight-slider highlight, #backlight-slider highlight,
#pulseaudio-slider highlight { #pulseaudio-slider highlight {
min-width: 5px; min-width: 5px;

20
.config/waybar/style/[0 VERTICAL] Golden Noir.css → .config/waybar/style/0-VERTICAL-Golden-Noir.css
View file

@ -1,4 +1,4 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ /* ----------- 💫 https://github.com/LinuxBeginnings 💫 -------- */
/* ...............Golden Noir................ */ /* ...............Golden Noir................ */
/* --- 👍 designed by https://github.com/Krautt 👍 --- */ /* --- 👍 designed by https://github.com/Krautt 👍 --- */
@ -7,7 +7,8 @@
font-weight: bold; font-weight: bold;
min-height: 0; min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%; /* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
} }
@ -16,10 +17,14 @@ window#waybar {
border-radius: 30px; border-radius: 30px;
color: #cba6f7; color: #cba6f7;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
window#waybar.hidden { window#waybar.hidden {
opacity: 0.5; opacity: 0.5;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
tooltip { tooltip {
@ -118,6 +123,7 @@ tooltip {
#wireplumber, #wireplumber,
#workspaces, #workspaces,
#custom-backlight, #custom-backlight,
#custom-nightlight,
#custom-browser, #custom-browser,
#custom-cava_mviz, #custom-cava_mviz,
#custom-cycle_wall, #custom-cycle_wall,
@ -126,6 +132,7 @@ tooltip {
#custom-keybinds, #custom-keybinds,
#custom-keyboard, #custom-keyboard,
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#custom-lock, #custom-lock,
#custom-hint, #custom-hint,
#custom-hypridle, #custom-hypridle,
@ -142,6 +149,7 @@ tooltip {
#custom-updater, #custom-updater,
#custom-hyprpicker, #custom-hyprpicker,
#custom-weather, #custom-weather,
#custom-weather2,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,
@ -173,6 +181,7 @@ tooltip {
#custom-hypridle.notactive, #custom-hypridle.notactive,
#idle_inhibitor.activated { #idle_inhibitor.activated {
color: #39FF14; color: #39FF14;
border-bottom: 8px solid rgba(0, 0, 0, 0.2);
} }
#battery.critical:not(.charging) { #battery.critical:not(.charging) {
@ -202,6 +211,13 @@ tooltip {
background-color: #22252a; background-color: #22252a;
} }
window#waybar.bottombar #backlight-slider trough,
window#waybar.bottombar #pulseaudio-slider trough {
min-height: 7px;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
}
#backlight-slider highlight, #backlight-slider highlight,
#pulseaudio-slider highlight { #pulseaudio-slider highlight {
min-width: 5px; min-width: 5px;

29
.config/waybar/style/[0 VERTICAL] Oglo Chicklets.css → .config/waybar/style/0-VERTICAL-Oglo-Chicklets.css
View file

@ -1,9 +1,10 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
/* Oglo Chicklets */ /* Oglo Chicklets */
* { * {
font-family: "JetBrainsMono Nerd Font", FontAwesome, Roboto, Helvetica, Arial, sans-serif; font-family: "JetBrainsMono Nerd Font", FontAwesome, Roboto, Helvetica, Arial, sans-serif;
font-size: 97%; /* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
font-weight: bold; font-weight: bold;
} }
@ -13,18 +14,26 @@ window#waybar {
color: #d3c6aa; color: #d3c6aa;
transition-property: background-color; transition-property: background-color;
transition-duration: .5s; transition-duration: .5s;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
window#waybar.hidden { window#waybar.hidden {
opacity: 0.2; opacity: 0.2;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
/* /*
window#waybar.empty { window#waybar.empty {
background-color: transparent; background-color: transparent;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
window#waybar.solo { window#waybar.solo {
background-color: #FFFFFF; background-color: #FFFFFF;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
*/ */
@ -80,6 +89,7 @@ button.active {
#wireplumber, #wireplumber,
#workspaces, #workspaces,
#custom-backlight, #custom-backlight,
#custom-nightlight,
#custom-browser, #custom-browser,
#custom-cava_mviz, #custom-cava_mviz,
#custom-cycle_wall, #custom-cycle_wall,
@ -88,6 +98,7 @@ button.active {
#custom-keybinds, #custom-keybinds,
#custom-keyboard, #custom-keyboard,
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#custom-lock, #custom-lock,
#custom-hint, #custom-hint,
#custom-hypridle, #custom-hypridle,
@ -104,6 +115,7 @@ button.active {
#custom-updater, #custom-updater,
#custom-hyprpicker, #custom-hyprpicker,
#custom-weather, #custom-weather,
#custom-weather2,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,
@ -221,6 +233,7 @@ label:focus {
#custom-lock, #custom-lock,
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#backlight { #backlight {
background-color: #64b6ac; background-color: #64b6ac;
color: #2d353b; color: #2d353b;
@ -296,10 +309,12 @@ label:focus {
#idle_inhibitor { #idle_inhibitor {
background-color: #2d3436; background-color: #2d3436;
border-bottom: 8px solid #7a8c37;
} }
#idle_inhibitor.activated { #idle_inhibitor.activated {
background-color: #ecf0f1; background-color: #ecf0f1;
border-bottom: 8px solid #7a8c37;
color: #2d3436; color: #2d3436;
} }
@ -363,12 +378,15 @@ tooltip decoration:backdrop {
box-shadow: none; box-shadow: none;
} }
/* Waybar scaling: adjust tooltip label font-size to scale the bar */
tooltip label { tooltip label {
color: #d3c6aa; color: #d3c6aa;
padding-left: 5px; padding-left: 5px;
padding-right: 5px; padding-right: 5px;
padding-top: 0px; padding-top: 0px;
padding-bottom: 5px; padding-bottom: 5px;
/* Waybar scaling: adjust tooltip label font-size to scale the bar */
font-size: 14px;
} }
@ -390,6 +408,13 @@ tooltip label {
background-color: #d8ac47; background-color: #d8ac47;
} }
window#waybar.bottombar #backlight-slider trough,
window#waybar.bottombar #pulseaudio-slider trough {
min-height: 7px;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
}
#backlight-slider highlight, #backlight-slider highlight,
#pulseaudio-slider highlight { #pulseaudio-slider highlight {
min-width: 5px; min-width: 5px;

14
.config/waybar/style/[Black & White] Monochrome.css → .config/waybar/style/Black-&-White-Monochrome.css
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
/* Black & White MonoChrome */ /* Black & White MonoChrome */
* { * {
@ -6,7 +6,8 @@
font-weight: bold; font-weight: bold;
min-height: 0; min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%; /* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
} }
@ -16,6 +17,8 @@ window#waybar.empty #window {
background-color: transparent; background-color: transparent;
padding: 0px; padding: 0px;
border: 0px; border: 0px;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
tooltip { tooltip {
@ -28,8 +31,11 @@ tooltip {
border-color: white; border-color: white;
} }
/* Waybar scaling: adjust tooltip label font-size to scale the bar */
tooltip label{ tooltip label{
color: #cdd6f4; color: #cdd6f4;
/* Waybar scaling: adjust tooltip label font-size to scale the bar */
font-size: 14px;
} }
/*-----module groups----*/ /*-----module groups----*/
.modules-right { .modules-right {
@ -127,6 +133,7 @@ tooltip label{
#wireplumber, #wireplumber,
#workspaces, #workspaces,
#custom-backlight, #custom-backlight,
#custom-nightlight,
#custom-browser, #custom-browser,
#custom-cava_mviz, #custom-cava_mviz,
#custom-cycle_wall, #custom-cycle_wall,
@ -135,6 +142,7 @@ tooltip label{
#custom-keybinds, #custom-keybinds,
#custom-keyboard, #custom-keyboard,
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#custom-lock, #custom-lock,
#custom-hint, #custom-hint,
#custom-hypridle, #custom-hypridle,
@ -151,6 +159,7 @@ tooltip label{
#custom-updater, #custom-updater,
#custom-hyprpicker, #custom-hyprpicker,
#custom-weather, #custom-weather,
#custom-weather2,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,
@ -170,6 +179,7 @@ tooltip label{
#custom-hypridle.notactive, #custom-hypridle.notactive,
#idle_inhibitor.activated { #idle_inhibitor.activated {
color: #39FF14; color: #39FF14;
border-bottom: 8px solid rgba(0, 0, 0, 0.2);
} }
#pulseaudio.muted { #pulseaudio.muted {

13
.config/waybar/style/[Catppuccin] Frappe.css → .config/waybar/style/Catppuccin-Frappe.css
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
/* Catppuccin Frappe */ /* Catppuccin Frappe */
* { * {
@ -6,7 +6,8 @@
font-weight: bold; font-weight: bold;
min-height: 0; min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%; /* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
} }
@ -20,10 +21,14 @@ window#waybar {
border-bottom: 3px solid @sapphire; border-bottom: 3px solid @sapphire;
background: alpha(@crust, 0.4); background: alpha(@crust, 0.4);
border-radius: 10px; border-radius: 10px;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
window#waybar.hidden { window#waybar.hidden {
opacity: 0.2; opacity: 0.2;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
#taskbar button, #taskbar button,
@ -91,6 +96,7 @@ window#waybar.hidden {
#wireplumber, #wireplumber,
#workspaces, #workspaces,
#custom-backlight, #custom-backlight,
#custom-nightlight,
#custom-browser, #custom-browser,
#custom-cava_mviz, #custom-cava_mviz,
#custom-cycle_wall, #custom-cycle_wall,
@ -99,6 +105,7 @@ window#waybar.hidden {
#custom-keybinds, #custom-keybinds,
#custom-keyboard, #custom-keyboard,
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#custom-lock, #custom-lock,
#custom-hint, #custom-hint,
#custom-hypridle, #custom-hypridle,
@ -115,6 +122,7 @@ window#waybar.hidden {
#custom-updater, #custom-updater,
#custom-hyprpicker, #custom-hyprpicker,
#custom-weather, #custom-weather,
#custom-weather2,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,
@ -135,6 +143,7 @@ window#waybar.hidden {
#custom-hypridle.notactive, #custom-hypridle.notactive,
#idle_inhibitor.activated { #idle_inhibitor.activated {
color: #39FF14; color: #39FF14;
border-bottom: 3px solid @sapphire;
} }
#backlight { #backlight {

13
.config/waybar/style/[Catppuccin] Latte.css → .config/waybar/style/Catppuccin-Latte.css
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
/* Catppuccin Latte */ /* Catppuccin Latte */
* { * {
@ -6,7 +6,8 @@ font-family: "JetBrainsMono Nerd Font";
font-weight: bold; font-weight: bold;
min-height: 0; min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%; /* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
} }
@ -19,10 +20,14 @@ window#waybar {
border-bottom: 3px solid @lavender; border-bottom: 3px solid @lavender;
background: alpha(@overlay0, 0.3); background: alpha(@overlay0, 0.3);
border-radius: 10px; border-radius: 10px;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
window#waybar.hidden { window#waybar.hidden {
opacity: 0.2; opacity: 0.2;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
#taskbar button, #taskbar button,
@ -90,6 +95,7 @@ window#waybar.hidden {
#wireplumber, #wireplumber,
#workspaces, #workspaces,
#custom-backlight, #custom-backlight,
#custom-nightlight,
#custom-browser, #custom-browser,
#custom-cava_mviz, #custom-cava_mviz,
#custom-cycle_wall, #custom-cycle_wall,
@ -98,6 +104,7 @@ window#waybar.hidden {
#custom-keybinds, #custom-keybinds,
#custom-keyboard, #custom-keyboard,
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#custom-lock, #custom-lock,
#custom-hint, #custom-hint,
#custom-hypridle, #custom-hypridle,
@ -114,6 +121,7 @@ window#waybar.hidden {
#custom-updater, #custom-updater,
#custom-hyprpicker, #custom-hyprpicker,
#custom-weather, #custom-weather,
#custom-weather2,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,
@ -134,6 +142,7 @@ window#waybar.hidden {
#custom-hypridle.notactive, #custom-hypridle.notactive,
#idle_inhibitor.activated { #idle_inhibitor.activated {
color: #39FF14; color: #39FF14;
border-bottom: 3px solid @lavender;
} }
#backlight { #backlight {

15
.config/waybar/style/[Catppuccin] Mocha.css → .config/waybar/style/Catppuccin-Mocha.css
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
/* Catppuccin Mocha */ /* Catppuccin Mocha */
* { * {
@ -6,7 +6,8 @@
font-weight: bold; font-weight: bold;
min-height: 0; min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%; /* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
} }
@ -17,10 +18,14 @@ window#waybar {
transition-duration: 0.5s; transition-duration: 0.5s;
background: transparent; background: transparent;
border-radius: 10px; border-radius: 10px;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
window#waybar.hidden { window#waybar.hidden {
opacity: 0.2; opacity: 0.2;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
window#waybar.empty, window#waybar.empty,
@ -28,6 +33,8 @@ window#waybar.empty #window {
background-color: transparent; background-color: transparent;
padding: 0px; padding: 0px;
border: 0px; border: 0px;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
#taskbar button, #taskbar button,
@ -113,6 +120,7 @@ window#waybar.empty #window {
#wireplumber, #wireplumber,
#workspaces, #workspaces,
#custom-backlight, #custom-backlight,
#custom-nightlight,
#custom-browser, #custom-browser,
#custom-cava_mviz, #custom-cava_mviz,
#custom-cycle_wall, #custom-cycle_wall,
@ -121,6 +129,7 @@ window#waybar.empty #window {
#custom-keybinds, #custom-keybinds,
#custom-keyboard, #custom-keyboard,
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#custom-lock, #custom-lock,
#custom-hint, #custom-hint,
#custom-hypridle, #custom-hypridle,
@ -137,6 +146,7 @@ window#waybar.empty #window {
#custom-updater, #custom-updater,
#custom-hyprpicker, #custom-hyprpicker,
#custom-weather, #custom-weather,
#custom-weather2,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,
@ -156,6 +166,7 @@ window#waybar.empty #window {
#custom-hypridle.notactive, #custom-hypridle.notactive,
#idle_inhibitor.activated { #idle_inhibitor.activated {
color: #39FF14; color: #39FF14;
border-bottom: 8px solid rgba(0, 0, 0, 0.2);
} }
#bluetooth, #bluetooth,

19
.config/waybar/style/[Colored] Chroma Glow.css → .config/waybar/style/Colored-Chroma-Glow.css
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
/* Chroma Glow */ /* Chroma Glow */
* { * {
@ -6,7 +6,8 @@
font-weight: bold; font-weight: bold;
min-height: 0; min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%; /* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
} }
@ -16,10 +17,14 @@ window#waybar {
transition-property: background-color; transition-property: background-color;
transition-duration: .5s; transition-duration: .5s;
border-radius: 10px; border-radius: 10px;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
window#waybar.hidden { window#waybar.hidden {
opacity: 0.1; opacity: 0.1;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
window#waybar.empty, window#waybar.empty,
@ -27,6 +32,8 @@ window#waybar.empty #window {
padding: 0px; padding: 0px;
border: 0px; border: 0px;
background-color: transparent; background-color: transparent;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
tooltip { tooltip {
@ -39,8 +46,11 @@ tooltip {
border-color: #11111b; border-color: #11111b;
} }
/* Waybar scaling: adjust tooltip label font-size to scale the bar */
tooltip label{ tooltip label{
color: #cdd6f4; color: #cdd6f4;
/* Waybar scaling: adjust tooltip label font-size to scale the bar */
font-size: 14px;
} }
#taskbar button, #taskbar button,
@ -114,6 +124,7 @@ tooltip label{
#wireplumber, #wireplumber,
#workspaces, #workspaces,
#custom-backlight, #custom-backlight,
#custom-nightlight,
#custom-browser, #custom-browser,
#custom-cava_mviz, #custom-cava_mviz,
#custom-cycle_wall, #custom-cycle_wall,
@ -122,6 +133,7 @@ tooltip label{
#custom-keybinds, #custom-keybinds,
#custom-keyboard, #custom-keyboard,
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#custom-lock, #custom-lock,
#custom-hint, #custom-hint,
#custom-hypridle, #custom-hypridle,
@ -138,6 +150,7 @@ tooltip label{
#custom-updater, #custom-updater,
#custom-hyprpicker, #custom-hyprpicker,
#custom-weather, #custom-weather,
#custom-weather2,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,
@ -214,6 +227,7 @@ label:focus {
} }
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#backlight { #backlight {
color: white; color: white;
} }
@ -281,6 +295,7 @@ label:focus {
#custom-hypridle.notactive, #custom-hypridle.notactive,
#idle_inhibitor.activated { #idle_inhibitor.activated {
color: #39FF14; color: #39FF14;
border-bottom: 8px solid rgba(0, 0, 0, 0.2);
} }
#mpd { #mpd {

31
.config/waybar/style/[Colored] Translucent.css → .config/waybar/style/Colored-Translucent.css
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
/* Translucent */ /* Translucent */
@define-color critical #ff0000; /* critical color */ @define-color critical #ff0000; /* critical color */
@ -20,7 +20,8 @@ font-family: "JetBrainsMono Nerd Font";
font-weight: bold; font-weight: bold;
min-height: 0; min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%; /* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
} }
@ -30,10 +31,14 @@ window#waybar {
transition-property: background-color; transition-property: background-color;
transition-duration: .5s; transition-duration: .5s;
border-radius: 10px; border-radius: 10px;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
window#waybar.hidden { window#waybar.hidden {
opacity: 0.1; opacity: 0.1;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
tooltip { tooltip {
@ -48,7 +53,7 @@ tooltip {
#taskbar button, #taskbar button,
#workspaces button { #workspaces button {
background-color: transparent; background-color: transparent;
color: #ffffff; color: @fgcolor;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
padding: 4px; padding: 4px;
@ -59,8 +64,8 @@ tooltip {
#taskbar button.active, #taskbar button.active,
#workspaces button.active { #workspaces button.active {
background-color: transparent; background-color: rgba(0, 0, 0, 0.2);
color: @accent1; color: @accent2;
padding-left: 8px; padding-left: 8px;
padding-right: 8px; padding-right: 8px;
animation: gradient_f 20s ease-in infinite; animation: gradient_f 20s ease-in infinite;
@ -78,13 +83,14 @@ tooltip {
} }
#workspaces button.focused { #workspaces button.focused {
background-color: #bbccdd; background-color: rgba(0, 0, 0, 0.35);
color: @accent2; color: @accent5;
/* box-shadow: inset 0 -3px #ffffff; */ /* box-shadow: inset 0 -3px #ffffff; */
} }
#workspaces button.urgent { #workspaces button.urgent {
background-color: #eb4d4b; background-color: #eb4d4b;
color: #ffffff;
} }
#mode { #mode {
@ -115,6 +121,7 @@ tooltip {
#wireplumber, #wireplumber,
#workspaces, #workspaces,
#custom-backlight, #custom-backlight,
#custom-nightlight,
#custom-browser, #custom-browser,
#custom-cava_mviz, #custom-cava_mviz,
#custom-cycle_wall, #custom-cycle_wall,
@ -123,6 +130,7 @@ tooltip {
#custom-keybinds, #custom-keybinds,
#custom-keyboard, #custom-keyboard,
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#custom-lock, #custom-lock,
#custom-hint, #custom-hint,
#custom-hypridle, #custom-hypridle,
@ -139,6 +147,8 @@ tooltip {
#custom-updater, #custom-updater,
#custom-hyprpicker, #custom-hyprpicker,
#custom-weather, #custom-weather,
#custom-weather2,
#custom-weather2,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,
@ -268,6 +278,9 @@ label:focus {
#custom-weather { #custom-weather {
color: #66cc99; color: #66cc99;
} }
#custom-weather2 {
color: #66cc99;
}
#custom-lock { #custom-lock {
color: #ffa000; color: #ffa000;
@ -290,13 +303,15 @@ label:focus {
#custom-hypridle, #custom-hypridle,
#idle_inhibitor { #idle_inhibitor {
color: #f9e2af; color: #f9e2af;
/*background-color: #2d3436;*/ /*background-color: #2d3436;
border-bottom: 8px solid rgba(0, 0, 0, 0.2);*/
} }
/*-----Indicators----*/ /*-----Indicators----*/
#custom-hypridle.notactive, #custom-hypridle.notactive,
#idle_inhibitor.activated { #idle_inhibitor.activated {
color: #39FF14; color: #39FF14;
border-bottom: 8px solid rgba(0, 0, 0, 0.2);
} }
#mpd { #mpd {

16
.config/waybar/style/[Colorful] Aurora Blossom.css → .config/waybar/style/Colorful-Aurora-Blossom.css
View file

@ -1,16 +1,19 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
/* Aurora Blossom */ /* Aurora Blossom */
* { * {
font-family: "JetBrainsMono Nerd Font"; font-family: "JetBrainsMono Nerd Font";
font-weight: bold; font-weight: bold;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%; /* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
} }
window#waybar { window#waybar {
background: transparent; background: transparent;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
window#waybar.empty , window#waybar.empty ,
@ -18,6 +21,8 @@ window#waybar.empty #window {
background-color: transparent; background-color: transparent;
padding: 0px; padding: 0px;
border: 0px; border: 0px;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
tooltip { tooltip {
@ -27,8 +32,11 @@ tooltip {
border-radius: 10px; border-radius: 10px;
} }
/* Waybar scaling: adjust tooltip label font-size to scale the bar */
tooltip label{ tooltip label{
color: black; color: black;
/* Waybar scaling: adjust tooltip label font-size to scale the bar */
font-size: 14px;
} }
/*-----module groups----*/ /*-----module groups----*/
@ -106,6 +114,7 @@ tooltip label{
#wireplumber, #wireplumber,
#workspaces, #workspaces,
#custom-backlight, #custom-backlight,
#custom-nightlight,
#custom-browser, #custom-browser,
#custom-cava_mviz, #custom-cava_mviz,
#custom-cycle_wall, #custom-cycle_wall,
@ -114,6 +123,7 @@ tooltip label{
#custom-keybinds, #custom-keybinds,
#custom-keyboard, #custom-keyboard,
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#custom-lock, #custom-lock,
#custom-hint, #custom-hint,
#custom-hypridle, #custom-hypridle,
@ -130,6 +140,7 @@ tooltip label{
#custom-updater, #custom-updater,
#custom-hyprpicker, #custom-hyprpicker,
#custom-weather, #custom-weather,
#custom-weather2,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,
@ -152,6 +163,7 @@ tooltip label{
#custom-hypridle.notactive, #custom-hypridle.notactive,
#idle_inhibitor.activated { #idle_inhibitor.activated {
color: #39FF14; color: #39FF14;
border-bottom: 8px solid rgba(0, 0, 0, 0.2);
} }
#pulseaudio.muted { #pulseaudio.muted {

14
.config/waybar/style/[Colorful] Aurora.css → .config/waybar/style/Colorful-Aurora.css
View file

@ -1,11 +1,12 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
/* Aurora */ /* Aurora */
* { * {
font-family: "JetBrainsMono Nerd Font"; font-family: "JetBrainsMono Nerd Font";
font-weight: bold; font-weight: bold;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%; /* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
} }
@ -15,6 +16,8 @@ window#waybar.empty #window {
background-color: transparent; background-color: transparent;
padding: 0px; padding: 0px;
border: 0px; border: 0px;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
tooltip { tooltip {
@ -24,8 +27,11 @@ tooltip {
border-radius: 10px; border-radius: 10px;
} }
/* Waybar scaling: adjust tooltip label font-size to scale the bar */
tooltip label{ tooltip label{
color: black; color: black;
/* Waybar scaling: adjust tooltip label font-size to scale the bar */
font-size: 14px;
} }
/*-----module groups----*/ /*-----module groups----*/
.modules-left, .modules-left,
@ -95,6 +101,7 @@ tooltip label{
#wireplumber, #wireplumber,
#workspaces, #workspaces,
#custom-backlight, #custom-backlight,
#custom-nightlight,
#custom-browser, #custom-browser,
#custom-cava_mviz, #custom-cava_mviz,
#custom-cycle_wall, #custom-cycle_wall,
@ -103,6 +110,7 @@ tooltip label{
#custom-keybinds, #custom-keybinds,
#custom-keyboard, #custom-keyboard,
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#custom-lock, #custom-lock,
#custom-hint, #custom-hint,
#custom-hypridle, #custom-hypridle,
@ -119,6 +127,7 @@ tooltip label{
#custom-updater, #custom-updater,
#custom-hyprpicker, #custom-hyprpicker,
#custom-weather, #custom-weather,
#custom-weather2,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,
@ -159,6 +168,7 @@ tooltip label{
#custom-hypridle.notactive, #custom-hypridle.notactive,
#idle_inhibitor.activated { #idle_inhibitor.activated {
color: #39FF14; color: #39FF14;
border-bottom: 8px solid rgba(0, 0, 0, 0.2);
} }
#pulseaudio.muted { #pulseaudio.muted {

22
.config/waybar/style/[Colorful] Oglo Chicklets.css → .config/waybar/style/Colorful-Oglo-Chicklets.css
View file

@ -1,9 +1,10 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
/* Oglo Chicklets */ /* Oglo Chicklets */
* { * {
font-family: "JetBrainsMono Nerd Font", FontAwesome, Roboto, Helvetica, Arial, sans-serif; font-family: "JetBrainsMono Nerd Font", FontAwesome, Roboto, Helvetica, Arial, sans-serif;
font-size: 97%; /* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
font-weight: bold; font-weight: bold;
} }
@ -13,18 +14,26 @@ window#waybar {
color: #d3c6aa; color: #d3c6aa;
transition-property: background-color; transition-property: background-color;
transition-duration: .5s; transition-duration: .5s;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
window#waybar.hidden { window#waybar.hidden {
opacity: 0.2; opacity: 0.2;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
/* /*
window#waybar.empty { window#waybar.empty {
background-color: transparent; background-color: transparent;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
window#waybar.solo { window#waybar.solo {
background-color: #FFFFFF; background-color: #FFFFFF;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
*/ */
@ -80,6 +89,7 @@ button.active {
#wireplumber, #wireplumber,
#workspaces, #workspaces,
#custom-backlight, #custom-backlight,
#custom-nightlight,
#custom-browser, #custom-browser,
#custom-cava_mviz, #custom-cava_mviz,
#custom-cycle_wall, #custom-cycle_wall,
@ -88,6 +98,7 @@ button.active {
#custom-keybinds, #custom-keybinds,
#custom-keyboard, #custom-keyboard,
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#custom-lock, #custom-lock,
#custom-hint, #custom-hint,
#custom-hypridle, #custom-hypridle,
@ -104,6 +115,7 @@ button.active {
#custom-updater, #custom-updater,
#custom-hyprpicker, #custom-hyprpicker,
#custom-weather, #custom-weather,
#custom-weather2,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,
@ -221,6 +233,7 @@ label:focus {
#custom-lock, #custom-lock,
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#backlight { #backlight {
background-color: #64b6ac; background-color: #64b6ac;
color: #2d353b; color: #2d353b;
@ -296,10 +309,12 @@ label:focus {
#idle_inhibitor { #idle_inhibitor {
background-color: #2d3436; background-color: #2d3436;
border-bottom: 8px solid #1d2327;
} }
#idle_inhibitor.activated { #idle_inhibitor.activated {
background-color: #ecf0f1; background-color: #ecf0f1;
border-bottom: 8px solid #7a8c37;
color: #2d3436; color: #2d3436;
} }
@ -363,12 +378,15 @@ tooltip decoration:backdrop {
box-shadow: none; box-shadow: none;
} }
/* Waybar scaling: adjust tooltip label font-size to scale the bar */
tooltip label { tooltip label {
color: #d3c6aa; color: #d3c6aa;
padding-left: 5px; padding-left: 5px;
padding-right: 5px; padding-right: 5px;
padding-top: 0px; padding-top: 0px;
padding-bottom: 5px; padding-bottom: 5px;
/* Waybar scaling: adjust tooltip label font-size to scale the bar */
font-size: 14px;
} }

20
.config/waybar/style/[Colorful] Rainbow Spectrum.css → .config/waybar/style/Colorful-Rainbow-Spectrum.css
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
/* Rainbow Spectrum */ /* Rainbow Spectrum */
* { * {
@ -6,7 +6,8 @@ font-family: "JetBrainsMono Nerd Font";
font-weight: bold; font-weight: bold;
min-height: 0; min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%; /* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
} }
@ -14,10 +15,14 @@ window#waybar {
background-color: rgba(0,0,0,0); background-color: rgba(0,0,0,0);
transition-property: background-color; transition-property: background-color;
transition-duration: .5s; transition-duration: .5s;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
window#waybar.hidden { window#waybar.hidden {
opacity: 0.5; opacity: 0.5;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
window#waybar.empty, window#waybar.empty,
@ -25,6 +30,8 @@ window#waybar.empty #window {
padding: 0px; padding: 0px;
border: 0px; border: 0px;
background-color: transparent; background-color: transparent;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
tooltip { tooltip {
@ -36,8 +43,11 @@ tooltip {
border-color: #11111b; border-color: #11111b;
} }
/* Waybar scaling: adjust tooltip label font-size to scale the bar */
tooltip label{ tooltip label{
color: #cdd6f4; color: #cdd6f4;
/* Waybar scaling: adjust tooltip label font-size to scale the bar */
font-size: 14px;
} }
#taskbar button, #taskbar button,
@ -98,6 +108,7 @@ tooltip label{
#wireplumber, #wireplumber,
#workspaces, #workspaces,
#custom-backlight, #custom-backlight,
#custom-nightlight,
#custom-browser, #custom-browser,
#custom-cava_mviz, #custom-cava_mviz,
#custom-cycle_wall, #custom-cycle_wall,
@ -106,6 +117,7 @@ tooltip label{
#custom-keybinds, #custom-keybinds,
#custom-keyboard, #custom-keyboard,
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#custom-lock, #custom-lock,
#custom-hint, #custom-hint,
#custom-hypridle, #custom-hypridle,
@ -122,6 +134,7 @@ tooltip label{
#custom-updater, #custom-updater,
#custom-hyprpicker, #custom-hyprpicker,
#custom-weather, #custom-weather,
#custom-weather2,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,
@ -260,15 +273,18 @@ tooltip label{
#custom-power_vertical, #custom-power_vertical,
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#custom-hypridle, #custom-hypridle,
#idle_inhibitor { #idle_inhibitor {
background-color: #86b4fa; background-color: #86b4fa;
border-bottom: 8px solid rgba(0, 0, 0, 0.2);
} }
/*-----Indicators----*/ /*-----Indicators----*/
#custom-hypridle.notactive, #custom-hypridle.notactive,
#idle_inhibitor.activated { #idle_inhibitor.activated {
color: #39FF14; color: #39FF14;
border-bottom: 8px solid rgba(0, 0, 0, 0.2);
} }
#bluetooth { #bluetooth {

16
.config/waybar/style/[Colorful] stolen-style.css → .config/waybar/style/Colorful-stolen-style.css
View file

@ -1,11 +1,12 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ /* ----------- 💫 https://github.com/LinuxBeginnings 💫 -------- */
/* ....[Colorful] Stolen ......... */ /* ....[Colorful] Stolen ......... */
* { * {
font-family: "JetBrainsMono Nerd Font"; font-family: "JetBrainsMono Nerd Font";
font-weight: bold; font-weight: bold;
min-height: 0; min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%; /* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
} }
@ -14,10 +15,14 @@ window#waybar {
transition-duration: 0.5s; transition-duration: 0.5s;
background: rgba(0, 0, 0, 0.8); background: rgba(0, 0, 0, 0.8);
border-radius: 6px; border-radius: 6px;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
window#waybar.hidden { window#waybar.hidden {
opacity: 0.2; opacity: 0.2;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
window#waybar.empty, window#waybar.empty,
@ -25,6 +30,8 @@ window#waybar.empty #window {
background-color: rgba(0, 0, 0, 0.8); background-color: rgba(0, 0, 0, 0.8);
padding: 0px; padding: 0px;
border: 0px; border: 0px;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
#backlight, #backlight,
@ -51,12 +58,14 @@ window#waybar.empty #window {
#wireplumber, #wireplumber,
#workspaces, #workspaces,
#custom-backlight, #custom-backlight,
#custom-nightlight,
#custom-cycle_wall, #custom-cycle_wall,
#custom-github, #custom-github,
#custom-hint, #custom-hint,
#custom-hyprWindowMode, #custom-hyprWindowMode,
#custom-keyboard, #custom-keyboard,
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#custom-lock, #custom-lock,
#custom-menu, #custom-menu,
#custom-power, #custom-power,
@ -65,6 +74,7 @@ window#waybar.empty #window {
#custom-swaync, #custom-swaync,
#custom-updater, #custom-updater,
#custom-weather, #custom-weather,
#custom-weather2,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,
@ -115,6 +125,7 @@ window#waybar.empty #window {
#idle_inhibitor { #idle_inhibitor {
color: #7aa2f7; color: #7aa2f7;
border-bottom: 2px solid #455a64;
} }
#backlight { #backlight {
@ -284,6 +295,7 @@ window#waybar.empty #window {
} }
#window { #window {
/* NOTE: Waybar v14+ ignores % font-size values */
font-size: 100%; font-size: 100%;
color: #ffffed; color: #ffffed;
} }

251
.config/waybar/style/Crystal-Clear-Glass.css Normal file
View file

@ -0,0 +1,251 @@
/* CRYSTAL CLEAR Glass theme for Waybar */
/* SPDX-FileCopyrightText: 2026-present Ahum Maitra theahummaitra@gmail.com
SPDX-License-Identifier: GPL-3.0-or-later */
/*
-----------------------------------------------------
General
-----------------------------------------------------
*/
* {
background-color: transparent;
font-family: "JetBrainsMono Nerd Font";
border: none;
font-weight: bolder;
border-radius: 0px;
/* Extra tweaks */
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
/* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
margin-top: 3px;
padding-bottom: 2px;
}
window#waybar {
background: transparent;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
}
.modules-left {
border-radius: 12px;
border: 1px solid transparent;
opacity: 0.8;
padding-left: 5px;
padding-right: 15px;
margin: 10px;
background-color: rgba(255, 255, 255, 0.25);
box-shadow: inset 1px 2px 2px rgba(255, 255, 255, 0.2);
}
.modules-right {
border-radius: 12px;
border: 1px solid transparent;
opacity: 0.8;
padding-left: 15px;
margin: 10px;
background-color: rgba(255, 255, 255, 0.25);
box-shadow: inset 1px 2px 2px rgba(255, 255, 255, 0.3);
}
.modules-center {
border-radius: 12px;
border: 1px solid transparent;
opacity: 0.8;
margin: 10px;
background-color: rgba(255, 255, 255, 0.25);
box-shadow: inset 0px 2px 2px rgba(255, 255, 255, 0.2);
}
label.module {
font-size: 14px;
margin-left: 8px;
margin-right: 8px;
border-radius: 5px;
}
label.module {
font-size: 14px;
padding: 3px 10px;
transition: all 0.3s ease-out;
border-radius: 10px;
border: 0px solid transparent;
}
label.module:hover {
}
/* -----------------------------------------------------
* Workspaces
* ----------------------------------------------------- */
#workspaces {
padding: 5px 3px 5px 3px;
min-width: 176px;
font-weight: 600;
}
#workspaces button {
border-radius: 3px;
padding: 0px 5px 0px 5px;
margin: 0px 2px 0px 2px;
transition: all 0.3s ease-in-out;
border: 1px solid transparent;
}
#workspaces button.active {
background-color: rgba(255, 255, 255, 0.35);
border: 1px solid transparent;
transition: all 0.3s ease-in-out;
min-width: 30px;
border-radius: 8px;
box-shadow:
inset 1px 2px 2px rgba(255, 255, 255, 0.5),
inset 0 1px 1px rgba(255, 255, 255, 0.8);
}
#workspaces button:hover {
background-color: rgba(255, 255, 255, 0.2);
border-radius: 15px;
}
/* -----------------------------------------------------
* Tooltips
* ----------------------------------------------------- */
tooltip {
border-radius: 12px;
border: 1px solid transparent;
opacity: 0.7;
margin: 10px;
}
/* -----------------------------------------------------
* Window
* ----------------------------------------------------- */
#window {
background-color: transparent;
padding-right: 12px;
}
window#waybar.empty #window {
background-color: transparent;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
}
/* -----------------------------------------------------
* Taskbar
* ----------------------------------------------------- */
#taskbar {
padding: 5px 0px 5px 0px;
}
#taskbar button {
border-radius: 6px;
padding: 0px 5px 0px 5px;
}
#custom-updates.yellow {
border-radius: 8px;
margin: 5px 0px 5px 5px;
padding: 0px 6px 0px 6px;
}
#custom-updates.red {
border-radius: 8px;
margin: 6px 0px 6px 7px;
padding: 0px 6px 0px 6px;
}
/* -----------------------------------------------------
* Clock
* ----------------------------------------------------- */
#clock {
margin-left: 12px;
margin-right: 12px;
}
@keyframes blink {
to {
background-color: #ffffff;
color: #ffffff;
}
}
#battery.critical:not(.charging) {
background-color: transparent;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar button,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-nightlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-nightlight,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-hyprpicker,
#custom-weather,
#custom-weather2,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
background-color: transparent;
}

13
.config/waybar/style/[Dark] Golden Eclipse.css → .config/waybar/style/Dark-Golden-Eclipse.css
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
/* Golden Eclipse */ /* Golden Eclipse */
* { * {
@ -6,7 +6,8 @@ font-family: "JetBrainsMono Nerd Font";
font-weight: bold; font-weight: bold;
min-height: 0; min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%; /* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 1px; padding: 1px;
} }
@ -21,10 +22,14 @@ window#waybar {
padding-right: 4px; padding-right: 4px;
padding-left: 4px; padding-left: 4px;
border-radius: 12px; border-radius: 12px;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
window#waybar.hidden { window#waybar.hidden {
opacity: 0.2; opacity: 0.2;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
#waybar.empty #window { #waybar.empty #window {
@ -54,6 +59,7 @@ window#waybar.hidden {
#wireplumber, #wireplumber,
#workspaces, #workspaces,
#custom-backlight, #custom-backlight,
#custom-nightlight,
#custom-browser, #custom-browser,
#custom-cava_mviz, #custom-cava_mviz,
#custom-cycle_wall, #custom-cycle_wall,
@ -62,6 +68,7 @@ window#waybar.hidden {
#custom-keybinds, #custom-keybinds,
#custom-keyboard, #custom-keyboard,
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#custom-lock, #custom-lock,
#custom-hint, #custom-hint,
#custom-hypridle, #custom-hypridle,
@ -77,6 +84,7 @@ window#waybar.hidden {
#custom-updater, #custom-updater,
#custom-hyprpicker, #custom-hyprpicker,
#custom-weather, #custom-weather,
#custom-weather2,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,
@ -115,6 +123,7 @@ window#waybar.hidden {
#custom-hypridle.notactive, #custom-hypridle.notactive,
#idle_inhibitor.activated { #idle_inhibitor.activated {
color: cyan; color: cyan;
border-bottom: 8px solid rgba(0, 0, 0, 0.2);
} }
#battery.critical:not(.charging) { #battery.critical:not(.charging) {

13
.config/waybar/style/[Dark] Golden Noir.css → .config/waybar/style/Dark-Golden-Noir.css
View file

@ -1,4 +1,4 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ /* ----------- 💫 https://github.com/LinuxBeginnings 💫 -------- */
/* ...............Golden Noir................ */ /* ...............Golden Noir................ */
/* --- 👍 designed by https://github.com/Krautt 👍 --- */ /* --- 👍 designed by https://github.com/Krautt 👍 --- */
@ -7,7 +7,8 @@
font-weight: bold; font-weight: bold;
min-height: 0; min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%; /* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
} }
@ -16,10 +17,14 @@ window#waybar {
border-radius: 30px; border-radius: 30px;
color: #cba6f7; color: #cba6f7;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
window#waybar.hidden { window#waybar.hidden {
opacity: 0.5; opacity: 0.5;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
tooltip { tooltip {
@ -118,6 +123,7 @@ tooltip {
#wireplumber, #wireplumber,
#workspaces, #workspaces,
#custom-backlight, #custom-backlight,
#custom-nightlight,
#custom-browser, #custom-browser,
#custom-cava_mviz, #custom-cava_mviz,
#custom-cycle_wall, #custom-cycle_wall,
@ -126,6 +132,7 @@ tooltip {
#custom-keybinds, #custom-keybinds,
#custom-keyboard, #custom-keyboard,
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#custom-lock, #custom-lock,
#custom-hint, #custom-hint,
#custom-hypridle, #custom-hypridle,
@ -142,6 +149,7 @@ tooltip {
#custom-updater, #custom-updater,
#custom-hyprpicker, #custom-hyprpicker,
#custom-weather, #custom-weather,
#custom-weather2,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,
@ -173,6 +181,7 @@ tooltip {
#custom-hypridle.notactive, #custom-hypridle.notactive,
#idle_inhibitor.activated { #idle_inhibitor.activated {
color: #39FF14; color: #39FF14;
border-bottom: 8px solid rgba(0, 0, 0, 0.2);
} }
#battery.critical:not(.charging) { #battery.critical:not(.charging) {

21
.config/waybar/style/[Dark] Half-Moon.css → .config/waybar/style/Dark-Half-Moon.css
View file

@ -1,4 +1,4 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ /* ----------- 💫 https://github.com/LinuxBeginnings 💫 -------- */
/* ..........Half Moon.................. */ /* ..........Half Moon.................. */
/* NOTE: This is only for some waybar configs */ /* NOTE: This is only for some waybar configs */
/* --- 👍 shared by https://github.com/TomekBobrowicz 👍 --- */ /* --- 👍 shared by https://github.com/TomekBobrowicz 👍 --- */
@ -8,7 +8,8 @@
font-weight: bold; font-weight: bold;
min-height: 0; min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%; /* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
} }
@ -18,6 +19,8 @@ window#waybar {
border-bottom: 1px solid rgba(26,27,38,0); border-bottom: 1px solid rgba(26,27,38,0);
border-radius: 0px; border-radius: 0px;
color: #E6B673; color: #E6B673;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
#waybar.empty, #waybar.tiled, #waybar.floating { #waybar.empty, #waybar.tiled, #waybar.floating {
@ -27,6 +30,8 @@ window#waybar {
window#waybar.empty, window#waybar.empty,
window#waybar.empty #window { window#waybar.empty #window {
background-color: transparent; background-color: transparent;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
#taskbar, #taskbar,
@ -100,8 +105,11 @@ border: 1px solid #D2A6FF;
border-radius: 10px; border-radius: 10px;
} }
/* Waybar scaling: adjust tooltip label font-size to scale the bar */
tooltip label { tooltip label {
color: #F3F4F5; color: #F3F4F5;
/* Waybar scaling: adjust tooltip label font-size to scale the bar */
font-size: 14px;
} }
#window { #window {
@ -122,6 +130,7 @@ color: #F3F4F5;
} }
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#custom-dot_update, #custom-dot_update,
#custom-swaync, #custom-swaync,
#custom-hypridle, #custom-hypridle,
@ -138,6 +147,7 @@ color: #F3F4F5;
#custom-hypridle.notactive, #custom-hypridle.notactive,
#idle_inhibitor.activated { #idle_inhibitor.activated {
color: #39FF14; color: #39FF14;
border-bottom: 1px solid rgba(26,27,38,0);
} }
#bluetooth { #bluetooth {
@ -252,6 +262,13 @@ color: #F3F4F5;
margin: 5px; margin: 5px;
padding: 2px 15px; padding: 2px 15px;
} }
#custom-weather2 {
color: #59C2FF;
background: #0F1419;
border-radius: 50px 50px;
margin: 5px;
padding: 2px 15px;
}
#custom-menu { #custom-menu {
color: #59C2FF; color: #59C2FF;

20
.config/waybar/style/[Dark] Latte-Wallust combined v2.css → .config/waybar/style/Dark-Latte-Wallust-combined-v2.css
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
/* Catppuccin Latte - Wallust - v2 */ /* Catppuccin Latte - Wallust - v2 */
@define-color white #F2F2F2; @define-color white #F2F2F2;
@ -25,7 +25,8 @@
font-weight: bold; font-weight: bold;
min-height: 0; min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%; /* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
} }
@ -36,6 +37,8 @@ window#waybar {
padding-bottom: 0px; padding-bottom: 0px;
padding-right: 4px; padding-right: 4px;
padding-left: 4px; padding-left: 4px;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
tooltip { tooltip {
@ -53,12 +56,12 @@ tooltip {
border-bottom: 2px solid @border-color; border-bottom: 2px solid @border-color;
font-weight: bold; font-weight: bold;
font-style: normal; font-style: normal;
opacity: 0.8; opacity: 1;
} }
#taskbar button, #taskbar button,
#workspaces button { #workspaces button {
color: @foreground; color: @color15;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
border-radius: 30px; border-radius: 30px;
@ -132,6 +135,7 @@ tooltip {
#wireplumber, #wireplumber,
#workspaces, #workspaces,
#custom-backlight, #custom-backlight,
#custom-nightlight,
#custom-browser, #custom-browser,
#custom-cava_mviz, #custom-cava_mviz,
#custom-cycle_wall, #custom-cycle_wall,
@ -140,6 +144,7 @@ tooltip {
#custom-keybinds, #custom-keybinds,
#custom-keyboard, #custom-keyboard,
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#custom-lock, #custom-lock,
#custom-hint, #custom-hint,
#custom-hypridle, #custom-hypridle,
@ -156,6 +161,7 @@ tooltip {
#custom-updater, #custom-updater,
#custom-hyprpicker, #custom-hyprpicker,
#custom-weather, #custom-weather,
#custom-weather2,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,
@ -166,7 +172,7 @@ tooltip {
#custom-weather.showyIcyDay, #custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight, #custom-weather.snowyIcyNight,
#custom-weather.sunnyDay { #custom-weather.sunnyDay {
color: @foreground; color: @color15;
padding-right: 6px; padding-right: 6px;
padding-left: 6px;; padding-left: 6px;;
} }
@ -248,16 +254,18 @@ tooltip {
#custom-lock, #custom-lock,
#idle_inhibitor { #idle_inhibitor {
color: @teal; color: @teal;
border-bottom: 2px solid @border-color;
} }
/*-----Indicators----*/ /*-----Indicators----*/
#custom-hypridle.notactive, #custom-hypridle.notactive,
#idle_inhibitor.activated { #idle_inhibitor.activated {
color: #39FF14; color: #39FF14;
border-bottom: 2px solid @border-color;
} }
#clock { #clock {
color: @foreground; color: @color15;
border-radius: 15px; border-radius: 15px;
} }

18
.config/waybar/style/[Dark] Latte-Wallust combined.css → .config/waybar/style/Dark-Latte-Wallust-combined.css
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
/* Catppuccin Latte - Wallust */ /* Catppuccin Latte - Wallust */
/* Original Design by DC user mannatsingh */ /* Original Design by DC user mannatsingh */
@ -25,7 +25,8 @@
font-weight: bold; font-weight: bold;
min-height: 0; min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%; /* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
} }
@ -33,10 +34,14 @@ window#waybar {
background: transparent; background: transparent;
border-radius: 0px; border-radius: 0px;
color: #cba6f7; color: #cba6f7;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
window#waybar.hidden { window#waybar.hidden {
opacity: 0; opacity: 0;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
tooltip { tooltip {
@ -67,13 +72,13 @@ tooltip {
border:2px solid @border-color; border:2px solid @border-color;
font-weight: bold; font-weight: bold;
font-style: normal; font-style: normal;
opacity:0.8; opacity: 1;
color:#FFFFFF; color:#FFFFFF;
} }
#taskbar button, #taskbar button,
#workspaces button { #workspaces button {
color: #6E6A86; color: @color15;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
border-radius: 30px; border-radius: 30px;
@ -137,6 +142,7 @@ tooltip {
#wireplumber, #wireplumber,
#workspaces, #workspaces,
#custom-backlight, #custom-backlight,
#custom-nightlight,
#custom-browser, #custom-browser,
#custom-cava_mviz, #custom-cava_mviz,
#custom-cycle_wall, #custom-cycle_wall,
@ -145,6 +151,7 @@ tooltip {
#custom-keybinds, #custom-keybinds,
#custom-keyboard, #custom-keyboard,
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#custom-lock, #custom-lock,
#custom-hint, #custom-hint,
#custom-hypridle, #custom-hypridle,
@ -161,6 +168,7 @@ tooltip {
#custom-updater, #custom-updater,
#custom-hyprpicker, #custom-hyprpicker,
#custom-weather, #custom-weather,
#custom-weather2,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,
@ -253,12 +261,14 @@ tooltip {
#custom-lock, #custom-lock,
#idle_inhibitor { #idle_inhibitor {
color: @teal; color: @teal;
border-bottom: 8px solid rgba(0, 0, 0, 0.2);
} }
/*-----Indicators----*/ /*-----Indicators----*/
#custom-hypridle.notactive, #custom-hypridle.notactive,
#idle_inhibitor.activated { #idle_inhibitor.activated {
color: #39FF14; color: #39FF14;
border-bottom: 8px solid rgba(0, 0, 0, 0.2);
} }

13
.config/waybar/style/[Dark] Purpl.css → .config/waybar/style/Dark-Purpl.css
View file

@ -1,4 +1,4 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ /* ----------- 💫 https://github.com/LinuxBeginnings 💫 -------- */
/* .............Purpl..................... */ /* .............Purpl..................... */
/* --- 👍 designed by https://github.com/Krautt 👍 --- */ /* --- 👍 designed by https://github.com/Krautt 👍 --- */
@ -7,17 +7,22 @@
font-weight: bold; font-weight: bold;
min-height: 0; min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%; /* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
} }
window#waybar { window#waybar {
background: #100214; background: #100214;
color: #cba6f7; color: #cba6f7;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
window#waybar.hidden { window#waybar.hidden {
opacity: 0.5; opacity: 0.5;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
tooltip { tooltip {
@ -122,6 +127,7 @@ tooltip {
#wireplumber, #wireplumber,
#workspaces, #workspaces,
#custom-backlight, #custom-backlight,
#custom-nightlight,
#custom-browser, #custom-browser,
#custom-cava_mviz, #custom-cava_mviz,
#custom-cycle_wall, #custom-cycle_wall,
@ -130,6 +136,7 @@ tooltip {
#custom-keybinds, #custom-keybinds,
#custom-keyboard, #custom-keyboard,
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#custom-lock, #custom-lock,
#custom-hint, #custom-hint,
#custom-hypridle, #custom-hypridle,
@ -146,6 +153,7 @@ tooltip {
#custom-updater, #custom-updater,
#custom-hyprpicker, #custom-hyprpicker,
#custom-weather, #custom-weather,
#custom-weather2,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,
@ -177,6 +185,7 @@ tooltip {
#custom-hypridle.notactive, #custom-hypridle.notactive,
#idle_inhibitor.activated { #idle_inhibitor.activated {
color: #39FF14; color: #39FF14;
border-bottom: 8px solid rgba(0, 0, 0, 0.2);
} }
#taskbar button.active { #taskbar button.active {

16
.config/waybar/style/[Dark] Wallust Obsidian Edge.css → .config/waybar/style/Dark-Wallust-Obsidian-Edge.css
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
/* Dark - Obsidian Edge */ /* Dark - Obsidian Edge */
@import '../../.config/waybar/wallust/colors-waybar.css'; @import '../../.config/waybar/wallust/colors-waybar.css';
@ -8,17 +8,22 @@ font-family: "JetBrainsMono Nerd Font";
font-weight: bold; font-weight: bold;
min-height: 0; min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%; /* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
} }
window#waybar { window#waybar {
background: black; background: black;
border-radius: 12px; border-radius: 12px;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
window#waybar.hidden { window#waybar.hidden {
opacity: 0.5; opacity: 0.5;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
tooltip { tooltip {
@ -27,10 +32,13 @@ tooltip {
border-radius: 10px; border-radius: 10px;
} }
/* Waybar scaling: adjust tooltip label font-size to scale the bar */
tooltip label { tooltip label {
color: @foreground; color: @foreground;
padding-right: 2px; padding-right: 2px;
padding-left: 2px; padding-left: 2px;
/* Waybar scaling: adjust tooltip label font-size to scale the bar */
font-size: 14px;
} }
/*-----module groups----*/ /*-----module groups----*/
@ -108,6 +116,7 @@ tooltip label {
#wireplumber, #wireplumber,
#workspaces, #workspaces,
#custom-backlight, #custom-backlight,
#custom-nightlight,
#custom-browser, #custom-browser,
#custom-cava_mviz, #custom-cava_mviz,
#custom-cycle_wall, #custom-cycle_wall,
@ -116,6 +125,7 @@ tooltip label {
#custom-keybinds, #custom-keybinds,
#custom-keyboard, #custom-keyboard,
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#custom-lock, #custom-lock,
#custom-hint, #custom-hint,
#custom-hypridle, #custom-hypridle,
@ -132,6 +142,7 @@ tooltip label {
#custom-updater, #custom-updater,
#custom-hyprpicker, #custom-hyprpicker,
#custom-weather, #custom-weather,
#custom-weather2,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,
@ -164,6 +175,7 @@ tooltip label {
#custom-hypridle.notactive, #custom-hypridle.notactive,
#idle_inhibitor.activated { #idle_inhibitor.activated {
color: #39FF14; color: #39FF14;
border-bottom: 8px solid rgba(0, 0, 0, 0.2);
} }
#battery.critical:not(.charging) { #battery.critical:not(.charging) {

8
.config/waybar/style/[Extra] Arrow.css → .config/waybar/style/Extra-Arrow.css
View file

@ -1,4 +1,4 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ /* ----------- 💫 https://github.com/LinuxBeginnings 💫 -------- */
/* .....[Extra] Arrow Best to combine with [TOP] Arrow.... */ /* .....[Extra] Arrow Best to combine with [TOP] Arrow.... */
/* --- 👍 taken from https://github.com/mxkrsv 👍 --- */ /* --- 👍 taken from https://github.com/mxkrsv 👍 --- */
@ -7,7 +7,8 @@
font-weight: bold; font-weight: bold;
min-height: 0; min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%; /* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
border: none; border: none;
border-radius: 0; border-radius: 0;
@ -84,6 +85,7 @@
#wireplumber, #wireplumber,
#workspaces, #workspaces,
#custom-backlight, #custom-backlight,
#custom-nightlight,
#custom-browser, #custom-browser,
#custom-cava_mviz, #custom-cava_mviz,
#custom-cycle_wall, #custom-cycle_wall,
@ -92,6 +94,7 @@
#custom-keybinds, #custom-keybinds,
#custom-keyboard, #custom-keyboard,
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#custom-lock, #custom-lock,
#custom-hint, #custom-hint,
#custom-hypridle, #custom-hypridle,
@ -108,6 +111,7 @@
#custom-updater, #custom-updater,
#custom-hyprpicker, #custom-hyprpicker,
#custom-weather, #custom-weather,
#custom-weather2,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,

13
.config/waybar/style/[Extra] Crimson.css → .config/waybar/style/Extra-Crimson.css
View file

@ -1,4 +1,4 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ /* ----------- 💫 https://github.com/LinuxBeginnings 💫 -------- */
/* ..........Crimson.................. */ /* ..........Crimson.................. */
/* --- 👍 designed by https://github.com/Krautt 👍 --- */ /* --- 👍 designed by https://github.com/Krautt 👍 --- */
@ -6,7 +6,8 @@
font-family: "JetBrainsMono Nerd Font"; font-family: "JetBrainsMono Nerd Font";
font-weight: bold; font-weight: bold;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%; /* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
} }
@ -15,10 +16,14 @@ window#waybar {
color: wheat; color: wheat;
border-radius: 0px 0px 100px 100px; border-radius: 0px 0px 100px 100px;
border: 1px solid grey; border: 1px solid grey;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
window#waybar.hidden { window#waybar.hidden {
opacity: 0.5; opacity: 0.5;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
tooltip { tooltip {
@ -106,6 +111,7 @@ tooltip {
#wireplumber, #wireplumber,
#workspaces, #workspaces,
#custom-backlight, #custom-backlight,
#custom-nightlight,
#custom-browser, #custom-browser,
#custom-cava_mviz, #custom-cava_mviz,
#custom-cycle_wall, #custom-cycle_wall,
@ -114,6 +120,7 @@ tooltip {
#custom-keybinds, #custom-keybinds,
#custom-keyboard, #custom-keyboard,
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#custom-lock, #custom-lock,
#custom-hint, #custom-hint,
#custom-hypridle, #custom-hypridle,
@ -130,6 +137,7 @@ tooltip {
#custom-updater, #custom-updater,
#custom-hyprpicker, #custom-hyprpicker,
#custom-weather, #custom-weather,
#custom-weather2,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,
@ -161,6 +169,7 @@ tooltip {
#custom-hypridle.notactive, #custom-hypridle.notactive,
#idle_inhibitor.activated { #idle_inhibitor.activated {
color: #39FF14; color: #39FF14;
border-bottom: 8px solid rgba(0, 0, 0, 0.2);
} }
#battery.critical:not(.charging) { #battery.critical:not(.charging) {

14
.config/waybar/style/[Extra] EverForest.css → .config/waybar/style/Extra-EverForest.css
View file

@ -1,4 +1,4 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ /* ----------- 💫 https://github.com/LinuxBeginnings 💫 -------- */
/* --- Designed by https://github.com/DevNChill --- */ /* --- Designed by https://github.com/DevNChill --- */
/* Extra - EverForest*/ /* Extra - EverForest*/
@ -33,7 +33,8 @@
font-weight: bold; font-weight: bold;
min-height: 0; min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%; /* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
border: 1px solid transparent; border: 1px solid transparent;
border-radius: 0px; border-radius: 0px;
@ -47,10 +48,14 @@ window#waybar {
color: @fg; color: @fg;
transition-property: background-color; transition-property: background-color;
transition-duration: 0.5s; transition-duration: 0.5s;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
window#waybar.hidden { window#waybar.hidden {
opacity: 0.5; opacity: 0.5;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
#window { #window {
@ -221,12 +226,14 @@ window#waybar.hidden {
border-radius: 5px; border-radius: 5px;
margin-left: 5px; margin-left: 5px;
background-color: @blue; background-color: @blue;
border-bottom: 8px solid rgba(0, 0, 0, 0.2);
color: @black; color: @black;
} }
/*-----Indicators----*/ /*-----Indicators----*/
#custom-hypridle.notactive, #custom-hypridle.notactive,
#idle_inhibitor.activated { #idle_inhibitor.activated {
background-color: @fg; background-color: @fg;
border-bottom: 8px solid rgba(0, 0, 0, 0.2);
color: @bg0; color: @bg0;
} }
@ -286,6 +293,7 @@ window#waybar.hidden {
#wireplumber, #wireplumber,
#workspaces, #workspaces,
#custom-backlight, #custom-backlight,
#custom-nightlight,
#custom-browser, #custom-browser,
#custom-cava_mviz, #custom-cava_mviz,
#custom-cycle_wall, #custom-cycle_wall,
@ -294,6 +302,7 @@ window#waybar.hidden {
#custom-keybinds, #custom-keybinds,
#custom-keyboard, #custom-keyboard,
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#custom-lock, #custom-lock,
#custom-hint, #custom-hint,
#custom-hypridle, #custom-hypridle,
@ -310,6 +319,7 @@ window#waybar.hidden {
#custom-updater, #custom-updater,
#custom-hyprpicker, #custom-hyprpicker,
#custom-weather, #custom-weather,
#custom-weather2,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,

15
.config/waybar/style/[Extra] ML4W starter.css → .config/waybar/style/Extra-ML4W-starter.css
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
/* ML4W - Waybar Style */ /* ML4W - Waybar Style */
/* Original design from ML4W - Hyprland Starter Waybar */ /* Original design from ML4W - Hyprland Starter Waybar */
@ -22,7 +22,8 @@
border-radius: 4px; border-radius: 4px;
font-weight: bold; font-weight: bold;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%; /* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
} }
@ -32,6 +33,8 @@ window#waybar {
/* color: #FFFFFF; */ /* color: #FFFFFF; */
transition-property: background-color; transition-property: background-color;
transition-duration: .5s; transition-duration: .5s;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
/* ----------------------------------------------------- /* -----------------------------------------------------
@ -86,8 +89,11 @@ tooltip {
margin:0px; margin:0px;
} }
/* Waybar scaling: adjust tooltip label font-size to scale the bar */
tooltip label { tooltip label {
color: @textcolor2; color: @textcolor2;
/* Waybar scaling: adjust tooltip label font-size to scale the bar */
font-size: 14px;
} }
/* ----------------------------------------------------- /* -----------------------------------------------------
@ -105,6 +111,8 @@ tooltip label {
window#waybar.empty #window { window#waybar.empty #window {
background-color:transparent; background-color:transparent;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
/* ----------------------------------------------------- /* -----------------------------------------------------
@ -155,6 +163,7 @@ window#waybar.empty #window {
#wireplumber, #wireplumber,
#workspaces, #workspaces,
#custom-backlight, #custom-backlight,
#custom-nightlight,
#custom-browser, #custom-browser,
#custom-cava_mviz, #custom-cava_mviz,
#custom-cycle_wall, #custom-cycle_wall,
@ -163,6 +172,7 @@ window#waybar.empty #window {
#custom-keybinds, #custom-keybinds,
#custom-keyboard, #custom-keyboard,
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#custom-lock, #custom-lock,
#custom-hint, #custom-hint,
#custom-hypridle, #custom-hypridle,
@ -179,6 +189,7 @@ window#waybar.empty #window {
#custom-updater, #custom-updater,
#custom-hyprpicker, #custom-hyprpicker,
#custom-weather, #custom-weather,
#custom-weather2,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,

13
.config/waybar/style/[Extra] Mauve.css → .config/waybar/style/Extra-Mauve.css
View file

@ -1,4 +1,4 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ /* ----------- 💫 https://github.com/LinuxBeginnings 💫 -------- */
/* .......Mauve....................... */ /* .......Mauve....................... */
/* --- 👍 designed by https://github.com/CelestiaKai 👍 --- */ /* --- 👍 designed by https://github.com/CelestiaKai 👍 --- */
@ -7,17 +7,22 @@
font-weight: bold; font-weight: bold;
min-height: 0; min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%; /* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
} }
window#waybar { window#waybar {
background: #11111b; background: #11111b;
color: #cba6f7; color: #cba6f7;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
window#waybar.hidden { window#waybar.hidden {
opacity: 0.5; opacity: 0.5;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
tooltip { tooltip {
@ -125,6 +130,7 @@ tooltip {
#wireplumber, #wireplumber,
#workspaces, #workspaces,
#custom-backlight, #custom-backlight,
#custom-nightlight,
#custom-browser, #custom-browser,
#custom-cava_mviz, #custom-cava_mviz,
#custom-cycle_wall, #custom-cycle_wall,
@ -133,6 +139,7 @@ tooltip {
#custom-keybinds, #custom-keybinds,
#custom-keyboard, #custom-keyboard,
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#custom-lock, #custom-lock,
#custom-hint, #custom-hint,
#custom-hypridle, #custom-hypridle,
@ -149,6 +156,7 @@ tooltip {
#custom-updater, #custom-updater,
#custom-hyprpicker, #custom-hyprpicker,
#custom-weather, #custom-weather,
#custom-weather2,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,
@ -181,6 +189,7 @@ tooltip {
#custom-hypridle.notactive, #custom-hypridle.notactive,
#idle_inhibitor.activated { #idle_inhibitor.activated {
color: #39FF14; color: #39FF14;
border-bottom: 8px solid rgba(0, 0, 0, 0.2);
} }
#battery.critical:not(.charging) { #battery.critical:not(.charging) {

98
.config/waybar/style/[Extra] Modern-Combined - Transparent.css → .config/waybar/style/Extra-Modern-Combined-Transparent.css
View file

@ -1,33 +1,34 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
/* Extra - Combined Modern - transparent */ /* Extra - Combined Modern - transparent */
/* NOTE: This style is NOT vertical layout friendly! */ /* NOTE: This style is NOT vertical layout friendly! */
@define-color white #F2F2F2; @define-color white #F2F2F2;
@define-color black #000000; @define-color black #000000;
@define-color text #FFFFFF; @define-color text #FFFFFF;
@define-color lightgray #686868; @define-color lightgray #686868;
@define-color darkgray #353535; @define-color darkgray #353535;
@define-color transparent rgba(1, 1, 1, 0.5); @define-color transparent rgba(1, 1, 1, 0.5);
@define-color teal-trans rgba(1, 117, 84, 0.5); @define-color teal-trans rgba(1, 117, 84, 0.5);
@define-color cyan rgba(53, 140, 169, 1); @define-color cyan rgba(53, 140, 169, 1);
@define-color background-module @color1; @define-color background-module @background-alt;
@define-color background-module2 @color11; @define-color background-module2 @background;
@define-color border-color @color12; @define-color border-color @color12;
@define-color button-color @color10; @define-color button-color @color10;
@define-color button-hover @color13; @define-color button-hover @color13;
@define-color backgroundlight @color12; /* Theme-aware base colors */
@define-color backgrounddark #FFFFFF; @define-color backgroundlight @background-alt;
@define-color workspacesbackground1 @color12; @define-color backgrounddark @background;
@define-color workspacesbackground2 #FFFFFF; @define-color workspacesbackground1 @background-alt;
@define-color workspacesbackground2 @background;
@define-color bordercolor @color11; @define-color bordercolor @color11;
@define-color textcolor1 @color12; @define-color textcolor1 @foreground;
@define-color textcolor2 #FFFFFF; @define-color textcolor2 @foreground;
@define-color textcolor3 #FFFFFF; @define-color textcolor3 @foreground;
@define-color iconcolor #FFFFFF; @define-color iconcolor @foreground;
@import '../../.config/waybar/wallust/colors-waybar.css'; @import '../../.config/waybar/wallust/colors-waybar.css';
@import "../waybar/style/catppuccin-themes/latte.css"; @import "../waybar/style/catppuccin-themes/latte.css";
@ -35,9 +36,10 @@
* { * {
font-family: "JetBrainsMono Nerd Font"; font-family: "JetBrainsMono Nerd Font";
font-weight: bold; font-weight: bold;
min-height: 0; min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%; /* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
} }
@ -48,6 +50,8 @@ window#waybar {
padding-bottom: 0px; padding-bottom: 0px;
padding-right: 4px; padding-right: 4px;
padding-left: 4px; padding-left: 4px;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
tooltip { tooltip {
@ -109,10 +113,10 @@ tooltip {
.modules-center { .modules-center {
background-color: @background-module; background-color: @background-module;
border-radius: 0px 0px 45px 45px; border-radius: 0px 0px 45px 45px;
padding-top: 8px; padding-top: 8px;
padding-bottom: 8px; padding-bottom: 8px;
padding-left: 10px; padding-left: 10px;
padding-right: 6px; padding-right: 6px;
} }
#backlight, #backlight,
@ -139,6 +143,7 @@ tooltip {
#wireplumber, #wireplumber,
#workspaces, #workspaces,
#custom-backlight, #custom-backlight,
#custom-nightlight,
#custom-browser, #custom-browser,
#custom-cava_mviz, #custom-cava_mviz,
#custom-cycle_wall, #custom-cycle_wall,
@ -147,6 +152,7 @@ tooltip {
#custom-keybinds, #custom-keybinds,
#custom-keyboard, #custom-keyboard,
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#custom-lock, #custom-lock,
#custom-hint, #custom-hint,
#custom-hypridle, #custom-hypridle,
@ -163,6 +169,7 @@ tooltip {
#custom-updater, #custom-updater,
#custom-hyprpicker, #custom-hyprpicker,
#custom-weather, #custom-weather,
#custom-weather2,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,
@ -174,8 +181,8 @@ tooltip {
#custom-weather.snowyIcyNight, #custom-weather.snowyIcyNight,
#custom-weather.sunnyDay { #custom-weather.sunnyDay {
color: white; color: white;
padding-right: 6px; padding-right: 6px;
padding-left: 6px; padding-left: 6px;
} }
#temperature.critical { #temperature.critical {
@ -189,7 +196,7 @@ tooltip {
} }
#custom-hint { #custom-hint {
color: @peach; color: @peach;
padding-right: 6px; padding-right: 6px;
padding-left: 6px; padding-left: 6px;
} }
@ -203,7 +210,7 @@ tooltip {
} }
#battery.critical:not(.charging) { #battery.critical:not(.charging) {
color: #f53c3c; color: #f53c3c;
animation-name: blink; animation-name: blink;
animation-duration: 3.0s; animation-duration: 3.0s;
animation-timing-function: steps(12); animation-timing-function: steps(12);
@ -213,39 +220,41 @@ tooltip {
#pulseaudio-slider, #pulseaudio-slider,
#pulseaudio { #pulseaudio {
color: @foreground; color: @foreground;
} }
#backlight-slider slider, #backlight-slider slider,
#pulseaudio-slider slider { #pulseaudio-slider slider {
min-width: 0px; min-width: 0px;
min-height: 0px; min-height: 0px;
opacity: 0; opacity: 0;
background-image: none; background-image: none;
border: none; border: none;
box-shadow: none; box-shadow: none;
} }
#backlight-slider trough, #backlight-slider trough,
#pulseaudio-slider trough { #pulseaudio-slider trough {
min-width: 80px; min-width: 80px;
min-height: 5px; min-height: 5px;
border-radius: 5px; border-radius: 5px;
} }
#backlight-slider highlight, #backlight-slider highlight,
#pulseaudio-slider highlight { #pulseaudio-slider highlight {
min-height: 10px; min-height: 10px;
border-radius: 5px; border-radius: 5px;
} }
#custom-hypridle, #custom-hypridle,
#custom-lock, #custom-lock,
#idle_inhibitor { #idle_inhibitor {
color: @teal; color: @teal;
border-bottom: 8px solid rgba(0, 0, 0, 0.2);
} }
#custom-weather, #custom-weather,
#custom-weather2,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,
@ -256,7 +265,7 @@ tooltip {
#custom-weather.showyIcyDay, #custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight, #custom-weather.snowyIcyNight,
#custom-weather.sunnyDay { #custom-weather.sunnyDay {
color: @lavender; color: @lavender;
padding-right: 6px; padding-right: 6px;
padding-left: 6px; padding-left: 6px;
} }
@ -264,11 +273,12 @@ tooltip {
/*-----Indicators----*/ /*-----Indicators----*/
#custom-hypridle.notactive, #custom-hypridle.notactive,
#idle_inhibitor.activated { #idle_inhibitor.activated {
color: #39FF14; color: #39FF14;
border-bottom: 8px solid rgba(0, 0, 0, 0.2);
} }
#clock { #clock {
color: @sapphire; color: @sapphire;
border-radius: 15px; border-radius: 15px;
} }

85
.config/waybar/style/[Extra] Modern-Combined.css → .config/waybar/style/Extra-Modern-Combined.css
View file

@ -1,33 +1,34 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
/* Extra - Combined Modern */ /* Extra - Combined Modern */
/* NOTE: This style is NOT vertical layout friendly! */ /* NOTE: This style is NOT vertical layout friendly! */
@define-color white #F2F2F2; @define-color white #F2F2F2;
@define-color black #000000; @define-color black #000000;
@define-color text #FFFFFF; @define-color text #FFFFFF;
@define-color lightgray #686868; @define-color lightgray #686868;
@define-color darkgray #353535; @define-color darkgray #353535;
@define-color transparent rgba(1, 1, 1, 0.5); @define-color transparent rgba(1, 1, 1, 0.5);
@define-color teal-trans rgba(1, 117, 84, 0.5); @define-color teal-trans rgba(1, 117, 84, 0.5);
@define-color cyan rgba(53, 140, 169, 1); @define-color cyan rgba(53, 140, 169, 1);
@define-color background-module @color1; @define-color background-module @background-alt;
@define-color background-module2 @color11; @define-color background-module2 @background;
@define-color border-color @color12; @define-color border-color @color12;
@define-color button-color @color10; @define-color button-color @color10;
@define-color button-hover @color13; @define-color button-hover @color13;
@define-color backgroundlight @color12; /* Theme-aware base colors */
@define-color backgrounddark #FFFFFF; @define-color backgroundlight @background-alt;
@define-color workspacesbackground1 @color12; @define-color backgrounddark @background;
@define-color workspacesbackground2 #FFFFFF; @define-color workspacesbackground1 @background-alt;
@define-color workspacesbackground2 @background;
@define-color bordercolor @color11; @define-color bordercolor @color11;
@define-color textcolor1 @color12; @define-color textcolor1 @foreground;
@define-color textcolor2 #FFFFFF; @define-color textcolor2 @foreground;
@define-color textcolor3 #FFFFFF; @define-color textcolor3 @foreground;
@define-color iconcolor #FFFFFF; @define-color iconcolor @foreground;
@import '../../.config/waybar/wallust/colors-waybar.css'; @import '../../.config/waybar/wallust/colors-waybar.css';
@import "../waybar/style/catppuccin-themes/latte.css"; @import "../waybar/style/catppuccin-themes/latte.css";
@ -35,9 +36,10 @@
* { * {
font-family: "JetBrainsMono Nerd Font"; font-family: "JetBrainsMono Nerd Font";
font-weight: bold; font-weight: bold;
min-height: 0; min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%; /* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
} }
@ -48,6 +50,8 @@ window#waybar {
padding-bottom: 0px; padding-bottom: 0px;
padding-right: 4px; padding-right: 4px;
padding-left: 4px; padding-left: 4px;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
tooltip { tooltip {
@ -114,10 +118,10 @@ tooltip {
.modules-center { .modules-center {
background-color: @background-module; background-color: @background-module;
border-radius: 0px 0px 45px 45px; border-radius: 0px 0px 45px 45px;
padding-top: 8px; padding-top: 8px;
padding-bottom: 8px; padding-bottom: 8px;
padding-left: 10px; padding-left: 10px;
padding-right: 6px; padding-right: 6px;
} }
#backlight, #backlight,
@ -143,6 +147,7 @@ tooltip {
#wireplumber, #wireplumber,
#workspaces, #workspaces,
#custom-backlight, #custom-backlight,
#custom-nightlight,
#custom-browser, #custom-browser,
#custom-cycle_wall, #custom-cycle_wall,
#custom-dot_update, #custom-dot_update,
@ -150,6 +155,7 @@ tooltip {
#custom-keybinds, #custom-keybinds,
#custom-keyboard, #custom-keyboard,
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#custom-lock, #custom-lock,
#custom-hint, #custom-hint,
#custom-hypridle, #custom-hypridle,
@ -165,8 +171,8 @@ tooltip {
#custom-tty, #custom-tty,
#custom-updater { #custom-updater {
color: @foreground; color: @foreground;
padding-right: 6px; padding-right: 6px;
padding-left: 6px; padding-left: 6px;
} }
#temperature.critical { #temperature.critical {
@ -181,18 +187,18 @@ tooltip {
#custom-playerctl, #custom-playerctl,
#custom-cava_mviz { #custom-cava_mviz {
color: @sky; color: @sky;
} }
#custom-hint { #custom-hint {
color: @peach; color: @peach;
padding-right: 6px; padding-right: 6px;
padding-left: 6px; padding-left: 6px;
} }
#pulseaudio-slider, #pulseaudio-slider,
#pulseaudio { #pulseaudio {
color: @foreground; color: @foreground;
} }
#pulseaudio.muted { #pulseaudio.muted {
@ -225,19 +231,19 @@ tooltip {
} }
#memory { #memory {
color: @sapphire; color: @sapphire;
} }
#cpu { #cpu {
color: @mauve; color: @mauve;
} }
#battery { #battery {
color: @rosewater; color: @rosewater;
} }
#disk { #disk {
color: @green; color: @green;
} }
#temperature.critical { #temperature.critical {
@ -245,7 +251,7 @@ tooltip {
} }
#battery.critical:not(.charging) { #battery.critical:not(.charging) {
color: #f53c3c; color: #f53c3c;
animation-name: blink; animation-name: blink;
animation-duration: 3.0s; animation-duration: 3.0s;
animation-timing-function: steps(12); animation-timing-function: steps(12);
@ -257,9 +263,11 @@ tooltip {
#custom-lock, #custom-lock,
#idle_inhibitor { #idle_inhibitor {
color: @teal; color: @teal;
border-bottom: 8px solid rgba(0, 0, 0, 0.2);
} }
#custom-weather, #custom-weather,
#custom-weather2,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,
@ -270,7 +278,7 @@ tooltip {
#custom-weather.showyIcyDay, #custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight, #custom-weather.snowyIcyNight,
#custom-weather.sunnyDay { #custom-weather.sunnyDay {
color: @lavender; color: @lavender;
padding-right: 6px; padding-right: 6px;
padding-left: 6px; padding-left: 6px;
} }
@ -278,11 +286,12 @@ tooltip {
/*-----Indicators----*/ /*-----Indicators----*/
#custom-hypridle.notactive, #custom-hypridle.notactive,
#idle_inhibitor.activated { #idle_inhibitor.activated {
color: #39FF14; color: #39FF14;
border-bottom: 8px solid rgba(0, 0, 0, 0.2);
} }
#clock { #clock {
color: @sapphire; color: @sapphire;
border-radius: 15px; border-radius: 15px;
} }

11
.config/waybar/style/[Extra] Neon Circuit.css → .config/waybar/style/Extra-Neon-Circuit.css
View file

@ -1,4 +1,4 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ /* ----------- 💫 https://github.com/LinuxBeginnings 💫 -------- */
/* --- Extra - Neon Circuit - waybar style ---*/ /* --- Extra - Neon Circuit - waybar style ---*/
@define-color bar-bg rgba(0, 0, 0, 0); @define-color bar-bg rgba(0, 0, 0, 0);
@ -16,12 +16,15 @@
font-weight: bold; font-weight: bold;
min-height: 0; min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%; /* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
} }
window#waybar { window#waybar {
background: @bar-bg; background: @bar-bg;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
tooltip { tooltip {
@ -103,6 +106,7 @@ tooltip {
#wireplumber, #wireplumber,
#workspaces, #workspaces,
#custom-backlight, #custom-backlight,
#custom-nightlight,
#custom-browser, #custom-browser,
#custom-cava_mviz, #custom-cava_mviz,
#custom-cycle_wall, #custom-cycle_wall,
@ -111,6 +115,7 @@ tooltip {
#custom-keybinds, #custom-keybinds,
#custom-keyboard, #custom-keyboard,
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#custom-lock, #custom-lock,
#custom-hint, #custom-hint,
#custom-hypridle, #custom-hypridle,
@ -127,6 +132,7 @@ tooltip {
#custom-updater, #custom-updater,
#custom-hyprpicker, #custom-hyprpicker,
#custom-weather, #custom-weather,
#custom-weather2,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,
@ -388,6 +394,7 @@ tooltip {
} }
#custom-weather, #custom-weather,
#custom-weather2,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,

24
.config/waybar/style/[Extra] Prismatic Glow.css → .config/waybar/style/Extra-Prismatic-Glow.css
View file

@ -1,4 +1,4 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ /* ----------- 💫 https://github.com/LinuxBeginnings 💫 -------- */
/* .............Prismatic Glow............ */ /* .............Prismatic Glow............ */
* { * {
@ -6,12 +6,14 @@
font-weight: bold; font-weight: bold;
min-height: 0; min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%; /* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
border: none; border: none;
border-radius: 10px; border-radius: 10px;
font-size: 97%; /* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
min-height: 20px; min-height: 20px;
margin: 0px; margin: 0px;
} }
@ -20,6 +22,8 @@
.module { .module {
padding: 2px 4px; padding: 2px 4px;
margin: 1px 1px; margin: 1px 1px;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
.modules-left>widget:first-child .module { .modules-left>widget:first-child .module {
@ -35,6 +39,8 @@
window#waybar { window#waybar {
background-color: transparent; background-color: transparent;
color: black; color: black;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
transition: background-color 0.5s; transition: background-color 0.5s;
} }
@ -42,10 +48,14 @@ window#waybar {
window#waybar.empty #window { window#waybar.empty #window {
background-color: transparent; background-color: transparent;
background: transparent; background: transparent;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
window#waybar.hidden { window#waybar.hidden {
opacity: 0.2; opacity: 0.2;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
/* Tooltip styling */ /* Tooltip styling */
@ -60,8 +70,11 @@ tooltip {
} }
menu label, menu label,
/* Waybar scaling: adjust tooltip label font-size to scale the bar */
tooltip label { tooltip label {
color: rgb(0, 238, 255); color: rgb(0, 238, 255);
/* Waybar scaling: adjust tooltip label font-size to scale the bar */
font-size: 14px;
} }
/* Workspaces Button Styling */ /* Workspaces Button Styling */
@ -126,6 +139,8 @@ tooltip label {
#taskbar.empty, #taskbar.empty,
window#waybar.empty { window#waybar.empty {
background-color: transparent; background-color: transparent;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
/* Specific Module Styles */ /* Specific Module Styles */
@ -150,6 +165,7 @@ window#waybar.empty {
#wireplumber, #wireplumber,
#workspaces, #workspaces,
#custom-backlight, #custom-backlight,
#custom-nightlight,
#custom-browser, #custom-browser,
#custom-cava_mviz, #custom-cava_mviz,
#custom-cycle_wall, #custom-cycle_wall,
@ -158,6 +174,7 @@ window#waybar.empty {
#custom-keybinds, #custom-keybinds,
#custom-keyboard, #custom-keyboard,
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#custom-lock, #custom-lock,
#custom-hint, #custom-hint,
#custom-hypridle, #custom-hypridle,
@ -174,6 +191,7 @@ window#waybar.empty {
#custom-updater, #custom-updater,
#custom-hyprpicker, #custom-hyprpicker,
#custom-weather, #custom-weather,
#custom-weather2,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,

13
.config/waybar/style/[Extra] Rose Pine.css → .config/waybar/style/Extra-Rose-Pine.css
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
/* Rose Pine */ /* Rose Pine */
@ -14,13 +14,16 @@
font-family: "JetBrainsMono Nerd Font"; font-family: "JetBrainsMono Nerd Font";
font-weight: bold; font-weight: bold;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%; /* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
border-radius: 12px; border-radius: 12px;
} }
window#waybar { window#waybar {
background: @bar-bg; background: @bar-bg;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
window#waybar.empty, window#waybar.empty,
@ -28,6 +31,8 @@ window#waybar.empty #window {
background-color: transparent; background-color: transparent;
padding: 0px; padding: 0px;
border: 0px; border: 0px;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
tooltip { tooltip {
@ -126,6 +131,7 @@ tooltip {
#window, #window,
#wireplumber, #wireplumber,
#custom-backlight, #custom-backlight,
#custom-nightlight,
#custom-browser, #custom-browser,
#custom-cava_mviz, #custom-cava_mviz,
#custom-cycle_wall, #custom-cycle_wall,
@ -134,6 +140,7 @@ tooltip {
#custom-keybinds, #custom-keybinds,
#custom-keyboard, #custom-keyboard,
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#custom-lock, #custom-lock,
#custom-hint, #custom-hint,
#custom-hypridle, #custom-hypridle,
@ -150,6 +157,7 @@ tooltip {
#custom-updater, #custom-updater,
#custom-hyprpicker, #custom-hyprpicker,
#custom-weather, #custom-weather,
#custom-weather2,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,
@ -181,6 +189,7 @@ tooltip {
#custom-hypridle.notactive, #custom-hypridle.notactive,
#idle_inhibitor.activated { #idle_inhibitor.activated {
color: #39FF14; color: #39FF14;
border-bottom: 2px;
} }
@keyframes blink { @keyframes blink {

13
.config/waybar/style/[Extra] Simple Pink.css → .config/waybar/style/Extra-Simple-Pink.css
View file

@ -1,4 +1,4 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ /* ----------- 💫 https://github.com/LinuxBeginnings 💫 -------- */
/* .......Simple Pink....................... */ /* .......Simple Pink....................... */
/* --- 👍 designed by https://github.com/Krautt 👍 --- */ /* --- 👍 designed by https://github.com/Krautt 👍 --- */
@ -7,7 +7,8 @@
font-weight: bold; font-weight: bold;
min-height: 0; min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%; /* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
} }
@ -15,10 +16,14 @@ window#waybar {
background: black; background: black;
border-radius: 50px; border-radius: 50px;
color: whitesmoke; color: whitesmoke;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
window#waybar.hidden { window#waybar.hidden {
opacity: 0.5; opacity: 0.5;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
tooltip { tooltip {
@ -118,6 +123,7 @@ tooltip {
#wireplumber, #wireplumber,
#workspaces, #workspaces,
#custom-backlight, #custom-backlight,
#custom-nightlight,
#custom-browser, #custom-browser,
#custom-cava_mviz, #custom-cava_mviz,
#custom-cycle_wall, #custom-cycle_wall,
@ -126,6 +132,7 @@ tooltip {
#custom-keybinds, #custom-keybinds,
#custom-keyboard, #custom-keyboard,
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#custom-lock, #custom-lock,
#custom-hint, #custom-hint,
#custom-hypridle, #custom-hypridle,
@ -142,6 +149,7 @@ tooltip {
#custom-updater, #custom-updater,
#custom-hyprpicker, #custom-hyprpicker,
#custom-weather, #custom-weather,
#custom-weather2,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,
@ -174,6 +182,7 @@ tooltip {
#custom-hypridle.notactive, #custom-hypridle.notactive,
#idle_inhibitor.activated { #idle_inhibitor.activated {
color: #39FF14; color: #39FF14;
border-bottom: 8px solid rgba(0, 0, 0, 0.2);
} }
#battery.critical:not(.charging) { #battery.critical:not(.charging) {

14
.config/waybar/style/[Light] Monochrome Contrast.css → .config/waybar/style/Light-Monochrome-Contrast.css
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
/* Light - MonoChrome Contrast */ /* Light - MonoChrome Contrast */
* { * {
@ -6,7 +6,8 @@ font-family: "JetBrainsMono Nerd Font";
font-weight: bold; font-weight: bold;
min-height: 0; min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%; /* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
} }
@ -16,6 +17,8 @@ window#waybar.empty #window {
background-color: transparent; background-color: transparent;
padding: 0px; padding: 0px;
border: 0px; border: 0px;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
tooltip { tooltip {
@ -28,8 +31,11 @@ tooltip {
border-color: white; border-color: white;
} }
/* Waybar scaling: adjust tooltip label font-size to scale the bar */
tooltip label{ tooltip label{
color: #cdd6f4; color: #cdd6f4;
/* Waybar scaling: adjust tooltip label font-size to scale the bar */
font-size: 14px;
} }
/*-----module groups----*/ /*-----module groups----*/
.modules-left, .modules-left,
@ -107,6 +113,7 @@ tooltip label{
#wireplumber, #wireplumber,
#workspaces, #workspaces,
#custom-backlight, #custom-backlight,
#custom-nightlight,
#custom-browser, #custom-browser,
#custom-cava_mviz, #custom-cava_mviz,
#custom-cycle_wall, #custom-cycle_wall,
@ -115,6 +122,7 @@ tooltip label{
#custom-keybinds, #custom-keybinds,
#custom-keyboard, #custom-keyboard,
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#custom-lock, #custom-lock,
#custom-hint, #custom-hint,
#custom-hypridle, #custom-hypridle,
@ -131,6 +139,7 @@ tooltip label{
#custom-updater, #custom-updater,
#custom-hyprpicker, #custom-hyprpicker,
#custom-weather, #custom-weather,
#custom-weather2,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,
@ -153,6 +162,7 @@ tooltip label{
#custom-hypridle.notactive, #custom-hypridle.notactive,
#idle_inhibitor.activated { #idle_inhibitor.activated {
color: #39FF14; color: #39FF14;
border-bottom: 8px solid rgba(0, 0, 0, 0.2);
} }
#pulseaudio.muted { #pulseaudio.muted {

16
.config/waybar/style/[Light] Obsidian Glow.css → .config/waybar/style/Light-Obsidian-Glow.css
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
/* Light - Obsidian Glow */ /* Light - Obsidian Glow */
* { * {
@ -6,17 +6,22 @@ font-family: "JetBrainsMono Nerd Font";
font-weight: bold; font-weight: bold;
min-height: 0; min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%; /* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
} }
window#waybar { window#waybar {
background: white; background: white;
border-radius: 12px; border-radius: 12px;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
window#waybar.hidden { window#waybar.hidden {
opacity: 0.7; opacity: 0.7;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
tooltip { tooltip {
@ -24,10 +29,13 @@ tooltip {
border-radius: 10px; border-radius: 10px;
} }
/* Waybar scaling: adjust tooltip label font-size to scale the bar */
tooltip label { tooltip label {
color: #373737; color: #373737;
padding-right: 2px; padding-right: 2px;
padding-left: 2px; padding-left: 2px;
/* Waybar scaling: adjust tooltip label font-size to scale the bar */
font-size: 14px;
} }
#taskbar button, #taskbar button,
@ -94,6 +102,7 @@ tooltip label {
#wireplumber, #wireplumber,
#workspaces, #workspaces,
#custom-backlight, #custom-backlight,
#custom-nightlight,
#custom-browser, #custom-browser,
#custom-cava_mviz, #custom-cava_mviz,
#custom-cycle_wall, #custom-cycle_wall,
@ -102,6 +111,7 @@ tooltip label {
#custom-keybinds, #custom-keybinds,
#custom-keyboard, #custom-keyboard,
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#custom-lock, #custom-lock,
#custom-hint, #custom-hint,
#custom-hypridle, #custom-hypridle,
@ -118,6 +128,7 @@ tooltip label {
#custom-updater, #custom-updater,
#custom-hyprpicker, #custom-hyprpicker,
#custom-weather, #custom-weather,
#custom-weather2,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,
@ -150,6 +161,7 @@ tooltip label {
#custom-hypridle.notactive, #custom-hypridle.notactive,
#idle_inhibitor.activated { #idle_inhibitor.activated {
color: #39FF14; color: #39FF14;
border-bottom: 8px solid rgba(0, 0, 0, 0.2);
} }
#taskbar button.active { #taskbar button.active {

336
.config/waybar/style/ML4W-Glass-3d.css Normal file
View file

@ -0,0 +1,336 @@
/* ML4W GLASS THEME */
/* SPDX-FileCopyrightText: 2026-present Ahum Maitra theahummaitra@gmail.com
SPDX-License-Identifier: GPL-3.0-or-later */
/*
-----------------------------------------------------
General
-----------------------------------------------------
*/
* {
background-color: transparent;
font-family: "JetBrainsMono Nerd Font";
border: none;
font-weight: bolder;
border-radius: 0px;
/* Extra tweaks */
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
/* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
margin-top: 3px;
padding-bottom: 2px;
}
@import "style/ML4W/glass.css";
/* Soft-neutral override: keeps glass gradients but avoids red-dominant palettes */
@define-color surface @background-alt;
@define-color surface_dim @background;
@define-color primary @foreground;
@define-color on_primary @background;
@define-color on_primary_fixed @background;
@define-color on_primary_fixed_variant @foreground;
@define-color secondary @foreground;
@define-color on_secondary @background;
@define-color on_tertiary_fixed @background;
@define-color on_tertiary_fixed_variant @foreground;
@define-color error @foreground;
@define-color on_error @background;
@define-color accent @color12; /* wallust primary for subtle highlights */
window#waybar {
background: transparent;
border: 0;
outline: none;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
}
.modules-left {
background-color: @surface;
border-radius: 12px;
background:
radial-gradient(
circle at 50% 250%,
alpha(darker(@surface), 0.9),
alpha(@surface_dim, 0.9)
)
padding-box,
linear-gradient(@primary, @on_primary) border-box;
border: 1px solid transparent;
opacity: 0.8;
padding-right: 15px;
margin: 10px;
box-shadow:
inset 0 -2px 0 alpha(@accent, 0.45),
inset 1px 2px 2px rgba(255, 255, 255, 0.2);
}
.modules-right {
background-color: @surface;
border-radius: 12px;
background:
radial-gradient(
circle at 50% 250%,
alpha(darker(@surface), 0.9),
alpha(@surface_dim, 0.9)
)
padding-box,
linear-gradient(@primary, @on_primary) border-box;
border: 1px solid transparent;
opacity: 0.8;
padding-left: 15px;
margin: 10px;
box-shadow:
inset 0 -2px 0 alpha(@accent, 0.45),
inset 1px 2px 2px rgba(255, 255, 255, 0.3);
}
.modules-center {
background-color: @surface;
border-radius: 12px;
background:
radial-gradient(
circle at 50% 250%,
alpha(darker(@surface), 0.9),
alpha(@surface_dim, 0.9)
)
padding-box,
linear-gradient(@primary, @on_primary) border-box;
border: 1px solid transparent;
opacity: 0.8;
margin: 10px;
box-shadow:
inset 0 -2px 0 alpha(@accent, 0.45),
inset 0px 2px 2px rgba(255, 255, 255, 0.2);
}
label.module {
font-size: 14px;
margin-left: 8px;
margin-right: 8px;
border-radius: 5px;
}
label.module {
font-size: 14px;
color: @on_surface;
padding: 3px 10px;
transition: all 0.3s ease-out;
background:
radial-gradient(
circle at 50% 250%,
@on_tertiary_fixed_variant,
@on_tertiary_fixed
)
padding-box,
linear-gradient(@on_primary_fixed_variant, @on_primary_fixed) border-box;
border-radius: 10px;
border: 0px solid transparent;
}
label.module:hover {
}
/* -----------------------------------------------------
* Workspaces
* ----------------------------------------------------- */
#workspaces {
padding: 5px 3px 5px 3px;
min-width: 176px;
font-weight: 600;
}
#workspaces button {
color: @on_surface;
border-radius: 3px;
padding: 0px 5px 0px 5px;
margin: 0px 2px 0px 2px;
transition: all 0.3s ease-in-out;
border: 1px solid transparent;
}
#workspaces button.active {
background: alpha(@accent, 0.2);
border: 1px solid transparent;
transition: all 0.3s ease-in-out;
min-width: 30px;
border-radius: 8px;
box-shadow:
inset 0 -3px 0 alpha(@accent, 0.8),
inset 1px 2px 2px rgba(255, 255, 255, 0.45),
inset 0 1px 1px rgba(255, 255, 255, 0.7);
}
#workspaces button:hover {
background: alpha(@secondary, 0.2);
border-radius: 15px;
}
/* -----------------------------------------------------
* Tooltips
* ----------------------------------------------------- */
tooltip {
background-color: @surface;
border-radius: 12px;
background:
radial-gradient(circle at 50% 250%, @surface, @surface_dim) padding-box,
linear-gradient(#ffffff, @on_primary) border-box;
border: 1px solid transparent;
opacity: 0.7;
margin: 10px;
}
/* Waybar scaling: adjust tooltip label font-size to scale the bar */
tooltip label {
color: @on_surface;
/* Waybar scaling: adjust tooltip label font-size to scale the bar */
font-size: 14px;
}
/* -----------------------------------------------------
* Window
* ----------------------------------------------------- */
#window {
background-color: transparent;
/* Override global margin/padding so the window pill hugs the bar edges */
margin: 0;
padding: 0;
}
window#waybar.empty #window {
background-color: transparent;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
}
/* Tighter content padding specifically for the window title */
#window label {
margin: 0;
padding: 4px 10px;
}
/* -----------------------------------------------------
* Taskbar
* ----------------------------------------------------- */
#taskbar {
padding: 5px 0px 5px 0px;
}
#taskbar button {
border-radius: 6px;
padding: 0px 5px 0px 5px;
}
#taskbar button:hover {
background: @primary;
color: @on_primary;
}
#custom-updates.yellow {
border-radius: 8px;
margin: 5px 0px 5px 5px;
padding: 0px 6px 0px 6px;
background-color: @secondary;
color: @on_secondary;
}
#custom-updates.red {
border-radius: 8px;
margin: 6px 0px 6px 7px;
padding: 0px 6px 0px 6px;
background-color: @error;
color: @on_error;
}
/* -----------------------------------------------------
* Clock
* ----------------------------------------------------- */
#clock {
margin-left: 12px;
margin-right: 12px;
}
@keyframes blink {
to {
background-color: @background;
color: @on_surface;
}
}
#battery.critical:not(.charging) {
background-color: transparent;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar button,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-nightlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-nightlight,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-hyprpicker,
#custom-weather,
#custom-weather2,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
background-color: transparent;
}

316
.config/waybar/style/ML4W-Glass.css Normal file
View file

@ -0,0 +1,316 @@
/* ML4W GLASS THEME - CRYSTAL CLEAR */
/* SPDX-FileCopyrightText: 2026-present Ahum Maitra theahummaitra@gmail.com
SPDX-License-Identifier: GPL-3.0-or-later */
/*
-----------------------------------------------------
General
-----------------------------------------------------
*/
* {
background-color: transparent;
font-family: "JetBrainsMono Nerd Font";
border: none;
font-weight: bolder;
border-radius: 0px;
/* Extra tweaks */
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
/* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
margin-top: 3px;
padding-bottom: 2px;
}
@import "style/ML4W/glass.css";
/* Neutral glass overrides: avoid red/magenta palettes from wallust */
@define-color surface @background-alt; /* main glass body */
@define-color surface_dim @background; /* inner shadow base */
@define-color primary @foreground; /* accents/lines */
@define-color on_primary @background; /* accent contrast */
@define-color on_primary_fixed @background;
@define-color on_primary_fixed_variant @foreground;
@define-color on_tertiary_fixed @background; /* module pill bg */
@define-color on_tertiary_fixed_variant @foreground; /* module pill fg */
@define-color on_surface #e6edf7; /* brighten text/icons */
window#waybar {
background: transparent;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
}
.modules-left {
background-color: @surface;
border-radius: 12px;
background:
radial-gradient(
circle at 50% 250%,
alpha(darker(@surface), 0.9),
alpha(@surface_dim, 0.9)
)
padding-box,
linear-gradient(@primary, @on_primary) border-box;
border: 1px solid transparent;
opacity: 0.8;
padding-right: 15px;
margin: 10px;
box-shadow: inset 1px 2px 2px rgba(255, 255, 255, 0.2);
}
.modules-right {
background-color: @surface;
border-radius: 12px;
background:
radial-gradient(
circle at 50% 250%,
alpha(darker(@surface), 0.9),
alpha(@surface_dim, 0.9)
)
padding-box,
linear-gradient(@primary, @on_primary) border-box;
border: 1px solid transparent;
opacity: 0.8;
padding-left: 15px;
margin: 10px;
box-shadow: inset 1px 2px 2px rgba(255, 255, 255, 0.3);
}
.modules-center {
background-color: @surface;
border-radius: 12px;
background:
radial-gradient(
circle at 50% 250%,
alpha(darker(@surface), 0.9),
alpha(@surface_dim, 0.9)
)
padding-box,
linear-gradient(@primary, @on_primary) border-box;
border: 1px solid transparent;
opacity: 0.8;
margin: 10px;
box-shadow: inset 0px 2px 2px rgba(255, 255, 255, 0.2);
}
label.module {
font-size: 14px;
margin-left: 8px;
margin-right: 8px;
border-radius: 5px;
}
label.module {
font-size: 14px;
color: @on_surface;
padding: 3px 10px;
transition: all 0.3s ease-out;
background:
radial-gradient(
circle at 50% 250%,
@on_tertiary_fixed_variant,
@on_tertiary_fixed
)
padding-box,
linear-gradient(@on_primary_fixed_variant, @on_primary_fixed) border-box;
border-radius: 10px;
border: 0px solid transparent;
}
label.module:hover {
}
/* -----------------------------------------------------
* Workspaces
* ----------------------------------------------------- */
#workspaces {
padding: 5px 3px 5px 3px;
min-width: 176px;
font-weight: 600;
}
#workspaces button {
color: @on_surface;
border-radius: 3px;
padding: 0px 6px 0px 6px;
margin: 0px 2px 0px 2px;
transition: all 0.3s ease-in-out;
border: 1px solid transparent;
min-width: 26px;
}
#workspaces button.active {
background: alpha(@primary, 0.2);
border: 1px solid transparent;
transition: all 0.3s ease-in-out;
min-width: 30px;
border-radius: 8px;
box-shadow:
inset 1px 2px 2px rgba(255, 255, 255, 0.5),
inset 0 1px 1px rgba(255, 255, 255, 0.8);
}
#workspaces button:hover {
background: alpha(@secondary, 0.2);
border-radius: 15px;
}
/* -----------------------------------------------------
* Tooltips
* ----------------------------------------------------- */
tooltip {
background-color: @surface;
border-radius: 12px;
background:
radial-gradient(circle at 50% 250%, @surface, @surface_dim) padding-box,
linear-gradient(#ffffff, @on_primary) border-box;
border: 1px solid transparent;
opacity: 0.7;
margin: 10px;
}
/* Waybar scaling: adjust tooltip label font-size to scale the bar */
tooltip label {
color: @on_surface;
/* Waybar scaling: adjust tooltip label font-size to scale the bar */
font-size: 14px;
}
/* -----------------------------------------------------
* Window
* ----------------------------------------------------- */
#window {
background-color: transparent;
}
window#waybar.empty #window {
background-color: transparent;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
}
/* -----------------------------------------------------
* Taskbar
* ----------------------------------------------------- */
#taskbar {
padding: 5px 0px 5px 0px;
}
#taskbar button {
border-radius: 6px;
padding: 0px 5px 0px 5px;
}
#taskbar button:hover {
background: @primary;
color: @on_primary;
}
#custom-updates.yellow {
border-radius: 8px;
margin: 5px 0px 5px 5px;
padding: 0px 6px 0px 6px;
background-color: @secondary;
color: @on_secondary;
}
#custom-updates.red {
border-radius: 8px;
margin: 6px 0px 6px 7px;
padding: 0px 6px 0px 6px;
background-color: @error;
color: @on_error;
}
/* -----------------------------------------------------
* Clock
* ----------------------------------------------------- */
#clock {
margin-left: 12px;
margin-right: 12px;
}
@keyframes blink {
to {
background-color: @background;
color: @on_surface;
}
}
#battery.critical:not(.charging) {
background-color: transparent;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar button,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-nightlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-nightlight,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-hyprpicker,
#custom-weather,
#custom-weather2,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
background-color: transparent;
}

52
.config/waybar/style/ML4W/glass.css Normal file
View file

@ -0,0 +1,52 @@
/* ML4W Glass theme for Kool's Hyprland */
/* SPDX-FileCopyrightText: 2025-present Ahum Maitra theahummaitra@gmail.com
SPDX-License-Identifier: GPL-3.0-or-later */
@import "../../wallust/colors-waybar.css";
/* -------------------------
* Base surfaces
* ------------------------- */
@define-color background @background;
@define-color surface @color9;
@define-color surface_dim @color1;
/* -------------------------
* Primary colors
* ------------------------- */
@define-color primary @color12;
@define-color on_primary @color7;
@define-color on_primary_fixed @color1;
@define-color on_primary_fixed_variant @color10;
/* -------------------------
* Secondary colors
* ------------------------- */
@define-color secondary @color14;
@define-color on_secondary @color1;
/* -------------------------
* Tertiary (used for module pills)
* ------------------------- */
@define-color on_tertiary_fixed @color1;
@define-color on_tertiary_fixed_variant @color11;
/* -------------------------
* Text
* ------------------------- */
@define-color on_surface @foreground;
/* -------------------------
* Error states
* ------------------------- */
@define-color error @color9;
@define-color on_error @color7;

15
.config/waybar/style/[Rainbow] RGB Bordered.css → .config/waybar/style/Rainbow-RGB-Bordered.css
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
/* Catppuccin Mocha - Rainbow Bordered */ /* Catppuccin Mocha - Rainbow Bordered */
/* Designed by https://github.com/0xl30 */ /* Designed by https://github.com/0xl30 */
@ -7,7 +7,8 @@
font-weight: bold; font-weight: bold;
min-height: 0; min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%; /* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
} }
@ -18,10 +19,14 @@ window#waybar {
transition-duration: 0.5s; transition-duration: 0.5s;
background: transparent; background: transparent;
border-radius: 2px; border-radius: 2px;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
window#waybar.hidden { window#waybar.hidden {
opacity: 0.2; opacity: 0.2;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
window#waybar.empty, window#waybar.empty,
@ -29,6 +34,8 @@ window#waybar.empty #window {
background-color: transparent; background-color: transparent;
padding: 0px; padding: 0px;
border: 0px; border: 0px;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
#taskbar button, #taskbar button,
@ -114,6 +121,7 @@ window#waybar.empty #window {
#wireplumber, #wireplumber,
#workspaces, #workspaces,
#custom-backlight, #custom-backlight,
#custom-nightlight,
#custom-browser, #custom-browser,
#custom-cava_mviz, #custom-cava_mviz,
#custom-cycle_wall, #custom-cycle_wall,
@ -122,6 +130,7 @@ window#waybar.empty #window {
#custom-keybinds, #custom-keybinds,
#custom-keyboard, #custom-keyboard,
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#custom-lock, #custom-lock,
#custom-hint, #custom-hint,
#custom-hypridle, #custom-hypridle,
@ -138,6 +147,7 @@ window#waybar.empty #window {
#custom-updater, #custom-updater,
#custom-hyprpicker, #custom-hyprpicker,
#custom-weather, #custom-weather,
#custom-weather2,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,
@ -157,6 +167,7 @@ window#waybar.empty #window {
#custom-hypridle.notactive, #custom-hypridle.notactive,
#idle_inhibitor.activated { #idle_inhibitor.activated {
color: #39FF14; color: #39FF14;
border-bottom: 8px solid rgba(0, 0, 0, 0.2);
} }
#bluetooth, #bluetooth,

11
.config/waybar/style/[Retro] Simple Style.css → .config/waybar/style/Retro-Simple-Style.css
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
/* Simple Style */ /* Simple Style */
@define-color background #1d2021; @define-color background #1d2021;
@ -13,7 +13,8 @@
font-weight: bold; font-weight: bold;
min-height: 0; min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%; /* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
} }
@ -23,6 +24,8 @@ window#waybar {
color: @foreground; color: @foreground;
transition-property: background-color; transition-property: background-color;
transition-duration: 0.5s; transition-duration: 0.5s;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
#taskbar button, #taskbar button,
@ -68,6 +71,7 @@ window#waybar {
#wireplumber, #wireplumber,
#workspaces, #workspaces,
#custom-backlight, #custom-backlight,
#custom-nightlight,
#custom-browser, #custom-browser,
#custom-cava_mviz, #custom-cava_mviz,
#custom-cycle_wall, #custom-cycle_wall,
@ -76,6 +80,7 @@ window#waybar {
#custom-keybinds, #custom-keybinds,
#custom-keyboard, #custom-keyboard,
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#custom-lock, #custom-lock,
#custom-hint, #custom-hint,
#custom-hypridle, #custom-hypridle,
@ -92,6 +97,7 @@ window#waybar {
#custom-updater, #custom-updater,
#custom-hyprpicker, #custom-hyprpicker,
#custom-weather, #custom-weather,
#custom-weather2,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,
@ -135,6 +141,7 @@ window#waybar {
#custom-hypridle.notactive, #custom-hypridle.notactive,
#idle_inhibitor.activated { #idle_inhibitor.activated {
color: #39FF14; color: #39FF14;
border-bottom: 3px solid yellow;
} }
#battery.critical, #battery.critical,

15
.config/waybar/style/[Transparent] Crystal Clear.css → .config/waybar/style/Transparent-Crystal-Clear.css
View file

@ -1,4 +1,4 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ /* ----------- 💫 https://github.com/LinuxBeginnings 💫 -------- */
/* .......Crystal Clear....................... */ /* .......Crystal Clear....................... */
/* --- 👍 designed by https://github.com/Krautt 👍 --- */ /* --- 👍 designed by https://github.com/Krautt 👍 --- */
@ -7,7 +7,8 @@
font-weight: bold; font-weight: bold;
min-height: 0; min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%; /* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
} }
@ -15,10 +16,14 @@ window#waybar {
background:transparent; background:transparent;
border-radius: 1px; border-radius: 1px;
color: whitesmoke; color: whitesmoke;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
window#waybar.hidden { window#waybar.hidden {
opacity: 0.5; opacity: 0.5;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
window#waybar.empty window#waybar.empty
@ -26,6 +31,8 @@ window#waybar.empty #window {
padding: 0px; padding: 0px;
border: 0px; border: 0px;
background-color: transparent; background-color: transparent;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
#taskbar button, #taskbar button,
@ -89,6 +96,7 @@ window#waybar.empty #window {
#wireplumber, #wireplumber,
#workspaces, #workspaces,
#custom-backlight, #custom-backlight,
#custom-nightlight,
#custom-browser, #custom-browser,
#custom-cava_mviz, #custom-cava_mviz,
#custom-cycle_wall, #custom-cycle_wall,
@ -97,6 +105,7 @@ window#waybar.empty #window {
#custom-keybinds, #custom-keybinds,
#custom-keyboard, #custom-keyboard,
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#custom-lock, #custom-lock,
#custom-hint, #custom-hint,
#custom-hypridle, #custom-hypridle,
@ -113,6 +122,7 @@ window#waybar.empty #window {
#custom-updater, #custom-updater,
#custom-hyprpicker, #custom-hyprpicker,
#custom-weather, #custom-weather,
#custom-weather2,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,
@ -143,6 +153,7 @@ window#waybar.empty #window {
#custom-hypridle.notactive, #custom-hypridle.notactive,
#idle_inhibitor.activated { #idle_inhibitor.activated {
color: #39FF14; color: #39FF14;
border-bottom: 8px solid rgba(0, 0, 0, 0.2);
} }
#taskbar button:hover { #taskbar button:hover {

21
.config/waybar/style/[VERTICAL] [Catpuccin] Mocha.css → .config/waybar/style/VERTICAL-Catpuccin-Mocha.css
View file

@ -1,4 +1,4 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
/* Vertical Catpuccin Mocha */ /* Vertical Catpuccin Mocha */
/* As stated on title, best style for vertical layout waybar config */ /* As stated on title, best style for vertical layout waybar config */
@ -7,7 +7,8 @@
font-weight: bold; font-weight: bold;
min-height: 0; min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%; /* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
} }
@ -16,6 +17,8 @@
window#waybar { window#waybar {
background-color: @base; background-color: @base;
border-radius: 5px; border-radius: 5px;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
tooltip { tooltip {
@ -27,8 +30,11 @@ tooltip {
border-color: @sapphire; border-color: @sapphire;
} }
/* Waybar scaling: adjust tooltip label font-size to scale the bar */
tooltip label { tooltip label {
color: @blue; color: @blue;
/* Waybar scaling: adjust tooltip label font-size to scale the bar */
font-size: 14px;
} }
#taskbar button, #taskbar button,
@ -89,6 +95,7 @@ tooltip label {
#wireplumber, #wireplumber,
#workspaces, #workspaces,
#custom-backlight, #custom-backlight,
#custom-nightlight,
#custom-browser, #custom-browser,
#custom-cava_mviz, #custom-cava_mviz,
#custom-cycle_wall, #custom-cycle_wall,
@ -97,6 +104,7 @@ tooltip label {
#custom-keybinds, #custom-keybinds,
#custom-keyboard, #custom-keyboard,
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#custom-lock, #custom-lock,
#custom-hint, #custom-hint,
#custom-hypridle, #custom-hypridle,
@ -113,6 +121,7 @@ tooltip label {
#custom-updater, #custom-updater,
#custom-hyprpicker, #custom-hyprpicker,
#custom-weather, #custom-weather,
#custom-weather2,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,
@ -132,6 +141,7 @@ tooltip label {
#idle_inhibitor { #idle_inhibitor {
color: @pink; color: @pink;
border-bottom: 8px solid rgba(0, 0, 0, 0.2);
} }
#mpris { #mpris {
@ -220,6 +230,13 @@ tooltip label {
background-color: @surface0; background-color: @surface0;
} }
window#waybar.bottombar #backlight-slider trough,
window#waybar.bottombar #pulseaudio-slider trough {
min-height: 7px;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
}
#backlight-slider highlight, #backlight-slider highlight,
#pulseaudio-slider highlight { #pulseaudio-slider highlight {
min-width: 5px; min-width: 5px;

20
.config/waybar/style/[Wallust Bordered] Chroma Fusion Edge.css → .config/waybar/style/Wallust-Bordered-Chroma-Fusion-Edge.css
View file

@ -1,4 +1,4 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ /* ----------- 💫 https://github.com/LinuxBeginnings 💫 -------- */
/* ....Chroma Fusion Edge .... */ /* ....Chroma Fusion Edge .... */
/* Wallust & Catppuccin - Bordered */ /* Wallust & Catppuccin - Bordered */
@ -25,7 +25,8 @@
font-weight: bold; font-weight: bold;
min-height: 0; min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%; /* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
} }
@ -38,6 +39,8 @@ window#waybar {
border-top-left-radius: 20px; border-top-left-radius: 20px;
border-top-right-radius: 20px; border-top-right-radius: 20px;
border:2px solid black; border:2px solid black;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
window#waybar.empty, window#waybar.empty,
@ -45,6 +48,8 @@ window#waybar.empty #window {
background-color: transparent; background-color: transparent;
padding: 0px; padding: 0px;
border: 0px; border: 0px;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
tooltip { tooltip {
@ -78,6 +83,7 @@ tooltip {
#window, #window,
#wireplumber, #wireplumber,
#custom-backlight, #custom-backlight,
#custom-nightlight,
#custom-browser, #custom-browser,
#custom-cava_mviz, #custom-cava_mviz,
#custom-cycle_wall, #custom-cycle_wall,
@ -86,6 +92,7 @@ tooltip {
#custom-keybinds, #custom-keybinds,
#custom-keyboard, #custom-keyboard,
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#custom-lock, #custom-lock,
#custom-hint, #custom-hint,
#custom-hypridle, #custom-hypridle,
@ -102,6 +109,7 @@ tooltip {
#custom-updater, #custom-updater,
#custom-hyprpicker, #custom-hyprpicker,
#custom-weather, #custom-weather,
#custom-weather2,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,
@ -116,7 +124,7 @@ tooltip {
border-radius: 25px; border-radius: 25px;
padding: 0px 10px 0px 10px; padding: 0px 10px 0px 10px;
margin: 5px; margin: 5px;
opacity:0.8; opacity: 1;
border:2px solid @border-color; border:2px solid @border-color;
} }
@ -129,6 +137,7 @@ tooltip {
padding: 0px 2px 0px 6px; padding: 0px 2px 0px 6px;
} }
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#custom-menu{ #custom-menu{
color: @flamingo; color: @flamingo;
padding: 0px 8px 0px 4px; padding: 0px 8px 0px 4px;
@ -136,6 +145,7 @@ tooltip {
} }
#custom-weather, #custom-weather,
#custom-weather2,
#custom-updates { #custom-updates {
color: @yellow; color: @yellow;
} }
@ -181,12 +191,14 @@ tooltip {
#custom-hypridle, #custom-hypridle,
#idle_inhibitor { #idle_inhibitor {
color: @teal; color: @teal;
border-bottom: 8px solid rgba(0, 0, 0, 0.2);
} }
/*-----Indicators----*/ /*-----Indicators----*/
#custom-hypridle.notactive, #custom-hypridle.notactive,
#idle_inhibitor.activated { #idle_inhibitor.activated {
color: #39FF14; color: #39FF14;
border-bottom: 8px solid rgba(0, 0, 0, 0.2);
} }
#custom-cava_mviz{ #custom-cava_mviz{
@ -205,7 +217,7 @@ tooltip {
#workspaces button { #workspaces button {
border-radius: 15px; border-radius: 15px;
border:0px; border:0px;
color: @color13; color: @color15;
padding-left: 2px; padding-left: 2px;
padding-right: 2px; padding-right: 2px;
animation: gradient_f 20s ease-in infinite; animation: gradient_f 20s ease-in infinite;

86
.config/waybar/style/[Wallust Bordered] Chroma Simple.css → .config/waybar/style/Wallust-Bordered-Chroma-Simple.css
View file

@ -1,4 +1,4 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ /* ----------- 💫 https://github.com/LinuxBeginnings 💫 -------- */
/* Wallust Bordered - Chroma Simple */ /* Wallust Bordered - Chroma Simple */
@import '../../.config/waybar/wallust/colors-waybar.css'; @import '../../.config/waybar/wallust/colors-waybar.css';
@ -8,15 +8,26 @@
font-family: "JetBrainsMono Nerd Font"; font-family: "JetBrainsMono Nerd Font";
font-weight: bold; font-weight: bold;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%; /* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
min-height: 0; min-height: 0;
} }
/* Make group buttons themselves use readable text */
#group-audio,
#group-mobo_drawer {
background: @background;
color: @color15;
border: 2px solid @color13;
}
window#waybar { window#waybar {
background-color: transparent; background-color: transparent;
color: @foreground; color: @foreground;
padding-left: 15px; padding-left: 15px;
padding-right: 15px; padding-right: 15px;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
window#waybar.empty, window#waybar.empty,
@ -24,15 +35,17 @@ window#waybar.empty #window {
background-color: transparent; background-color: transparent;
padding: 0px; padding: 0px;
border: 0px; border: 0px;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
} }
tooltip { tooltip {
background-color: @color12; background-color: @background;
color: @foreground; color: @foreground;
border-radius: 10px; border-radius: 10px;
border-width: 1.5px; border-width: 1.5px;
border-style: solid; border-style: solid;
border-color: @color9; border-color: @color13;
transition: 0.3s; transition: 0.3s;
opacity: 0.9; opacity: 0.9;
} }
@ -102,7 +115,10 @@ tooltip {
#tray, #tray,
#window, #window,
#wireplumber, #wireplumber,
#group-mobo_drawer,
#group-audio,
#custom-backlight, #custom-backlight,
#custom-nightlight,
#custom-browser, #custom-browser,
#custom-cava_mviz, #custom-cava_mviz,
#custom-cycle_wall, #custom-cycle_wall,
@ -111,6 +127,7 @@ tooltip {
#custom-keybinds, #custom-keybinds,
#custom-keyboard, #custom-keyboard,
#custom-light_dark, #custom-light_dark,
#custom-nightlight,
#custom-lock, #custom-lock,
#custom-hint, #custom-hint,
#custom-hypridle, #custom-hypridle,
@ -127,6 +144,7 @@ tooltip {
#custom-updater, #custom-updater,
#custom-hyprpicker, #custom-hyprpicker,
#custom-weather, #custom-weather,
#custom-weather2,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,
@ -146,6 +164,7 @@ tooltip {
border: 2px solid @color13; border: 2px solid @color13;
} }
#cpu { #cpu {
border: 2px solid @color5; border: 2px solid @color5;
color: @foreground; color: @foreground;
@ -174,14 +193,14 @@ tooltip {
} }
#custom-power { #custom-power {
color: red; color: @color13;
padding-left: 10px; padding-left: 10px;
padding-right: 2px; padding-right: 2px;
border: 2px solid red; border: 2px solid @color13;
} }
#backlight { #backlight {
color: #f9e2af; color: @color14;
padding-right: 5px; padding-right: 5px;
} }
@ -210,29 +229,35 @@ tooltip {
} }
#clock { #clock {
color: #fab387; color: @color13;
}
#clock:hover {
color: @color13;
background: @background;
border: 2px solid @color13;
} }
#bluetooth { #bluetooth {
color: #b4befe; color: @color12;
margin-right: 10px margin-right: 10px
} }
#pulseaudio.microphone, #pulseaudio.microphone,
#pulseaudio { #pulseaudio {
background-color: @color12; background-color: @color12;
color: #89b4fa; color: @color15;
border: 2px solid @color13; border: 2px solid @color13;
} }
#pulseaudio.muted { #pulseaudio.muted {
color: #f38ba8; color: @color13;
padding-right: 20px; padding-right: 20px;
} }
#battery { #battery {
color: #a6e3a1; color: @color10;
margin-right: 5px; margin-right: 5px;
padding-right: 15px; padding-right: 15px;
border: 2px solid @color14; border: 2px solid @color14;
@ -242,25 +267,26 @@ tooltip {
#custom-hypridle.notactive, #custom-hypridle.notactive,
#idle_inhibitor.activated { #idle_inhibitor.activated {
color: #39FF14; color: #39FF14;
border-bottom: 8px solid rgba(0, 0, 0, 0.2);
} }
#battery.good { #battery.good {
color: #ffd57a; color: @color14;
border: 2px solid @color15; border: 2px solid @color15;
} }
#battery.warning { #battery.warning {
color: #fab387; color: @color13;
border-left: 0px; border-left: 0px;
border: 2px solid @color12; border: 2px solid @color12;
} }
#battery.charging { #battery.charging {
color: #a6e3a1; color: @color10;
} }
#battery.critical { #battery.critical {
color: #f38ba8; color: @color13;
border-left: 0px; border-left: 0px;
border: 2px solid @color8; border: 2px solid @color8;
} }
@ -283,7 +309,7 @@ tooltip {
} }
#custom-weather { #custom-weather {
color: #8eacf3; color: @color12;
border-right: 0px; border-right: 0px;
margin-left: 0px; margin-left: 0px;
margin-right: 5px; margin-right: 5px;
@ -311,3 +337,29 @@ tooltip {
min-height: 10px; min-height: 10px;
border-radius: 5px; border-radius: 5px;
} }
/* Ensure group drawer modules match base style (avoid bright per-module colors) */
#group-audio #pulseaudio,
#group-audio #pulseaudio.microphone,
#group-mobo_drawer #temperature,
#group-mobo_drawer #cpu,
#group-mobo_drawer #power-profiles-daemon,
#group-mobo_drawer #memory,
#group-mobo_drawer #disk {
background-color: @background;
color: @color15;
border: 2px solid @color13;
}
/* Global overrides for this style (match other widgets: dark bg + light text) */
#pulseaudio,
#pulseaudio.microphone,
#cpu,
#memory,
#disk,
#temperature,
#power-profiles-daemon {
background-color: @background;
color: @color15;
border: 2px solid @color13;
}

233
.config/waybar/style/Wallust-Box-type.css Normal file
View file

@ -0,0 +1,233 @@
/* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
/* Wallust - Box type */
@import "../../.config/waybar/wallust/colors-waybar.css";
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
/* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
window#waybar {
background: transparent;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
}
window#waybar.hidden {
opacity: 0.2;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
}
window#waybar.empty,
window#waybar.empty #window {
background-color: transparent;
padding: 0px;
border: 0px;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
}
#window {
padding-left: 10px;
padding-right: 10px;
border-radius: 10px;
transition: none;
color: transparent;
background: transparent;
}
#taskbar button,
#workspaces button {
color: @color15;
box-shadow: none;
text-shadow: none;
padding: 0px;
border-radius: 9px;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(0.55, -0.68, 0.48, 1.682);
}
#taskbar button.active,
#workspaces button.active {
color: @background;
background-color: @color13;
padding-left: 4px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682);
}
#taskbar button.focused,
#workspaces button.focused {
color: @background;
background-color: @color13;
}
#workspaces button.urgent {
color: #ffffff;
border-radius: 10px;
}
#taskbar button:hover,
#workspaces button:hover {
color: @background;
background-color: @color13;
padding-left: 2px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682);
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-nightlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-nightlight,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-hyprpicker,
#custom-weather,
#custom-weather2,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 10px;
border-radius: 10px;
transition: none;
color: @color15;
background: @background;
border-bottom-width: 5px;
border-bottom-color: @color12;
border-bottom-style: solid;
}
#custom-power {
padding-right: 2px;
}
/*-----Indicators----*/
#custom-hypridle.notactive,
#idle_inhibitor.activated {
color: #39ff14;
border-bottom-width: 5px;
border-bottom-color: @color12;
border-bottom-style: solid;
}
#network {
padding-right: 12px;
}
#temperature.critical {
background-color: red;
color: black;
}
#mpris {
padding-right: 2px;
padding-left: 8px;
}
#backlight {
padding-right: 2px;
}
#battery.critical:not(.charging) {
background-color: #ffffff;
color: #000000;
animation-name: blink;
animation-duration: 3s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
border-bottom-width: 5px;
border-bottom-color: @color12;
border-bottom-style: solid;
}
@keyframes blink {
to {
background-color: #ffffff;
color: #000000;
}
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 10;
background-image: none;
border: none;
box-shadow: @color12;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}

Some files were not shown because too many files have changed in this diff Show more