Merge pull request 'desktop' (#2) from desktop into main

Reviewed-on: #2
This commit is contained in:
Nicholai 2025-11-25 11:00:35 +00:00
commit 594d7f8906
64 changed files with 10494 additions and 343 deletions

View File

@ -1 +1 @@
/home/Nicholai/.cache/wal/colors-waybar.css
/home/nicholai/.cache/wal/colors-waybar.css

1
config Symbolic link
View File

@ -0,0 +1 @@
/home/nicholai/.config/waybar/configs/[TOP] wallust_new

View File

@ -0,0 +1,76 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
// ### BOTTOM and LEFT PANEL
[{
"include": "~/.config/waybar/modules",
"layer": "top",
//"mode": "dock",
"exclusive": true,
"passthrough": false,
"position": "bottom",
"spacing": 2,
"fixed-center": true,
"ipc": true,
"margin-left": 6,
"margin-right": 6,
"margin-bottom": 2,
"modules-left": [
"custom/menu",
"cpu",
"temperature",
"memory",
"disk",
],
"modules-center": [
//"hyprland/window",
"hyprland/workspaces#roman",
],
"modules-right": [
//"network",
//"bluetooth",
"custom/weather",
"battery",
"backlight",
"pulseaudio",
//"wireplumber",
"pulseaudio#microphone",
"keyboard-state",
"custom/power",
],
},
{
"include": "~/.config/waybar/modules",
"layer": "top",
"position": "left",
"height": 650,
"margin-top": 8,
"margin-bottom": 8,
"margin-left": 3,
//"margin-right": 3,
"spacing": 3,
"fixed-center": true,
"ipc": true,
//"gtk-layer-shell": true,
"modules-left": [
"custom/lock",
"idle_inhibitor",
],
"modules-center": [
"clock#vertical",
],
"modules-right": [
"mpris",
"custom/swaync",
"tray",
"custom/light_dark",
],
}]

View File

@ -0,0 +1,76 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
// ### BOTTOM and RIGHT PANEL
[{
"include": "~/.config/waybar/modules",
"layer": "top",
//"mode": "dock",
"exclusive": true,
"passthrough": false,
"position": "bottom",
"spacing": 2,
"fixed-center": true,
"ipc": true,
"margin-left": 6,
"margin-right": 6,
"margin-bottom": 2,
"modules-left": [
"custom/menu",
"cpu",
"temperature",
"memory",
"disk",
],
"modules-center": [
//"hyprland/window",
"hyprland/workspaces#roman",
],
"modules-right": [
//"network",
//"bluetooth",
"custom/weather",
"battery",
"backlight",
"pulseaudio",
//"wireplumber",
"pulseaudio#microphone",
"keyboard-state",
"custom/power",
],
},
{
"include": "~/.config/waybar/modules",
"layer": "top",
"position": "right",
"height": 650,
"margin-top": 8,
"margin-bottom": 8,
//"margin-left": 3,
"margin-right": 3,
"spacing": 3,
"fixed-center": true,
"ipc": true,
//"gtk-layer-shell": true,
"modules-left": [
"custom/lock",
"idle_inhibitor",
],
"modules-center": [
"clock#vertical",
],
"modules-right": [
"mpris",
"custom/swaync",
"tray",
"custom/light_dark",
],
}]

176
configs/[BOT] Camellia Normal file
View File

@ -0,0 +1,176 @@
//* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
//* ............................................*/
//* .............CAMELLIA.......................*/
//* ............................................*/
//* --- 👍 designed by https://github.com/Krautt 👍 --- */
{
"include": "~/.config/waybar/modules",
"layer": "top",
//"mode": "dock",
"exclusive": true,
"passthrough": false,
"position": "bottom",
"spacing": 4,
"fixed-center": true,
"ipc": true,
//"margin-top": 0,
//"margin-bottom": 0,
//"margin-left": 0,
//"margin-right": 0,
"modules-left": [
"hyprland/workspaces#cam",
"custom/separator#line",
"mpris",
"custom/swaync",
"tray#cam",
"wlr/taskbar"],
"modules-center": ["hyprland/window#cam"],
"modules-right": [
"custom/backlight",
"backlight/slider",
"custom/speaker",
"pulseaudio/slider",
"battery#cam",
"clock#cam",
"network#cam"],
// Additional modules //
"hyprland/workspaces#cam": {
"active-only":false,
"all-outputs": true,
"format": "{icon}",
"show-special": false,
"on-click": "activate",
"on-scroll-up": "hyprctl dispatch workspace e+1",
"on-scroll-down": "hyprctl dispatch workspace e-1",
"persistent-workspaces":{
"1": [],
"2": [],
"3": [],
"4": [],
"5": []
},
"format-icons": {
"1": "Uno",
"2": "Due",
"3": "Tre",
"4": "Quattro",
"5": "Cinque",
"6":"Sei",
"7":"Sette",
"8":"Otto",
"9":"Nove",
"10":"Dieci"
}
},
"hyprland/window#cam": {
"format": " {title}",
"max-length": 50,
"rewrite": {
"(.*) — Mozilla Firefox": " $1",
"(.*) - zsh": "> [$1]"
},
"separate-outputs": true
},
"clock#cam": {
"interval": 60,
//"format": "{:%A, %I:%M %P}",
"format": "{:%A, %H:%M}",
"max-length": 25,
},
"battery#cam": {
"interval": 60,
"align": 0,
"rotate": 0,
//"bat": "BAT1",
//"adapter": "ACAD",
"full-at": 100,
"design-capacity": false,
"states": {
"critical": 15
},
"format": "{capacity}% {icon}",
"format-charging": " {capacity}%",
"format-plugged": "󱘖 {capacity}%",
"format-full": "{icon} Full",
"format-alt": "{icon} {time}",
"format-icons": ["", "", "", "", ""],
"format-time": "{H}h {M}min",
"tooltip": true,
"tooltip-format": "{timeTo} {power}w"
},
"pulseaudio/slider": {
"min": 0,
"max": 100,
"orientation": "horizontal"
},
"custom/speaker": {
"exec": "echo '🔊'",
"interval": 1,
"format": "{}"
},
"backlight/slider": {
"min": 0,
"max": 100,
"orientation": "horizontal",
"device": "intel_backlight"
},
"custom/backlight": {
"exec": "echo '✨'",
"interval": 1,
"format": "{}"
},
"tray#cam": {
//"icon-size": 16,
"spacing": 10
},
"network#cam": {
"format": "{ifname}",
"format-wifi": "{icon}",
"format-ethernet": "󰌘",
"format-disconnected": "󰌙",
"tooltip-format": "{ipaddr}  {bandwidthUpBytes}  {bandwidthDownBytes}",
"format-linked": "󰈁 {ifname} (No IP)",
"tooltip-format-wifi": "{essid} {icon} {signalStrength}%",
"tooltip-format-ethernet": "{ifname} 󰌘",
"tooltip-format-disconnected": "󰌙 Disconnected",
"max-length": 50,
"format-icons": ["󰤯","󰤟","󰤢","󰤥","󰤨"]
},
"wlr/taskbar": {
"format": "{icon}",
//"icon-size": 14,
//"icon-theme": "Numix-Circle",
"tooltip-format": "{title}",
"on-click": "activate",
"on-click-middle": "close",
"ignore-list": [
"kitty"
],
"app_ids-mapping": {
"firefoxdeveloperedition": "firefox-developer-edition"
},
"rewrite": {
"Firefox Web Browser": "Firefox",
"Foot Server": "Terminal"
}
}
}

View File

@ -0,0 +1,93 @@
//* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
//* ............................................*/
//* .............CHRYSANTHEMUM.......................*/
//* ............................................*/
//* --- 👍 designed by https://github.com/Krautt 👍 --- */
{
"include": "~/.config/waybar/modules",
"layer": "top",
//"mode": "dock",
"exclusive": true,
"passthrough": false,
"position": "bottom",
"spacing": 5,
"fixed-center": true,
"ipc": true,
"margin-left": 5,
"margin-right": 5,
"modules-left": ["clock#gar", "mpris", "custom/swaync", "tray"],
"modules-center": ["hyprland/workspaces"],
"modules-right": ["pulseaudio#gar","backlight#gar", "battery#gar"],
// M O D U L E S //
"clock#gar": {
//"format": "{:%A, %I:%M %P}",
"format": "{:%a %d | %H:%M}",
"format-alt": "{:%A, %d %B, %Y (%R)}"
},
"hyprland/window#gar": {
"format": "{}",
"max-length": 60
},
"tray#gar": {
"icon-size": 15,
"spacing": 10
},
"pulseaudio#gar": {
"format": "{icon} {volume}%",
"format-bluetooth": "{icon} {volume}%",
"format-bluetooth-muted": " {icon}",
"format-muted": "󰸈",
"format-icons": {
"headphone": "",
"hands-free": "",
"headset": "",
"phone": "",
"portable": "",
"car": "",
"default": ["", "", ""]
},
"on-click": "pamixer --toggle-mute",
"on-click-right": "pavucontrol",
"tooltip": false
},
"backlight#gar": {
//"device": "intel_backlight",
"format": "{icon} {percent}%",
"format-icons": ["", ""]
},
"battery#gar": {
"interval": 60,
"align": 0,
"rotate": 0,
//"bat": "BAT1",
//"adapter": "ACAD",
"full-at": 100,
"design-capacity": false,
"states": {
"good": 95,
"warning": 30,
"critical": 15
},
"format": "{icon} {capacity}%",
"format-charging": " {capacity}%",
"format-plugged": "󱘖 {capacity}%",
"format-full": "{icon} Full",
"format-alt": "{icon} {time}",
"format-icons": ["", "", "", "", ""],
"format-time": "{H}h {M}min",
"tooltip": true,
"tooltip-format": "{timeTo} {power}w",
"on-click-middle": "~/.config/hypr/scripts/ChangeBlur.sh",
"on-click-right": "~/.config/hypr/scripts/Wlogout.sh",
},
}

View File

@ -0,0 +1,69 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
// ### DEFAULT Bottom - Laptop### //
{
"include": "~/.config/waybar/modules",
"layer": "top",
//"mode": "dock",
"exclusive": true,
"passthrough": false,
"position": "bottom",
"spacing": 3,
"fixed-center": true,
"ipc": true,
//"margin-top": 6,
"margin-left": 8,
"margin-right": 8,
"modules-left": [
"hyprland/workspaces#pacman",
"custom/separator#dot-line",
"cpu",
"custom/separator#dot-line",
"temperature",
"custom/separator#dot-line",
"memory",
"custom/separator#dot-line",
"custom/weather",
"custom/separator#blank_3",
"custom/cava_mviz",
],
"modules-center": [
"custom/menu",
"custom/separator#dot-line",
"idle_inhibitor",
"custom/separator#dot-line",
"clock",
"custom/separator#dot-line",
"custom/light_dark",
"custom/separator#dot-line",
"custom/lock",
//],
"custom/separator#dot-line",
"custom/keybinds",
],
"modules-right": [
"network#speed",
"custom/separator#dot-line",
"tray",
"mpris",
"custom/separator#dot-line",
"bluetooth",
"custom/separator#dot-line",
"battery",
"custom/separator#dot-line",
"backlight",
"custom/separator#dot-line",
"pulseaudio",
"custom/separator#dot-line",
"pulseaudio#microphone",
"custom/separator#dot-line",
"keyboard-state",
"custom/separator#dot-line",
"custom/keyboard",
"custom/separator#dot-line",
"custom/power",
],
}

99
configs/[BOT] Gardenia Normal file
View File

@ -0,0 +1,99 @@
//* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
//* ............................................*/
//* .............GARDENIA.......................*/
//* ............................................*/
//* --- 👍 designed by https://github.com/Krautt 👍 --- */
{
"include": "~/.config/waybar/modules",
"layer": "top",
//"mode": "dock",
"exclusive": true,
"passthrough": false,
"position": "bottom",
"spacing": 5,
"fixed-center": false,
"ipc": true,
//"margin-top": 5,
"margin-bottom": 5,
"width": 768,
"modules-left": ["clock#gar", "mpris", "custom/swaync", "tray"],
"modules-center": ["hyprland/workspaces#kanji"],
"modules-right": ["pulseaudio#gar","backlight#gar", "battery#gar"],
// M O D U L E S //
"clock#gar": {
//"format": "{:%A, %I:%M %P}",
"format": "{:%a %d | %H:%M}",
"format-alt": "{:%A, %d %B, %Y (%R)}"
},
"hyprland/window#gar": {
"format": "{}",
"max-length": 60
},
"tray#gar": {
"icon-size": 15,
"spacing": 10
},
"pulseaudio#gar": {
"format": "{icon} {volume}%",
"format-bluetooth": "{icon} {volume}%",
"format-bluetooth-muted": " {icon}",
"format-muted": "󰸈",
"format-icons": {
"headphone": "",
"hands-free": "",
"headset": "",
"phone": "",
"portable": "",
"car": "",
"default": ["", "", ""]
},
"on-click": "pamixer --toggle-mute",
"on-click-right": "pavucontrol",
"tooltip": false
},
"backlight#gar": {
"device": "intel_backlight",
"format": "{icon} {percent}%",
"format-icons": ["", ""]
},
"battery#gar": {
"interval": 60,
"align": 0,
"rotate": 0,
//"bat": "BAT1",
//"adapter": "ACAD",
"full-at": 100,
"design-capacity": false,
"states": {
"good": 95,
"warning": 30,
"critical": 15
},
"format": "{icon} {capacity}%",
"format-charging": " {capacity}%",
"format-plugged": "󱘖 {capacity}%",
"format-full": "{icon} Full",
"format-alt": "{icon} {time}",
"format-icons": ["", "", "", "", ""],
"format-time": "{H}h {M}min",
"tooltip": true,
"tooltip-format": "{timeTo} {power}w",
"on-click-middle": "~/.config/hypr/scripts/ChangeBlur.sh",
"on-click-right": "~/.config/hypr/scripts/Wlogout.sh",
},
}

109
configs/[BOT] Peony Normal file
View File

@ -0,0 +1,109 @@
//* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
//* ............................................*/
//* ................PEONY.......................*/
//* ............................................*/
//* --- 👍 designed by https://github.com/Krautt 👍 --- */
{
"include": "~/.config/waybar/modules",
"layer": "top",
//"mode": "dock",
"exclusive": true,
"passthrough": false,
"position": "bottom",
"spacing": 4,
"fixed-center": true,
"ipc": true,
//"margin-top": 5,
"margin-bottom": 5,
"width": 1444,
"modules-left": ["hyprland/workspaces#roman", "mpris", "tray#peony"],
"modules-center": ["clock#peony"],
"modules-right": [
"battery#peony",
"custom/separator#blank",
"backlight#peony",
"custom/separator#blank",
"pulseaudio",
"custom/separator#blank",
"temperature",
"custom/separator#blank",
"network#peony",
"custom/swaync"],
//M O D U L E S //
"clock#peony": {
"interval": 60,
"tooltip-format": "<big>{:%B %Y}</big>\n<tt><small>{calendar}</small></tt>",
//"format": "{:%B | %a %d, %Y | %I:%M %p}",
"format": "{:%B | %a %d, %Y | %H:%M}",
"format-alt": "{:%a %b %d, %G}",
},
"wireplumber#peony": {
"format": "{icon} {volume}",
"format-muted": " Mute",
"on-click": "~/.config/hypr/scripts/Volume.sh --toggle",
"on-click-right": "pavucontrol -t 3",
"on-scroll-up": "~/.config/hypr/scripts/Volume.sh --inc",
"on-scroll-down": "~/.config/hypr/scripts/Volume.sh --dec",
"format-icons": ["", "", "󰕾", ""],
},
"backlight#peony": {
"device": "intel_backlight",
"format": "{percent}% {icon}",
"format-icons": ["󰛩", "󱩎", "󱩏", "󱩑", "󱩒", "󱩓", "󱩔", "󱩕", "󰛨"],
},
"network#peony": {
"format": "{ifname}",
"format-wifi": "{icon}",
"format-ethernet": "󰌘",
"format-disconnected": "󰌙",
"tooltip-format": "{ipaddr}  {bandwidthUpBytes}  {bandwidthDownBytes}",
"format-linked": "󰈁 {ifname} (No IP)",
"tooltip-format-wifi": "{essid} {icon} {signalStrength}%",
"tooltip-format-ethernet": "{ifname} 󰌘",
"tooltip-format-disconnected": "󰌙 Disconnected",
"max-length": 50,
"format-icons": ["󰤯","󰤟","󰤢","󰤥","󰤨"]
},
"battery#peony": {
"interval": 60,
"align": 0,
"rotate": 0,
//"bat": "BAT1",
//"adapter": "ACAD",
"full-at": 100,
"design-capacity": false,
"states": {
"good": 95,
"warning": 30,
"critical": 15
},
"format": "{icon} {capacity}%",
"format-charging": " {capacity}%",
"format-plugged": "󱘖 {capacity}%",
"format-full": "{icon} Full",
"format-alt": "{icon} {time}",
"format-icons": ["", "", "", "", ""],
"format-time": "{H}h {M}min",
"tooltip": true,
"tooltip-format": "{timeTo} {power}w",
"on-click-middle": "~/.config/hypr/scripts/ChangeBlur.sh",
"on-click-right": "~/.config/hypr/scripts/Wlogout.sh",
},
"tray#peony": {
"icon-size": 17,
"spacing": 8,
}
}

47
configs/[BOT] Sleek Normal file
View File

@ -0,0 +1,47 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
// Sleek
{
"include": "~/.config/waybar/modules",
"layer": "top",
"position": "bottom",
"height": 14,
"margin-left": 10,
"margin-right": 10,
"margin-bottom": 2,
"modules-left": [
"custom/menu",
"custom/separator#blank_2",
"mpris",
"hyprland/window"
],
"modules-center": [
"hyprland/workspaces"
],
"modules-right": [
"tray",
"custom/swaync",
"pulseaudio",
"clock",
"custom/power"
],
// Additional format / customize modules
"custom/power": {
"format": " ",
"icon-size": 20,
"tooltip": false,
},
"clock": {
//"format": "{:%I:%M %p - %d/%b}", //for AM/PM
"format": "{:%H:%M - %d/%b}", // 24H
"tooltip": false
},
}

37
configs/[Left] WestWing Normal file
View File

@ -0,0 +1,37 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
// ### LEFT PANEL ### //
{
"include": "~/.config/waybar/modules",
"layer": "top",
"position": "left",
"margin-top": 8,
"margin-bottom": 8,
"margin-left": 3,
//"margin-right": 3,
"spacing": 3,
"fixed-center": true,
"ipc": true,
//"gtk-layer-shell": true,
"modules-left": [
"clock#vertical",
"custom/light_dark",
],
"modules-center": [
"hyprland/workspaces",
],
"modules-right": [
"mpris",
"tray",
"custom/swaync",
"backlight#vertical",
"pulseaudio#microphone_vertical",
"pulseaudio#vertical",
"custom/power_vertical",
"custom/menu",
],
}

37
configs/[Right] EastWing Normal file
View File

@ -0,0 +1,37 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
// ### RIGHT PANEL ### //
{
"include": "~/.config/waybar/modules",
"layer": "top",
"position": "right",
"margin-top": 8,
"margin-bottom": 8,
//"margin-left": 3,
"margin-right": 3,
"spacing": 3,
"fixed-center": true,
"ipc": true,
//"gtk-layer-shell": true,
"modules-left": [
"clock#vertical",
"custom/light_dark",
],
"modules-center": [
"hyprland/workspaces",
],
"modules-right": [
"mpris",
"tray",
"custom/swaync",
"backlight#vertical",
"pulseaudio#microphone_vertical",
"pulseaudio#vertical",
"custom/power_vertical",
"custom/menu",
],
}

View File

@ -0,0 +1,80 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
// ### DUAL TOP and BOTTOM ### //
[{
"include": "~/.config/waybar/modules",
"layer": "top",
//"mode": "dock",
"exclusive": true,
"passthrough": false,
"position": "top",
"spacing": 3,
"fixed-center": true,
"ipc": true,
"margin-top": 1,
"margin-left": 8,
"margin-right": 8,
"modules-left": [
"cpu",
"temperature",
"memory",
"disk",
],
"modules-center": [
"idle_inhibitor",
"hyprland/workspaces#4",
"custom/light_dark",
],
"modules-right": [
"custom/weather",
"battery",
"backlight",
"bluetooth",
"network",
//"custom/updater",
"custom/cycle_wall",
"custom/lock",
],
},
{
"include": "~/.config/waybar/modules",
"layer": "top",
//"mode": "dock",
"exclusive": true,
"passthrough": false,
"position": "bottom",
"spacing": 5,
"fixed-center": true,
"ipc": true,
"height": 0,
"margin-left": 8,
"margin-right": 8,
//"margin-bottom": 0,
"modules-left": [
"custom/menu",
"wlr/taskbar",
],
"modules-center": [
"clock",
],
"modules-right": [
"hyprland/window",
"tray",
"custom/swaync",
"mpris",
"keyboard-state",
"pulseaudio",
//"wireplumber",
"pulseaudio#microphone",
"custom/power",
],
}]

View File

@ -0,0 +1,72 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
// ### TOP and LEFT PANEL ## //
[{
"include": "~/.config/waybar/modules",
"layer": "top",
//"mode": "dock",
"width": 1200,
"exclusive": true,
"passthrough": false,
"position": "top",
"spacing": 3,
"fixed-center": true,
"ipc": true,
"margin-top": 2,
"margin-left": 8,
"margin-right": 8,
"modules-left": [
"custom/menu",
"custom/separator#blank_2",
"group/motherboard",
],
"modules-center": [
//"hyprland/window",
"hyprland/workspaces#pacman",
],
"modules-right": [
"network",
"bluetooth",
"custom/weather",
"custom/separator#blank_2",
"group/audio",
"custom/separator#blank_2",
"keyboard-state",
"custom/power",
],
},
{
"include": "~/.config/waybar/modules",
"layer": "top",
"position": "left",
"height": 650,
"margin-top": 8,
"margin-bottom": 8,
"margin-left": 3,
"spacing": 3,
"fixed-center": true,
"ipc": true,
//"gtk-layer-shell": true,
"modules-left": [
"custom/lock",
"idle_inhibitor",
],
"modules-center": [
"clock#vertical",
],
"modules-right": [
"mpris",
"custom/swaync",
"tray",
"custom/light_dark",
],
}]

View File

@ -0,0 +1,73 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
// ### TOP and Right PANEL ## //
[{
"include": "~/.config/waybar/modules",
"layer": "top",
//"mode": "dock",
"width": 1200,
"exclusive": true,
"passthrough": false,
"position": "top",
"spacing": 3,
"fixed-center": true,
"ipc": true,
"margin-top": 2,
"margin-left": 8,
"margin-right": 8,
"modules-left": [
"custom/menu",
"custom/separator#blank_2",
"group/motherboard",
],
"modules-center": [
//"hyprland/window",
"hyprland/workspaces#pacman",
],
"modules-right": [
"network",
"bluetooth",
"custom/weather",
"custom/separator#blank_2",
"group/audio",
"custom/separator#blank_2",
"keyboard-state",
"custom/power",
],
},
{
"include": "~/.config/waybar/modules",
"layer": "top",
"position": "right",
"height": 650,
"margin-top": 8,
"margin-bottom": 8,
//"margin-left": 3,
"margin-right": 3,
"spacing": 3,
"fixed-center": true,
"ipc": true,
//"gtk-layer-shell": true,
"modules-left": [
"custom/lock",
"idle_inhibitor",
],
"modules-center": [
"clock#vertical",
],
"modules-right": [
"mpris",
"custom/swaync",
"tray",
"custom/light_dark",
],
}]

178
configs/[TOP] Camellia Normal file
View File

@ -0,0 +1,178 @@
//* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
//* ............................................*/
//* .............CAMELLIA.......................*/
//* ............................................*/
//* --- 👍 designed by https://github.com/Krautt 👍 --- */
{
"include": "~/.config/waybar/modules",
"layer": "top",
//"mode": "dock",
"exclusive": true,
"passthrough": false,
"position": "top",
"spacing": 3,
"fixed-center": true,
"ipc": true,
//"margin-top": 0,
//"margin-bottom": 0,
//"margin-left": 0,
//"margin-right": 0,
"modules-left": [
"hyprland/workspaces#cam",
"custom/separator#line",
"mpris",
"custom/swaync",
"tray#cam",
"wlr/taskbar"
],
"modules-center": ["hyprland/window#cam"],
"modules-right": [
"custom/backlight",
"backlight/slider",
"custom/speaker",
"pulseaudio/slider",
"battery#cam",
"clock#cam",
"network#cam"
],
// Additional modules //
"hyprland/workspaces#cam": {
"active-only":false,
"all-outputs": true,
"format": "{icon}",
"show-special": false,
"on-click": "activate",
"on-scroll-up": "hyprctl dispatch workspace e+1",
"on-scroll-down": "hyprctl dispatch workspace e-1",
"persistent-workspaces":{
"1": [],
"2": [],
"3": [],
"4": [],
"5": []
},
"format-icons": {
"1": "Uno",
"2": "Due",
"3": "Tre",
"4": "Quattro",
"5": "Cinque",
"6":"Sei",
"7":"Sette",
"8":"Otto",
"9":"Nove",
"10":"Dieci"
}
},
"hyprland/window#cam": {
"format": " {title}",
"max-length": 50,
"rewrite": {
"(.*) — Mozilla Firefox": " $1",
"(.*) - zsh": "> [$1]"
},
"separate-outputs": true
},
"clock#cam": {
"interval": 60,
//"format": "{:%A, %I:%M %P}",
"format": "{:%A, %H:%M}",
"max-length": 25,
},
"battery#cam": {
"interval": 60,
"align": 0,
"rotate": 0,
//"bat": "BAT1",
//"adapter": "ACAD",
"full-at": 100,
"design-capacity": false,
"states": {
"critical": 15
},
"format": "{capacity}% {icon}",
"format-charging": " {capacity}%",
"format-plugged": "󱘖 {capacity}%",
"format-full": "{icon} Full",
"format-alt": "{icon} {time}",
"format-icons": ["", "", "", "", ""],
"format-time": "{H}h {M}min",
"tooltip": true,
"tooltip-format": "{timeTo} {power}w"
},
"pulseaudio/slider": {
"min": 0,
"max": 100,
"orientation": "horizontal",
},
"custom/speaker": {
"exec": "echo '🔊'",
"interval": 1,
"format": "{}"
},
"backlight/slider": {
"min": 0,
"max": 100,
"orientation": "horizontal",
//"device": "intel_backlight"
},
"custom/backlight": {
"exec": "echo '✨'",
"interval": 1,
"format": "{}"
},
"tray#cam": {
//"icon-size": 16,
"spacing": 10
},
"network#cam": {
"format": "{ifname}",
"format-wifi": "{icon}",
"format-ethernet": "󰌘",
"format-disconnected": "󰌙",
"tooltip-format": "{ipaddr}  {bandwidthUpBytes}  {bandwidthDownBytes}",
"format-linked": "󰈁 {ifname} (No IP)",
"tooltip-format-wifi": "{essid} {icon} {signalStrength}%",
"tooltip-format-ethernet": "{ifname} 󰌘",
"tooltip-format-disconnected": "󰌙 Disconnected",
"max-length": 50,
"format-icons": ["󰤯","󰤟","󰤢","󰤥","󰤨"]
},
"wlr/taskbar": {
"format": "{icon}",
//"icon-size": 14,
//"icon-theme": "Numix-Circle",
"tooltip-format": "{title}",
"on-click": "activate",
"on-click-middle": "close",
"ignore-list": [
"kitty"
],
"app_ids-mapping": {
"firefoxdeveloperedition": "firefox-developer-edition"
},
"rewrite": {
"Firefox Web Browser": "Firefox",
"Foot Server": "Terminal"
}
}
}

View File

@ -0,0 +1,95 @@
//* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
//* ............................................*/
//* .............CHRYSANTHEMUM.......................*/
//* ............................................*/
//* --- 👍 designed by https://github.com/Krautt 👍 --- */
{
"include": "~/.config/waybar/modules",
"layer": "top",
//"mode": "dock",
"exclusive": true,
"passthrough": false,
"position": "top",
"spacing": 5,
"fixed-center": true,
"ipc": true,
"margin-left": 5,
"margin-right": 5,
"margin-top": 0,
"modules-left": ["clock#gar", "mpris", "tray", "custom/swaync"],
"modules-center": ["hyprland/workspaces"],
"modules-right": ["pulseaudio#gar","backlight#gar", "battery#gar"],
// M O D U L E S //
"clock#gar": {
//"format": "{:%A, %I:%M %P}",
"format": "{:%a %d | %H:%M}",
"format-alt": "{:%A, %d %B, %Y (%R)}"
},
"hyprland/window#gar": {
"format": "{}",
"max-length": 60
},
"tray#gar": {
"icon-size": 15,
"spacing": 10
},
"pulseaudio#gar": {
"format": "{icon} {volume}%",
"format-bluetooth": "{icon} {volume}%",
"format-bluetooth-muted": " {icon}",
"format-muted": "󰸈",
"format-icons": {
"headphone": "",
"hands-free": "",
"headset": "",
"phone": "",
"portable": "",
"car": "",
"default": ["", "", ""]
},
"on-click": "pamixer --toggle-mute",
"on-click-right": "pavucontrol",
"tooltip": false
},
"backlight#gar": {
//"device": "intel_backlight",
"format": "{icon} {percent}%",
"format-icons": ["", ""]
},
"battery#gar": {
"interval": 60,
"align": 0,
"rotate": 0,
//"bat": "BAT1",
//"adapter": "ACAD",
"full-at": 100,
"design-capacity": false,
"states": {
"good": 95,
"warning": 30,
"critical": 15
},
"format": "{icon} {capacity}%",
"format-charging": " {capacity}%",
"format-plugged": "󱘖 {capacity}%",
"format-full": "{icon} Full",
"format-alt": "{icon} {time}",
"format-icons": ["", "", "", "", ""],
"format-time": "{H}h {M}min",
"tooltip": true,
"tooltip-format": "{timeTo} {power}w",
"on-click-middle": "~/.config/hypr/scripts/ChangeBlur.sh",
"on-click-right": "~/.config/hypr/scripts/Wlogout.sh",
},
}

View File

@ -0,0 +1,93 @@
/* ---- 💫 Custom Minimal Layout 💫 ---- */
// Based on original minimal config with Hyprlust integration
{
"include": "~/.config/waybar/modules",
"layer": "top",
"position": "top",
"margin-top": 8,
"margin-bottom": 0,
"modules-left": [
"hyprland/workspaces#4",
"tray"
],
"modules-center": [
"clock"
],
"modules-right": [
"custom/temps",
"pulseaudio",
"pulseaudio#microphone"
],
// Customize clock format - 12-hour with AM/PM
"clock": {
"format": "{:%I:%M %p %a, %b %e}",
"tooltip": true,
"tooltip-format": "{calendar}",
"calendar": {
"mode": "month",
"on-scroll": 1,
"format": {
"months": "<span color='#ffead3'><b>{}</b></span>",
"days": "<span color='#ecc6d9'><b>{}</b></span>",
"weekdays": "<span color='#ffcc66'><b>{}</b></span>",
"today": "<span color='#ff6699'><b><u>{}</u></b></span>"
}
}
},
// Pulseaudio with scroll control
"pulseaudio": {
"format": "{icon} {volume}%",
"format-muted": " Muted",
"on-click": "pamixer -t",
"on-scroll-up": "pamixer -i 5",
"on-scroll-down": "pamixer -d 5",
"scroll-step": 5,
"format-icons": {
"default": ["", "", ""]
}
},
"pulseaudio#microphone": {
"format": "{format_source}",
"format-source": " {volume}%",
"format-source-muted": " Muted",
"on-click": "pamixer --default-source -t",
"on-scroll-up": "pamixer --default-source -i 5",
"on-scroll-down": "pamixer --default-source -d 5",
"scroll-step": 5
},
// Dynamic workspaces with minimum of 1
"hyprland/workspaces#4": {
"format": "{icon}",
"show-special": false,
"active-only": false,
"on-click": "activate",
"on-scroll-up": "hyprctl dispatch workspace e+1",
"on-scroll-down": "hyprctl dispatch workspace e-1",
"all-outputs": true,
"sort-by-number": true,
"persistent-workspaces": {
"*": 1
},
"format-icons": {
"1": "1",
"2": "2",
"3": "3",
"4": "4",
"5": "5",
"6": "6",
"7": "7",
"8": "8",
"9": "9",
"10": "10",
"default": "●"
}
}
}

View File

@ -0,0 +1,70 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
// ### DEFAULT Top -Laptop ### //
{
"include": "~/.config/waybar/modules",
"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": [
"hyprland/workspaces#pacman",
"custom/separator#dot-line",
"cpu",
"custom/separator#dot-line",
"temperature",
"custom/separator#dot-line",
"memory",
"custom/separator#dot-line",
"custom/weather",
"custom/separator#blank_3",
"custom/cava_mviz",
],
"modules-center": [
"custom/menu",
"custom/separator#dot-line",
"idle_inhibitor",
"custom/separator#dot-line",
"clock",
"custom/separator#dot-line",
"custom/light_dark",
"custom/separator#dot-line",
"custom/lock",
//],
"custom/separator#dot-line",
"custom/hint",
],
"modules-right": [
"network#speed",
"custom/separator#dot-line",
"custom/swaync",
"tray",
"mpris",
"custom/separator#dot-line",
"bluetooth",
"custom/separator#dot-line",
"battery",
"custom/separator#dot-line",
"backlight",
"custom/separator#dot-line",
"pulseaudio",
"custom/separator#dot-line",
"pulseaudio#microphone",
"custom/separator#dot-line",
"keyboard-state",
"custom/separator#dot-line",
"custom/keyboard",
"custom/separator#dot-line",
"custom/power",
],
}

View File

@ -0,0 +1,54 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
// ### DEFAULT v2 (Laptop) - Top ### //
{
"include": "~/.config/waybar/modules",
"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/menu",
"custom/light_dark",
"custom/separator#dot-line",
"group/motherboard",
"custom/separator#blank",
"group/laptop",
"custom/separator#line",
"custom/weather",
],
"modules-center": [
"custom/swaync",
"custom/cava_mviz",
"custom/separator#dot-line",
"clock",
"custom/separator#line",
"hyprland/workspaces#roman",
"custom/separator#dot-line",
"idle_inhibitor",
"custom/hint",
],
"modules-right": [
"network#speed",
"custom/separator#line",
"tray",
"mpris",
"bluetooth",
"group/audio",
"keyboard-state",
"custom/keyboard",
"custom/lock",
"custom/separator#dot-line",
"custom/power",
],
}

27
configs/[TOP] Gardenia Normal file
View File

@ -0,0 +1,27 @@
{
"layer": "bottom",
"position": "top",
"margin": "4 ",
"fixed-center": true,
"reload_style_on_change": true,
"include": ["~/.config/waybar/modules"],
"modules-left": [
"hyprland/window",
"group/info",
],
"modules-center": [
"hyprland/workspaces#pacman"
],
"modules-right": [
"tray",
"custom/separator#blank_2",
"mpris",
"group/power",
"group/hub",
],
}

View File

@ -0,0 +1,42 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
// ### Minimal - Long ### //
{
"include": "~/.config/waybar/modules",
"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/menu",
"custom/separator#blank_2",
"mpris" ,
"custom/separator#blank_1",
"hyprland/window" ,
"custom/swaync",
"tray",
],
"modules-center": [
"clock",
"idle_inhibitor",
],
"modules-right": [
"group/motherboard",
"custom/separator#blank_2",
"group/laptop",
"custom/separator#blank_2",
"group/audio",
"custom/separator#blank_2",
"custom/power",
],
}

View File

@ -0,0 +1,32 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
// ### Minimal -SHORT ### //
{
"include": "~/.config/waybar/modules",
"layer": "top",
"position": "top",
"width": 1050,
"margin-top": 3,
"modules-left": [
"clock",
"custom/weather",
],
"modules-center": [
"hyprland/workspaces#roman"
],
"modules-right": [
"custom/menu",
"tray",
"custom/swaync",
"mpris",
"network",
"bluetooth",
"backlight",
"pulseaudio",
"battery",
"custom/power"],
}

103
configs/[TOP] Peony Normal file
View File

@ -0,0 +1,103 @@
//* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
//* ............................................*/
//* ................PEONY.......................*/
//* ............................................*/
//* --- 👍 designed by https://github.com/Krautt 👍 --- */
{
"include": "~/.config/waybar/modules",
"layer": "top",
//"mode": "dock",
"exclusive": true,
"passthrough": false,
"position": "top",
"spacing": 4,
"fixed-center": true,
"ipc": true,
"margin-top": 5,
//"margin-bottom": 5,
"width": 1444,
"modules-left": ["hyprland/workspaces#roman", "mpris", "custom/swaync", "tray#peony"],
"modules-center": ["clock#peony"],
"modules-right": [
"tray#peony",
"battery#peony",
"custom/separator#blank",
"mpris",
"custom/separator#blank",
"pulseaudio",
"custom/separator#blank",
"temperature",
"custom/separator#blank",
"network#peony"],
//M O D U L E S //
"clock#peony": {
"interval": 60,
"tooltip-format": "<big>{:%B %Y}</big>\n<tt><small>{calendar}</small></tt>",
//"format": "{:%B | %a %d, %Y | %I:%M %p}",
"format": "{:%B | %a %d, %Y | %H:%M}",
"format-alt": "{:%a %b %d, %G}",
},
"wireplumber#peony": {
"format": "{icon} {volume}",
"format-muted": " Mute",
"on-click": "~/.config/hypr/scripts/Volume.sh --toggle",
"on-click-right": "pavucontrol -t 3",
"on-scroll-up": "~/.config/hypr/scripts/Volume.sh --inc",
"on-scroll-down": "~/.config/hypr/scripts/Volume.sh --dec",
"format-icons": ["", "", "󰕾", ""],
},
"network#peony": {
"format": "{ifname}",
"format-wifi": "{icon}",
"format-ethernet": "󰌘",
"format-disconnected": "󰌙",
"tooltip-format": "{ipaddr}  {bandwidthUpBytes}  {bandwidthDownBytes}",
"format-linked": "󰈁 {ifname} (No IP)",
"tooltip-format-wifi": "{essid} {icon} {signalStrength}%",
"tooltip-format-ethernet": "{ifname} 󰌘",
"tooltip-format-disconnected": "󰌙 Disconnected",
"max-length": 50,
"format-icons": ["󰤯","󰤟","󰤢","󰤥","󰤨"]
},
"battery#peony": {
"interval": 60,
"align": 0,
"rotate": 0,
//"bat": "BAT1",
//"adapter": "ACAD",
"full-at": 100,
"design-capacity": false,
"states": {
"good": 95,
"warning": 30,
"critical": 15
},
"format": "{icon} {capacity}%",
"format-charging": " {capacity}%",
"format-plugged": "󱘖 {capacity}%",
"format-full": "{icon} Full",
"format-alt": "{icon} {time}",
"format-icons": ["", "", "", "", ""],
"format-time": "{H}h {M}min",
"tooltip": true,
"tooltip-format": "{timeTo} {power}w",
"on-click-middle": "~/.config/hypr/scripts/ChangeBlur.sh",
"on-click-right": "~/.config/hypr/scripts/Wlogout.sh",
},
"tray#peony": {
"icon-size": 17,
"spacing": 8,
}
}

85
configs/[TOP] Sleek Normal file
View File

@ -0,0 +1,85 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
// Sleek
{
"include": "~/.config/waybar/modules",
"layer": "top",
"position": "top",
"height": 14,
"margin-left": 10,
"margin-right": 10,
"margin-top": 2,
"modules-left": [
"custom/menu",
"custom/separator#dot-line",
"hyprland/workspaces#kanji",
"custom/separator#blank_1",
"custom/weather",
],
"modules-center": [
"hyprland/window"
],
"modules-right": [
"custom/padd",
"cpu",
"custom/separator#blank",
"temperature",
"custom/separator#blank",
"battery",
"custom/separator#blank",
"pulseaudio",
"custom/separator#blank_2",
"custom/swaync",
"tray",
"custom/separator#blank",
"mpris",
"custom/separator#blank_2",
"clock",
"custom/separator#dot-line",
"custom/power",
],
"modules-right": [
"cpu",
"custom/separator#blank",
"temperature",
"custom/separator#blank",
"battery",
"custom/separator#blank",
"pulseaudio",
"custom/separator#blank_2",
"custom/swaync",
"tray",
"custom/separator#blank",
"mpris",
"custom/separator#blank_2",
"clock",
"custom/separator#dot-line",
"custom/power",
],
// Additional format / customize modules
"custom/power": {
"format": " ",
"icon-size": 20,
"tooltip": false,
},
"clock": {
"format": "{:%I:%M %p - %d/%b}", //for AM/PM
//"format": "{:%H:%M - %d/%b}", // 24H
"tooltip": true
},
}

31
configs/[TOP] wallust_new Normal file
View File

@ -0,0 +1,31 @@
{
"layer": "top",
"position": "top",
"height" : 34,
"width" : 1200,
"margin-left": 50,
"margin-right": 50,
"margin-top": 5,
"fixed-center": true,
"reload_style_on_change": true,
"include": ["~/.config/waybar/modules"],
"modules-left": [
"custom/menu",
"custom/separator#blank",
"hyprland/window",
"group/info",
],
"modules-center": [
"hyprland/workspaces#4"
],
"modules-right": [
"idle_inhibitor",
"group/demo",
"group/hub",
"custom/power",
],
}

590
modules Normal file
View File

@ -0,0 +1,590 @@
//* ---- 💫 https://github.com/JaKooLit 💫 ---- *//
/* Waybar Modules */
{
// NUMBERS and ICONS style
"hyprland/workspaces#4": {
//"format": "{name}",
//"format": " {name} {icon} ",
"format": " {icon} ",
"show-special": false,
"active-only": false,
"on-click": "activate",
"on-scroll-up": "hyprctl dispatch workspace e+1",
"on-scroll-down": "hyprctl dispatch workspace e-1",
"all-outputs": true,
"sort-by-number": true,
"persistent-workspaces": {
"1": [],
"2": [],
"3": [],
"4": [],
},
"format-icons": {
"1": " ",
"2": " ",
"3": " ",
"4": " ",
"5": "",
"6": " ",
"7": "",
"8": " ",
"9": " ",
"10": "10",
"focused": "",
"default": "",
},
},
// GROUP
"group/demo": {
"orientation": "inherit",
"modules": [ "group/custom_right" , "battery"],
},
"group/custom_right": {
"orientation": "horizontal",
"modules": [
"tray",
"pulseaudio",
"mpris",
]
},
"battery": {
//"interval": 5,
"align": 0,
"rotate": 0,
//"bat": "BAT1",
//"adapter": "ACAD",
"full-at": 100,
"design-capacity": false,
"states": {
"good": 95,
"warning": 30,
"critical": 15
},
"format": "{icon} {capacity}",
"format-charging": " {capacity}%",
"format-plugged": "󱘖 {capacity}%",
"format-alt-click": "click",
"format-full": "{icon} Full",
"format-alt": "{icon} {time}",
"format-icons": [
"󰂎", "󰁺", "󰁻", "󰁼", "󰁽", "󰁾", "󰁿", "󰂀", "󰂁", "󰂂", "󰁹"
],
"format-time": "{H}h {M}min",
"tooltip": true,
"tooltip-format": "{timeTo} {power}w",
"on-click-middle": "~/.config/hypr/scripts/ChangeBlur.sh",
"on-click-right": "~/.config/hypr/scripts/Wlogout.sh",
},
"actions": {
"on-click-right": "mode",
"on-click-forward": "tz_up",
"on-click-backward": "tz_down",
"on-scroll-up": "shift_up",
"on-scroll-down": "shift_down"
},
"idle_inhibitor": {
"format": "{icon}",
"format-icons": {
"activated": " ",
"deactivated": " ",
}
},
"mpris": {
"interval": 10,
"format": "{player_icon} ",
"format-paused": "{status_icon}",
"on-click-middle": "playerctl play-pause",
"on-click": "playerctl previous",
"on-click-right": "playerctl next",
"scroll-step": 5.0,
"on-scroll-up": "~/.config/hypr/scripts/Volume.sh --inc",
"on-scroll-down": "~/.config/hypr/scripts/Volume.sh --dec",
"smooth-scrolling-threshold": 1,
"player-icons": {
"chromium": "",
"mpd" : "",
"default": "",
"firefox": "",
"kdeconnect": "",
"mopidy": "",
"mpv": "󰐹",
"spotify": "",
"vlc": "󰕼",
},
"status-icons": {
"paused": "󰐎",
"playing": "",
"stopped": "",
},
// "ignored-players": ["firefox"]
"max-length": 10,
},
"pulseaudio": {
"format": "{icon} {volume}%",
"format-bluetooth": "{icon} 󰂰 {volume}",
"format-muted": "󰖁",
"format-icons": {
"headphone": "",
"hands-free": "",
"headset": "",
"phone": "",
"portable": "",
"car": "",
"default": [
"", "", "󰕾", ""
],
"ignored-sinks": [
"Easy Effects Sink"
],
},
"scroll-step": 5.0,
"on-click": "~/.config/hypr/scripts/Volume.sh --toggle",
"on-click-right": "pavucontrol -t 3",
"on-scroll-up": "~/.config/hypr/scripts/Volume.sh --inc",
"on-scroll-down": "~/.config/hypr/scripts/Volume.sh --dec",
"tooltip-format": "{icon} {desc} | {volume}%",
"smooth-scrolling-threshold": 1,
},
"pulseaudio#microphone": {
"format": "{format_source}",
"format-source": " {volume}%",
"format-source-muted": "",
"on-click": "~/.config/hypr/scripts/Volume.sh --toggle-mic",
"on-click-right": "pavucontrol -t 4",
"on-scroll-up": "~/.config/hypr/scripts/Volume.sh --mic-inc",
"on-scroll-down": "~/.config/hypr/scripts/Volume.sh --mic-dec",
"tooltip-format": "{source_desc} | {source_volume}%",
"scroll-step": 5,
},
"temperature": {
"interval": 10,
"tooltip": true,
"hwmon-path": [
"/sys/class/hwmon/hwmon6/temp1_input",
"/sys/class/thermal/thermal_zone0/temp"
],
//"thermal-zone": 0,
"critical-threshold": 82,
"format-critical": "{temperatureC}°C {icon}",
"format": "{temperatureC}°C {icon}",
"format-icons": [
"󰈸"
],
"on-click-right": "kitty --title nvtop sh -c 'nvtop'"
},
"custom/temps": {
"exec": "~/.config/waybar/scripts/temps.sh",
"interval": 2,
"return-type": "json",
"format": "{}",
"tooltip": true
},
"tray": {
"icon-size": 16,
"spacing": 4,
},
"wireplumber": {
"format": "{icon} {volume} %",
"format-muted": " Mute",
"on-click": "~/.config/hypr/scripts/Volume.sh --toggle",
"on-click-right": "pavucontrol -t 3",
"on-scroll-up": "~/.config/hypr/scripts/Volume.sh --inc",
"on-scroll-down": "~/.config/hypr/scripts/Volume.sh --dec",
"format-icons": [
"", "", "󰕾", ""
],
},
"wlr/taskbar": {
"format": "{icon} {name} ",
"icon-size": 15,
"all-outputs": false,
"tooltip-format": "{title}",
"on-click": "activate",
"on-click-middle": "close",
"ignore-list": [
"wofi",
"rofi",
]
},
"custom/menu": {
"format": "{}",
"exec": "echo ; echo 󱓟 app launcher",
"interval": 86400, // once every day
"tooltip": true,
"on-click": "pkill rofi || rofi -show drun -modi run,drun,filebrowser,window",
"on-click-middle": "~/.config/hypr/UserScripts/WallpaperSelect.sh",
"on-click-right": "~/.config/hypr/scripts/WaybarLayout.sh",
},
// This is a custom cava visualizer
"custom/cava_mviz": {
"exec": "~/.config/hypr/scripts/WaybarCava.sh",
"format": "{}"
},
"custom/touch": {
"format": "󱓟 {}",
"on-click": "pkill wvkbd-mobintl || wvkbd-mobintl -L 200",
},
"custom/playerctl": {
"format": "<span>{}</span>",
"return-type": "json",
"max-length": 35,
"exec": "playerctl -a metadata --format '{\"text\": \"{{artist}} ~ {{markup_escape(title)}}\", \"tooltip\": \"{{playerName}} : {{markup_escape(title)}}\", \"alt\": \"{{status}}\", \"class\": \"{{status}}\"}' -F",
"on-click-middle": "playerctl play-pause",
"on-click": "playerctl previous",
"on-click-right": "playerctl next",
"scroll-step": 5.0,
"on-scroll-up": "~/.config/hypr/scripts/Volume.sh --inc",
"on-scroll-down": "~/.config/hypr/scripts/Volume.sh --dec",
"smooth-scrolling-threshold": 1,
},
"custom/power": {
"format": "⏻",
"exec": "echo ; echo 󰟡 power // blur",
"on-click": "~/.config/hypr/scripts/Wlogout.sh",
"on-click-right": "~/.config/hypr/scripts/ChangeBlur.sh",
"interval": 86400, // once every day
"tooltip": true,
},
"custom/swaync": {
"tooltip": true,
"format": "{icon} {}",
"format-icons": {
"notification": "<span foreground='red'><sup></sup></span>",
"none": "",
"dnd-notification": "<span foreground='red'><sup></sup></span>",
"dnd-none": "",
"inhibited-notification": "<span foreground='red'><sup></sup></span>",
"inhibited-none": "",
"dnd-inhibited-notification": "<span foreground='red'><sup></sup></span>",
"dnd-inhibited-none": ""
},
"return-type": "json",
"exec-if": "which swaync-client",
"exec": "swaync-client -swb",
"on-click": "sleep 0.1 && swaync-client -t -sw",
"on-click-right": "swaync-client -d -sw",
"escape": true,
},
// NOTE:! This is only for Arch and Arch Based Distros depend: \
"custom/weather": {
"format": "{}",
"format-alt": "{alt}: {}",
"format-alt-click": "click",
"interval": 3600,
"return-type": "json",
//"exec": "~/.config/hypr/UserScripts/Weather.sh",
"exec": "~/.config/hypr/UserScripts/Weather.py",
"exec-if": "ping wttr.in -c1",
"tooltip": true,
},
// Separators
"custom/separator#dot": {
"format": "",
"interval": "once",
"tooltip": false
},
"custom/separator#dot-line": {
"format": "",
"interval": "once",
"tooltip": false
},
"custom/separator#line": {
"format": "|",
"interval": "once",
"tooltip": false
},
"custom/separator#blank": {
"format": "",
"interval": "once",
"tooltip": false
},
"custom/separator#blank_2": {
"format": " ",
"interval": "once",
"tooltip": false
},
"custom/separator#blank_3": {
"format": " ",
"interval": "once",
"tooltip": false
},
"hyprland/window": {
"format": "󰣆 {title}",
"max-length": 40,
"separate-outputs": false,
"rewrite": {
"^.*( — LibreWolf|LibreWolf)$": "󰈹 LibreWolf",
"(.*) — Mozilla Firefox": " Firefox",
"^.*v( .*|$)": " Neovim",
"^.*~$": "󰄛 Kitty",
"(.*) ": " Empty",
"^.*pdf( .*|$)": "",
"^.*(- Mousepad)$" :" $1"
},
},
"group/info": {
"orientation": "inherit",
"drawer": {
"transition-duration": 300,
"transition-left-to-right": false,
},
"modules": ["custom/arrow-right", "cpu", "memory", "temperature"],
},
"custom/arrow-right": {
"format": "󰁙",
"tooltip": false,
},
"cpu": {
"format": "󰘚 {usage}󱉸",
},
"memory": {
"interval": 10,
"format": "{used:0.1f}G 󰾆",
"format-alt": "{percentage}% 󰾆",
"format-alt-click": "click",
"tooltip": true,
"tooltip-format": "{used:0.1f}GB/{total:0.1f}G",
"on-click-right": "kitty --title btop sh -c 'btop'"
},
"disk": {
"interval": 600,
"format": "󰆼 {percentage_used}󱉸",
"path": "/",
},
"group/control-center": {
"orientation": "inherit",
"modules": ["hyprland/language", "group/audio", "group/connection"],
},
"hyprland/language": {
"format": "{}",
"format-en": "en",
"format-ru": "ru",
"keyboard-name": "kingston-hyperx-alloy-fps-pro-mechanical-gaming-keyboard-1",
// "keyboard-name":"at-translated-set-2-keyboard",
"on-click": "hyprctl switchxkblayout kingston-hyperx-alloy-fps-pro-mechanical-gaming-keyboard-1 next",
},
"group/audio": {
"orientation": "inherit",
"drawer": {
"transition-duration": 300,
"transition-left-to-right": false,
},
"modules": [
"pulseaudio",
"pulseaudio#mic"
// "pulseaudio/slider"
]
},
"group/connection": {
"orientation": "inherit",
"modules": ["group/network", "group/bluetooth"],
},
"group/network": {
"orientation": "inherit",
"drawer": {
"transition-duration": 300,
"transition-left-to-right": true,
},
"modules": ["network", "network#speed"],
},
"group/bluetooth": {
"orientation": "inherit",
"drawer": {
"transition-duration": 300,
"transition-left-to-right": true,
},
"modules": ["bluetooth", "bluetooth#status"],
},
"network": {
"format": "{icon}",
"format-icons": {
"wifi": ["󰤨"],
"ethernet": ["󰈁"],
"disconnected": [""],
},
"format-wifi": "󰤨",
"format-ethernet": "󰈁",
"format-disconnected": "󰖪",
"format-linked": "󰈁",
"tooltip": false,
"on-click": "pgrep -x rofi &>/dev/null && notify-send rofi || networkmanager_dmenu",
},
"network#speed": {
"format": " {bandwidthDownBits} ",
"interval": 5,
"tooltip-format": "{ipaddr}",
"tooltip-format-wifi": "{essid} ({signalStrength}%)  \n{ipaddr} | {frequency} MHz{icon} ",
"tooltip-format-ethernet": "{ifname} 󰈀 \n{ipaddr} | {frequency} MHz{icon} ",
"tooltip-format-disconnected": "Not Connected to any type of Network",
"tooltip": true,
"on-click": "pgrep -x rofi &>/dev/null && notify-send rofi || networkmanager_dmenu",
},
"bluetooth": {
"format-on": "",
"format-off": "󰂲",
"format-disabled": "",
"format-connected": "",
"tooltip": false,
// "tooltip-format": "{controller_alias}\t{controller_address}\n\n{num_connections} connected",
// "tooltip-format-connected": "{controller_alias}\t{controller_address}\n\n{num_connections} connected\n\n{device_enumerate}",
// "tooltip-format-enumerate-connected": "{device_alias}\t{device_address}",
// "tooltip-format-enumerate-connected-battery": "{device_alias}\t{device_address}\t{device_battery_percentage}%",
"on-click": "overskride",
},
"bluetooth#status": {
"format-on": "",
"format-off": "",
"format-disabled": "",
"format-connected": "<b>{num_connections}</b>",
"format-connected-battery": "<small><b>{device_battery_percentage}%</b></small>",
"tooltip-format": "{controller_alias}\t{controller_address}\n\n{num_connections} connected",
"tooltip-format-connected": "{controller_alias}\t{controller_address}\n\n{num_connections} connected\n\n{device_enumerate}",
"tooltip-format-enumerate-connected": "{device_alias}\t{device_address}",
"tooltip-format-enumerate-connected-battery": "{device_alias}\t{device_address}\t{device_battery_percentage}%",
"on-click": "rofi-bluetooth -config ~/.config/rofi/menu.d/network.rasi -i",
},
"group/hub": {
"orientation": "inherit",
"modules": ["group/utils", "clock"],
},
"group/utils": {
"orientation": "inherit",
"drawer": {
"transition-duration": 300,
"transition-left-to-right": true,
},
"modules": ["custom/arrow-left", "custom/notifications", "custom/weather", "custom/theme-switcher"],
},
"custom/arrow-left": {
"format": "󰁒",
"tooltip": false,
},
"custom/notifications": {
"tooltip": false,
"format": "{icon} {}",
"format-icons": {
"notification": "󱅫",
"none": "󰂚",
"dnd-notification": "󰂛",
"dnd-none": "󰂛",
"inhibited-notification": "󰂚",
"inhibited-none": "󰂚",
"dnd-inhibited-notification": "󰂛",
"dnd-inhibited-none": "󰂛"
},
"return-type": "json",
"exec-if": "which swaync-client",
"exec": "swaync-client -swb",
"on-click": "swaync-client -t -sw",
"on-click-right": "swaync-client -d -sw",
"escape": true
},
"clock": {
"interval": 1,
"format": "{:%I:%M %p}", // AM PM format
//"format": " {:%H:%M:%S}",
"format-alt": " {:%H:%M  %Y, %d %B, %A}",
"tooltip-format": "<tt><small>{calendar}</small></tt>",
"calendar": {
"mode": "year",
"mode-mon-col": 3,
"weeks-pos": "right",
"on-scroll": 1,
"format": {
"months": "<span color='#ffead3'><b>{}</b></span>",
"days": "<span color='#ecc6d9'><b>{}</b></span>",
"weeks": "<span color='#99ffdd'><b>W{}</b></span>",
"weekdays": "<span color='#ffcc66'><b>{}</b></span>",
"today": "<span color='#ff6699'><b><u>{}</u></b></span>"
}
}
},
"actions": {
"on-click-right": "mode",
"on-click-forward": "tz_up",
"on-click-backward": "tz_down",
"on-scroll-up": "shift_up",
"on-scroll-down": "shift_down"
},
},
"group/power": {
"orientation": "inherit",
"drawer": {
"transition-duration": 300,
"transition-left-to-right": false,
},
"modules": ["battery", "power-profiles-daemon"],
},
"battery": {
"states": {
"good": 95,
"warning": 30,
"critical": 15
},
"format": "{icon}",
"format-charging": "<b>{icon} </b>",
"format-full": "<span color='#82A55F'><b>{icon}</b></span>",
"format-icons": [
"󰁻",
"󰁼",
"󰁾",
"󰂀",
"󰂂",
"󰁹"
],
"tooltip-format": "{timeTo} {capacity} % | {power} W"
},
"power-profiles-daemon": {
"format": "{icon}",
"tooltip-format": "Power profile: {profile}\nDriver: {driver}",
"tooltip": true,
"format-icons": {
"default": "",
"performance": "<span color='#B37F34'><small></small></span>",
"balanced": "<span><small> </small></span>",
"power-saver": "<span color='#a6e3a1'><small></small></span>"
}
},
}
"mpd": {
"format": "{stateIcon} {consumeIcon}{randomIcon}{repeatIcon}{singleIcon}{artist} - {album} - {title} ({elapsedTime:%M:%S}/{totalTime:%M:%S}) ",
"format-disconnected": "Disconnected ",
"format-stopped": "{consumeIcon}{randomIcon}{repeatIcon}{singleIcon}Stopped ",
"interval": 10,
"consume-icons": {
"on": " " // Icon shows only when "consume" is on
},
"random-icons": {
"off": "<span color=\"#f53c3c\"></span> ", // Icon grayed out when "random" is off
"on": " "
},
"repeat-icons": {
"on": " "
},
"single-icons": {
"on": "1 "
},
"state-icons": {
"paused": "",
"playing": ""
},
"tooltip-format": "MPD (connected)",
"tooltip-format-disconnected": "MPD (disconnected)"
}

32
scripts/switch-layout.sh Executable file
View File

@ -0,0 +1,32 @@
#!/bin/bash
# Quick waybar layout switcher
waybar_layouts="$HOME/.config/waybar/configs"
waybar_config="$HOME/.config/waybar/config"
# Get all available layouts (using mapfile to preserve filenames with spaces)
mapfile -t layouts < <(ls "$waybar_layouts" | sort)
# If wofi is available, use it for selection
if command -v wofi &> /dev/null; then
choice=$(printf '%s\n' "${layouts[@]}" | wofi --dmenu -i -p "Waybar Layout" --parse-search false)
else
# Otherwise use a simple CLI menu
echo "Available Waybar Layouts:"
for i in "${!layouts[@]}"; do
echo "$((i+1)). ${layouts[$i]}"
done
read -p "Select layout (1-${#layouts[@]}): " selection
choice="${layouts[$((selection-1))]}"
fi
if [[ -n "$choice" ]]; then
# Use absolute path for the symlink target
ln -sf "$(realpath "$waybar_layouts/$choice")" "$waybar_config"
echo "Switched to: $choice"
killall waybar
sleep 0.5
waybar &
else
echo "No selection made"
fi

32
scripts/switch-style.sh Executable file
View File

@ -0,0 +1,32 @@
#!/bin/bash
# Quick waybar style/theme switcher
waybar_styles="$HOME/.config/waybar/style"
waybar_css="$HOME/.config/waybar/style.css"
# Get all available styles (using mapfile to preserve filenames with spaces)
mapfile -t styles < <(find "$waybar_styles" -maxdepth 1 -type f -name "*.css" -exec basename {} \; | sort)
# If wofi is available, use it for selection
if command -v wofi &> /dev/null; then
choice=$(printf '%s\n' "${styles[@]}" | wofi --dmenu -i -p "Waybar Style" --parse-search false)
else
# Otherwise use a simple CLI menu
echo "Available Waybar Styles:"
for i in "${!styles[@]}"; do
echo "$((i+1)). ${styles[$i]}"
done
read -p "Select style (1-${#styles[@]}): " selection
choice="${styles[$((selection-1))]}"
fi
if [[ -n "$choice" ]]; then
# Use absolute path for the symlink target
ln -sf "$(realpath "$waybar_styles/$choice")" "$waybar_css"
echo "Switched to: $choice"
killall waybar
sleep 0.5
waybar &
else
echo "No selection made"
fi

342
style.css
View File

@ -1,342 +0,0 @@
* {
border: none;
border-radius: 8px;
/* Increased border-radius by 2x */
/* `ttf-font-awesome` is required to be installed for icons */
font-family: "JetBrainsMono Nerd Font";
/* adjust font-size value to your liking: */
font-size: 18px;
font-weight: bold;
min-height: 0;
min-width: 28px;
/* Ensures consistent minimum width */
}
window#waybar {
background-color: rgba(0, 0, 0, 0);
color: #ffffff;
margin-top: 8px;
/* Add top margin to prevent touching screen top */
margin-bottom: 8px;
/* Optional: Also add bottom margin for consistency */
}
#workspaces button {
padding: 4px 8px;
/* Reduced vertical padding further */
margin: 1px 2px;
/* Reduced vertical margins further */
background-color: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.6);
border-radius: 10px;
/* Increased border-radius by 2x */
transition: all 0.3s ease;
border: 1px solid transparent;
min-height: 4px;
/* Reduced height even more */
font-size: 8px;
/* Reduced even more */
}
#workspaces button:hover {
background-color: rgba(255, 255, 255, 0.2);
color: rgba(0, 0, 0, 0.4);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
#workspaces button.active {
background-color: rgba(255, 255, 255, 0.3);
color: rgba(0, 0, 0, 0.4);
border: 1px solid rgba(255, 255, 255, 0.5);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}
#workspaces button.urgent {
background-color: #eb4d4b;
color: #ffffff;
box-shadow: 0 0 12px rgba(235, 77, 75, 0.8);
}
#mode {
background-color: #64727d;
padding: 6px 10px;
/* Added consistent vertical padding */
margin: 6px 3px;
min-height: 28px;
/* Ensures consistent minimum height */
border-radius: 8px;
/* Increased border-radius by 2x */
}
#clock,
#battery,
#cpu,
#memory,
#temperature,
#backlight,
#network,
#pulseaudio,
#custom-media,
#tray,
#mode,
#idle_inhibitor,
#mpd {
padding: 6px 10px;
/* Added consistent vertical padding for height consistency */
margin: 6px 3px;
color: rgba(0, 0, 0, 0.4);
min-height: 28px;
/* Ensures consistent minimum height */
border-radius: 8px;
/* Increased border-radius by 2x */
}
#window {
margin: 6px 4px;
/* Added vertical margins to match other modules */
padding: 6px 10px;
/* Added consistent vertical padding */
min-height: 28px;
/* Ensures consistent minimum height */
border-radius: 8px;
/* Increased border-radius by 2x */
}
#workspaces {
margin: 1px 3px;
/* Reduced vertical margins */
padding: 6px 8px 6px 8px;
/* Reduced vertical padding to 0, kept horizontal padding */
background-color: rgba(0, 0, 0, 0.4);
border-radius: 8px;
/* Increased border-radius by 2x */
min-height: 3px;
/* Reduced height even more */
}
/* If workspaces is the leftmost module, use smaller left margin */
.modules-left>widget:first-child>#workspaces {
margin-left: 4px;
/* Keep some margin from left screen edge */
}
/* If workspaces is the rightmost module, omit right margin */
.modules-right>widget:last-child>#workspaces {
margin-right: 0;
}
#clock {
background-color: rgba(0, 0, 0, 0.4);
color: white;
}
#battery {
background-color: rgba(0, 0, 0, 0.4);
color: white;
}
#battery.charging {
color: #ffffff;
background-color: rgba(0, 0, 0, 0.4);
}
#battery.critical:not(.charging) {
background-color: #f53c3c;
color: #ffffff;
box-shadow: 0 0 12px rgba(245, 60, 60, 0.8);
}
label:focus {
background-color: rgba(0, 0, 0, 0.4);
}
#cpu {
background-color: rgba(0, 0, 0, 0.4);
color: #ffffff;
}
#memory {
background-color: rgba(0, 0, 0, 0.4);
color: white;
}
#backlight {
background-color: rgba(0, 0, 0, 0.4);
color: white;
}
#network {
background-color: rgba(0, 0, 0, 0.4);
color: white;
}
#network.disconnected {
background-color: #f53c3c;
}
#pulseaudio {
background-color: rgba(0, 0, 0, 0.4);
color: #ffffff;
}
#pulseaudio.muted {
background-color: rgba(0, 0, 0, 0.4);
color: #ffffff;
}
#custom-media {
background-color: rgba(0, 0, 0, 0.4);
color: #ffffff;
padding: 6px 10px;
/* Added consistent vertical padding */
min-height: 28px;
/* Ensures consistent minimum height */
border-radius: 8px;
/* Increased border-radius by 2x */
min-width: 100px;
}
#custom-media.custom-spotify {
background-color: rgba(0, 0, 0, 0.4);
color: #ffffff;
}
#custom-media.custom-vlc {
background-color: rgba(0, 0, 0, 0.4);
color: #ffffff;
}
#temperature {
background-color: rgba(0, 0, 0, 0.4);
color: #ffffff;
}
#temperature.critical {
background-color: #eb4d4b;
color: #ffffff;
}
#custom-temps {
background-color: rgba(0, 0, 0, 0.4);
color: #ffffff;
padding: 6px 10px;
/* Added consistent vertical padding */
margin: 6px 3px;
min-height: 28px;
/* Ensures consistent minimum height */
border-radius: 8px;
/* Increased border-radius by 2x */
}
#tray {
background-color: rgba(0, 0, 0, 0.4);
color: #ffffff;
}
#idle_inhibitor {
background-color: rgba(0, 0, 0, 0.4);
color: #ffffff;
}
#idle_inhibitor.activated {
background-color: #ffffff;
color: #000000;
}
#mpd {
background-color: rgba(0, 0, 0, 0.4);
color: #ffffff;
}
#mpd.disconnected {
background-color: #f53c3c;
color: #ffffff;
}
#mpd.stopped {
background-color: rgba(0, 0, 0, 0.4);
color: #ffffff;
}
#mpd.paused {
background-color: rgba(0, 0, 0, 0.4);
color: #ffffff;
}
#language {
background: rgba(0, 0, 0, 0.4);
color: #ffffff;
padding: 6px 10px;
/* Standardized vertical padding */
margin: 6px 3px;
min-height: 28px;
/* Ensures consistent minimum height */
border-radius: 8px;
/* Increased border-radius by 2x */
min-width: 28px;
/* Increased for consistency */
}
#custom-weather,
#custom-wallpaper,
#custom-power_profile,
#custom-battery,
#bluetooth,
#pulseaudio-microphone,
#battery-bat2 {
padding: 6px 10px;
/* Added consistent vertical padding for height consistency */
margin: 6px 3px;
color: #000000;
min-height: 28px;
/* Ensures consistent minimum height */
border-radius: 8px;
/* Increased border-radius by 2x */
}
#custom-weather {
background-color: rgba(0, 0, 0, 0.4);
color: white;
}
#custom-wallpaper {
background-color: rgba(0, 0, 0, 0.4);
color: white;
}
#custom-power_profile {
background-color: rgba(0, 0, 0, 0.4);
color: white;
}
#bluetooth {
background-color: rgba(0, 0, 0, 0.4);
color: white;
}
#pulseaudio-microphone {
background-color: rgba(0, 0, 0, 0.4);
color: #ffffff;
}
#pulseaudio-microphone.muted {
background-color: rgba(0, 0, 0, 0.4);
color: #ffffff;
}
#battery-bat2 {
background-color: rgba(0, 0, 0, 0.4);
color: white;
}
#battery-bat2.charging {
color: #ffffff;
background-color: rgba(0, 0, 0, 0.4);
}
#battery-bat2.critical:not(.charging) {
background-color: #f53c3c;
color: #ffffff;
box-shadow: 0 0 12px rgba(245, 60, 60, 0.8);
}

1
style.css Symbolic link
View File

@ -0,0 +1 @@
/home/nicholai/.config/waybar/style/[Colored] Translucent.css

View File

@ -0,0 +1,235 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Black & White MonoChrome */
* {
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 */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 1px;
}
window#waybar {
background: transparent;
}
window#waybar.empty {
background-color: transparent;
}
window#waybar.empty #window {
background-color: transparent;
}
tooltip {
color: white;
background: #1e1e2e;
opacity: 0.8;
border-radius: 10px;
border-width: 2px;
border-style: solid;
border-color: white;
}
tooltip label{
color: #cdd6f4;
}
/*-----module groups----*/
.modules-right {
background-color: black;
color: white;
border-bottom: 1px;
border-style: solid;
border-color: white;
border-radius: 10px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.modules-center {
background-color: black;
color: white;
border-bottom: 1px;
border-style: solid;
border-color: white;
border-radius: 10px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.modules-left {
background-color: black;
color: white;
border-bottom: 1px;
border-style: solid;
border-color: white;
border-radius: 10px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
/*-----modules indv----*/
#workspaces button {
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(.55,-0.68,.48,1.682);
}
#workspaces button:hover {
color: white;
background-color: rgba(0,153,153,0.2);
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.active {
color: white;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.persistent {
border-radius: 10px;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-cycle_wall,
#custom-hint,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-menu,
#custom-power_vertical,
#custom-power,
#custom-swaync,
#custom-updater,
#custom-weather,
#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: 3px;
padding-bottom: 3px;
padding-right: 6px;
padding-left: 6px;
}
/*-----Indicators----*/
#idle_inhibitor.activated {
color: #2dcc36;
}
#pulseaudio.muted {
color: #cc3436;
}
#temperature.critical {
color: #cc3436;
}
@keyframes blink {
to {
color: #000000;
}
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
#taskbar button.active {
background-color: #7f849c;
padding-left: 6px;
padding-right: 6px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button:hover {
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
#backlight-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough {
min-width: 80px;
min-height: 10px;
border-radius: 5px;
}
#backlight-slider highlight {
min-width: 10px;
border-radius: 5px;
}

View File

@ -0,0 +1,312 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Catppuccin Latte */
* {
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 */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 1px;
}
@import "../waybar/style/catppuccin-themes/latte.css";
window#waybar {
transition-property: background-color;
transition-duration: 0.5s;
/*background: transparent;*/
border-bottom: 2px solid @sapphire;
background: @theme_base_color;
border-radius: 10px;
}
window#waybar.hidden {
opacity: 0.2;
}
#waybar.empty #window {
background: none;
}
/* This section can be use if you want to separate waybar modules*/
/* Remember to set transparent on waybar above */
/*.modules-left, .modules-center, .modules-right { */
/* background: @theme_base_color; */
/* border: 0.5px solid @overlay0; */
/* padding: 0px 5px; */
/* border-radius: 10px; */
/*} */
/* .modules-left, .modules-right { */
/* border: 1px solid @blue; */
/* margin: 0px 5px;*/
/*}*/
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#pulseaudio,
#pulseaudio-slider,
#taskbar button,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-cycle_wall,
#custom-hint,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-menu,
#custom-power,
#custom-speaker,
#custom-power_vertical,
#custom-updater,
#custom-weather,
#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: 3px;
padding-bottom: 3px;
padding-right: 6px;
padding-left: 6px;
}
#idle_inhibitor {
color: @blue;
}
#backlight {
color: @blue;
}
#battery {
color: @green;
}
@keyframes blink {
to {
color: @surface0;
}
}
#battery.critical:not(.charging) {
background-color: @red;
color: @theme_text_color;
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
box-shadow: inset 0 -3px transparent;
}
#bluetooth {
color: @blue;
}
#clock {
color: @yellow;
}
#cpu {
color: @green;
}
#custom-keyboard,
#memory {
color: @sky;
}
#disk {
color: @sapphire;
}
#temperature {
color: @teal;
}
#temperature.critical {
background-color: @red;
}
#tray > .passive {
-gtk-icon-effect: dim;
}
#tray > .needs-attention {
-gtk-icon-effect: highlight;
}
#keyboard-state {
color: @flamingo;
}
#workspaces button {
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(.55,-0.68,.48,1.682);
}
#workspaces button:hover {
border-radius: 10px;
color: @overlay0;
background-color: @surface0;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.persistent {
color: @surface1;
border-radius: 10px;
}
#workspaces button.active {
color: @peach;
border-radius: 10px;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.urgent {
color: @red;
border-radius: 0px;
}
#taskbar button.active {
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button:hover {
padding-left: 3px;
padding-right: 3px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#custom-cava_mviz {
color: @pink;
}
#custom-menu {
color: @rosewater;
}
#custom-power {
color: @red;
}
#custom-updater {
color: @red;
}
#custom-light_dark {
color: @blue;
}
#custom-weather {
color: @lavender;
}
#custom-lock {
color: @maroon;
}
#pulseaudio {
color: @sapphire;
}
#pulseaudio.bluetooth {
color: @pink;
}
#pulseaudio.muted {
color: @red;
}
#window {
color: @mauve;
}
#custom-waybar-mpris {
color:@lavender;
}
#network {
color: @teal;
}
#network.disconnected,
#network.disabled {
background-color: @surface0;
color: @text;
}
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
#backlight-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough {
min-width: 80px;
min-height: 10px;
border-radius: 5px;
}
#backlight-slider highlight {
min-width: 10px;
border-radius: 5px;
}

View File

@ -0,0 +1,316 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Catppuccin Mocha */
* {
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 */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 1px;
}
@import "../waybar/style/catppuccin-themes/mocha.css";
window#waybar {
transition-property: background-color;
transition-duration: 0.5s;
background: transparent;
/*border: 2px solid @overlay0;*/
/*background: @theme_base_color;*/
border-radius: 10px;
}
window#waybar.hidden {
opacity: 0.2;
}
#waybar.empty #window {
background: none;
}
/* This section can be use if you want to separate waybar modules */
.modules-left, .modules-center, .modules-right {
background: @theme_base_color;
border: 0.5px solid @overlay0;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
border-radius: 10px;
}
.modules-left, .modules-right {
border: 1px solid @blue;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#pulseaudio,
#pulseaudio-slider,
#taskbar button,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-cycle_wall,
#custom-hint,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-menu,
#custom-power_vertical,
#custom-power,
#custom-swaync,
#custom-updater,
#custom-weather,
#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: 3px;
padding-bottom: 3px;
padding-right: 6px;
padding-left: 6px;
}
#idle_inhibitor {
color: @blue;
}
#bluetooth,
#backlight {
color: @blue;
}
#battery {
color: @green;
}
@keyframes blink {
to {
color: @surface0;
}
}
#battery.critical:not(.charging) {
background-color: @red;
color: @theme_text_color;
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
box-shadow: inset 0 -3px transparent;
}
#clock {
color: @yellow;
}
#cpu {
color: @green;
}
#custom-keyboard,
#memory {
color: @sky;
}
#disk {
color: @sapphire;
}
#temperature {
color: @teal;
}
#temperature.critical {
background-color: @red;
}
#tray > .passive {
-gtk-icon-effect: dim;
}
#tray > .needs-attention {
-gtk-icon-effect: highlight;
}
#keyboard-state {
color: @flamingo;
}
#workspaces button {
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(.55,-0.68,.48,1.682);
}
#workspaces button:hover {
border-radius: 10px;
color: @overlay0;
background-color: @surface0;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.persistent {
color: @surface1;
border-radius: 10px;
}
#workspaces button.active {
color: @peach;
border-radius: 10px;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.urgent {
color: @red;
border-radius: 0px;
}
#taskbar button.active {
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button:hover {
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#custom-cava_mviz {
color: @pink;
}
#custom-menu {
color: @rosewater;
}
#custom-power {
color: @red;
}
#custom-updater {
color: @red;
}
#custom-light_dark {
color: @blue;
}
#custom-weather {
color: @lavender;
}
#custom-lock {
color: @maroon;
}
#pulseaudio {
color: @sapphire;
}
#pulseaudio.bluetooth {
color: @pink;
}
#pulseaudio.muted {
color: @red;
}
#window {
color: @mauve;
}
#custom-waybar-mpris {
color:@lavender;
}
#network {
color: @teal;
}
#network.disconnected,
#network.disabled {
background-color: @surface0;
color: @text;
}
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
#backlight-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough {
min-width: 80px;
min-height: 10px;
border-radius: 5px;
}
#backlight-slider highlight {
min-width: 10px;
border-radius: 5px;
}

View File

@ -0,0 +1,360 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Chroma Glow */
* {
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 */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 1px;
}
window#waybar {
background-color: transparent;
color: #ffffff;
transition-property: background-color;
transition-duration: .5s;
border-radius: 10px;
}
window#waybar.hidden {
opacity: 0.1;
}
window#waybar.empty {
background-color: transparent;
}
window#waybar.empty #window {
padding: 0px;
border: 0px;
background-color: transparent;
}
tooltip {
color: #40a02b;
background: #1e1e2e;
opacity: 0.8;
border-radius: 10px;
border-width: 2px;
border-style: solid;
border-color: #11111b;
}
tooltip label{
color: #cdd6f4;
}
#workspaces button {
background-color: transparent;
color: grey;
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(.55,-0.68,.48,1.682);
}
#workspaces button.active {
background-color: transparent;
color: #D3D3D3;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button:hover {
background: rgba(0, 0, 0, 0.2);
color: #D3D3D3;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.focused {
background-color: #bbccdd;
color: #323232;
/* box-shadow: inset 0 -3px #ffffff; */
}
#workspaces button.urgent {
background-color: #eb4d4b;
}
#mode {
background-color: #64727D;
border-bottom: 3px solid #ffffff;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-cycle_wall,
#custom-hint,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-menu,
#custom-power_vertical,
#custom-power,
#custom-swaync,
#custom-updater,
#custom-weather,
#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: 3px;
padding-bottom: 3px;
padding-right: 6px;
padding-left: 6px;
}
#window,
#workspaces {
}
/* If workspaces is the leftmost module, omit left margin */
.modules-left > widget:first-child > #workspaces {
}
/* If workspaces is the rightmost module, omit right margin */
.modules-right > widget:last-child > #workspaces {
}
#clock {
color: #fe640b;
}
#custom-updater {
color: #7287fd;
}
#battery {
color: #32CD32;
}
/* #battery.charging {
color: #ffffff;
background-color: #26A65B;
} */
@keyframes blink {
to {
background-color: #ffffff;
color: #333333;
}
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
label:focus {
background-color: #000000;
}
#custom-keyboard,
#custom-menu{
color: yellow;
/*padding: 3px;*/
}
#cpu {
color: blue;
}
#memory {
color: green;
}
#custom-light_dark,
#backlight {
color: white;
}
#bluetooth {
color: blue;
}
#network {
color: #dd7878;
}
#network.disconnected {
color: #df3320;
}
#custom-swaync,
#custom-keybinds {
color: #1e66f5;
}
#wireplumber,
#pulseaudio {
color: green;
}
#wireplumber.muted,
#pulseaudio.muted {
color: grey;
}
#custom-power {
color: red;
}
#keyboard-state {
color: #dd7878;
}
#disk {
color: brown;
}
#custom-weather {
color: #df8e1d;
}
#custom-lock {
color: #ffa000;
}
#temperature {
color: #FF5349;
}
#temperature.critical {
background-color: #ff0000;
}
#tray {
/* background-color: #505050; */
}
#idle_inhibitor {
color: #ADD8E6;
/*background-color: #2d3436;*/
}
#idle_inhibitor.activated {
/*background-color: #ecf0f1;*/
color: #2dcc36;
/*color: #2d3436;*/
}
#taskbar button.active {
background-color: #7f849c;
padding-left: 12px;
padding-right: 12px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button:hover {
padding-left: 3px;
padding-right: 3px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#mpd {
color: #2a5c45;
}
#mpd.disconnected {
background-color: #f53c3c;
}
#mpd.stopped {
background-color: #90b1b1;
}
#mpd.paused {
background-color: #51a37a;
}
#custom-language {
color: #7da6ff;
min-width: 16px;
}
#custom-separator {
color: #606060;
}
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
#backlight-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough {
min-width: 80px;
min-height: 10px;
border-radius: 5px;
}
#backlight-slider highlight {
min-width: 10px;
border-radius: 5px;
}

View File

@ -0,0 +1,383 @@
@define-color critical #ff0000;
/* critical color */
@define-color warning #f3f809;
/* warning color */
@define-color fgcolor #ffffff;
/* foreground color */
@define-color bgcolor #303030;
/* background color */
@define-color bgcolor #222436;
/* background color */
@define-color alert #df3320;
@define-color accent1 #ff7a93;
@define-color accent2 #b9f27c;
@define-color accent3 #ff9e64;
@define-color accent4 #bb9af7;
@define-color accent5 #7da6ff;
@define-color accent6 #0db9d7;
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Translucent */
* {
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 */
font-size: 102%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 2px;
}
window#waybar {
background-color: rgba(0, 0, 0, 0.3);
color: #ffffff;
transition-property: background-color;
transition-duration: .5s;
border-radius: 10px;
}
window#waybar.hidden {
opacity: 0.1;
}
window#waybar.empty {
background-color: transparent;
}
window#waybar.empty #window {
padding: 0px;
border: 0px;
/* background-color: rgba(66,66,66,0.5); */
/* transparent */
background-color: transparent;
}
tooltip {
background: #1e1e2e;
opacity: 0.6;
border-radius: 10px;
border-width: 2px;
border-style: solid;
border-color: #11111b;
}
#workspaces button {
background-color: transparent;
color: #ffffff;
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(.55, -0.68, .48, 1.682);
}
#workspaces button.active {
background-color: transparent;
color: @accent1;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55, -0.68, .48, 1.682);
}
#workspaces button:hover {
background: rgba(0, 0, 0, 0.2);
color: @accent3;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55, -0.68, .48, 1.682);
}
#workspaces button.focused {
background-color: #bbccdd;
color: @accent2;
/* box-shadow: inset 0 -3px #ffffff; */
}
#workspaces button.urgent {
background-color: #eb4d4b;
}
#mode {
background-color: #64727D;
border-bottom: 3px solid #ffffff;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-cycle_wall,
#custom-hint,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-menu,
#custom-power_vertical,
#custom-power,
#custom-swaync,
#custom-updater,
#custom-weather,
#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: 3px;
padding-bottom: 3px;
padding-right: 6px;
padding-left: 6px;
}
/* If workspaces is the leftmost module, omit left margin */
.modules-left>widget:first-child>#workspaces {}
/* If workspaces is the rightmost module, omit right margin */
.modules-right>widget:last-child>#workspaces {}
#clock {
color: @accent2;
}
#custom-updater {
color: #7287fd;
}
#battery {
color: @accent5;
}
/* #battery.charging {
color: #ffffff;
background-color: #26A65B;
} */
@keyframes blink {
to {
background-color: #ffffff;
color: #333333;
}
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
label:focus {
background-color: #000000;
}
#custom-menu {
color: #FFFFFF;
/*padding: 3px;*/
}
#custom-keyboard,
#cpu {
color: @accent1;
}
#memory {
color: @accent3;
}
#backlight {
color: #cdd6f4;
}
#bluetooth {
color: #1e66f5;
}
#network {
color: @accent3;
}
#network.disconnected {
color: @alert;
}
#pulseaudio {
color: @accent4;
}
#pulseaudio-muted {
color: @accent2;
}
#wireplumber {
color: @accent4;
}
#wireplumber-muted {
color: @accent2;
}
#pluseaudio-source-muted {
color: #a0a0a0;
}
#custom-power {
color: #cc3436;
}
#disk {
color: @accent5;
}
#custom-power_profile {
color: @accent3;
}
#custom-media {
background-color: #66cc99;
color: #2a5c45;
min-width: 100px;
}
#custom-weather {
color: #66cc99;
}
#custom-lock {
color: #ffa000;
}
#keyboard-state,
#temperature {
color: @accent6;
/* background-color: #f0932b; */
}
#temperature.critical {
background-color: @critical;
}
#tray {
/* background-color: #505050; */
}
#idle_inhibitor {
color: #f9e2af;
/*background-color: #2d3436;*/
}
#idle_inhibitor.activated {
/*background-color: #ecf0f1;*/
color: #2dcc36;
/*color: #2d3436;*/
}
#taskbar button.active {
background-color: #7f849c;
padding-left: 12px;
padding-right: 12px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55, -0.68, .48, 1.682);
}
#taskbar button:hover {
padding-left: 3px;
padding-right: 3px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55, -0.68, .48, 1.682);
}
#mpd {
color: #2a5c45;
}
#mpd.disconnected {
background-color: #f53c3c;
}
#mpd.stopped {
background-color: #90b1b1;
}
#mpd.paused {
background-color: #51a37a;
}
#custom-language {
color: @accent5;
min-width: 16px;
}
#custom-separator {
color: #606060;
}
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
#backlight-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough {
min-width: 80px;
min-height: 10px;
border-radius: 5px;
}
#backlight-slider highlight {
min-width: 10px;
border-radius: 5px;
}

View File

@ -0,0 +1,233 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Aurora Blossom */
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 1px;
}
window#waybar {
background: transparent;
}
window#waybar.empty {
background-color: transparent;
}
window#waybar.empty #window {
background-color: transparent;
}
tooltip {
color: black;
background-image: linear-gradient(45deg, #7287fd 10%, #209fb5 54%, #8839ef 90%);
opacity: 0.8;
border-radius: 10px;
}
tooltip label{
color: black;
}
/*-----module groups----*/
.modules-right {
background-image: linear-gradient(45deg, #7287fd 10%, #209fb5 54%, #8839ef 90%);
color: black;
border-radius: 6px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.modules-center {
background-image: linear-gradient(0deg, #7287fd 10%, #209fb5 54%, #8839ef 90%);
color: black;
border-radius: 6px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.modules-left {
background-image: linear-gradient(225deg, #7287fd 10%, #209fb5 54%, #8839ef 90%);
color: black;
border-radius: 6px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
/*-----modules indv----*/
#workspaces button {
color: black;
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(.55,-0.68,.48,1.682);
}
#workspaces button:hover {
color: grey;
background-color: rgba(0,153,153,0.2);
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.active {
color: grey;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.persistent {
border-radius: 10px;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#pulseaudio,
#pulseaudio-slider,
#taskbar button,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-cycle_wall,
#custom-hint,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-menu,
#custom-power_vertical,
#custom-power,
#custom-swaync,
#custom-updater,
#custom-weather,
#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: 2px;
padding-bottom: 2px;
padding-right: 5px;
padding-left: 5px;
}
#custom-power {
padding: 1px 3px;
}
/*-----Indicators----*/
#idle_inhibitor.activated {
color: #2dcc36;
}
#pulseaudio.muted {
color: #cc3436;
}
#temperature.critical {
color: #cc3436;
}
@keyframes blink {
to {
color: #000000;
}
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
#taskbar button.active {
color: black;
background-color: #7f849c;
padding-left: 6px;
padding-right: 6px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button,
#taskbar button:hover {
color: black;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#pulseaudio-slider trough {
background-color: #7f849c;
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
#backlight-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough {
background-color: #7f849c;
min-width: 80px;
min-height: 10px;
border-radius: 5px;
}
#backlight-slider highlight {
min-width: 10px;
border-radius: 5px;
}

231
style/[Colorful] Aurora.css Normal file
View File

@ -0,0 +1,231 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Aurora */
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 1px;
}
window#waybar {
background: transparent;
}
window#waybar.empty {
background-color: transparent;
}
window#waybar.empty #window {
background-color: transparent;
}
tooltip {
color: black;
background-image: linear-gradient(45deg, #7287fd 10%, #209fb5 54%, #8839ef 90%);
opacity: 0.8;
border-radius: 10px;
}
tooltip label{
color: black;
}
/*-----module groups----*/
.modules-right {
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.modules-center {
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.modules-left {
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
/*-----modules indv----*/
#workspaces button {
color: black;
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(.55,-0.68,.48,1.682);
}
#workspaces button:hover {
color: grey;
background-color: rgba(0,153,153,0.2);
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.active {
color: grey;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.persistent {
border-radius: 10px;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-hint,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-menu,
#custom-power,
#custom-power_vertical,
#custom-swaync,
#custom-updater,
#custom-weather,
#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-image: linear-gradient(45deg, #14e81e 10%, #017ed5 54%, #8d00c4 90%);
color: black;
border: 1px;
border-style: solid;
border-radius: 4px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 6px;
padding-left: 6px;
}
#custom-power {
padding-left: 10px;
padding-right: 2px;
}
/*-----Indicators----*/
#idle_inhibitor.activated {
color: #2dcc36;
}
#pulseaudio.muted {
color: #cc3436;
}
#temperature.critical {
color: #cc3436;
}
@keyframes blink {
to {
color: #000000;
}
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
#taskbar button.active {
color: black;
background-color: #7f849c;
padding-left: 6px;
padding-right: 6px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button,
#taskbar button:hover {
color: black;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#pulseaudio-slider trough {
background-color: #7f849c;
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
#backlight-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough {
background-color: #7f849c;
min-width: 80px;
min-height: 10px;
border-radius: 5px;
}
#backlight-slider highlight {
min-width: 10px;
border-radius: 5px;
}

View File

@ -0,0 +1,342 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Rainbow Spectrum */
* {
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 */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 1px;
}
window#waybar {
/* Transparent waybar. Make sure to comment out background-color: and border: */
background-color: rgba(0,0,0,0);
/* background-color: #1e1e2e; */
/* border: 2px solid #313244; */
transition-property: background-color;
transition-duration: .5s;
}
window#waybar.hidden {
opacity: 0.5;
}
window#waybar.empty {
background-color: transparent;
}
window#waybar.empty #window {
padding: 0px;
border: 0px;
/* background-color: rgba(66,66,66,0.5); */ /* transparent */
background-color: transparent;
}
tooltip {
background: #1e1e2e;
opacity: 0.8;
border-radius: 10px;
border-width: 2px;
border-style: solid;
border-color: #11111b;
}
tooltip label{
color: #cdd6f4;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#pulseaudio,
#pulseaudio-slider,
#taskbar button,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-cycle_wall,
#custom-hint,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-menu,
#custom-power_vertical,
#custom-power,
#custom-swaync,
#custom-updater,
#custom-weather,
#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 {
border-radius: 16px;
color: #3A3B3C;
border: 1px solid #b4befe;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 6px;
padding-right: 6px;
}
#backlight {
background-color: #cba6f7;
}
#taskbar {
color: #ffffff;
}
#taskbar button.active {
background-color: #7f849c;
}
#battery {
background-color: #f9e2af;
}
@keyframes blink {
to {
color: #000000;
}
}
#battery.critical:not(.charging) {
background-color: #f38ba8;
color: #f38ba8;
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
#clock {
background-color: #a6e3a1;
}
#mpris {
background-color: #fab387;
color: black;
}
#custom-keyboard,
#keyboard-state,
#keyboard-state label,
#keyboard-state label.locked,
#cpu {
background-color: #89dceb;
}
#memory {
background-color: #eba0ac;
}
#disk {
background-color: #b4befe;
}
#tray {
background-color: #b4befe;
}
#tray > .passive {
-gtk-icon-effect: dim;
}
#tray > .needs-attention {
-gtk-icon-effect: highlight;
}
#workspaces button {
background-color: #d9e0ee;
color: #3A3B3C;
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(.55,-0.68,.48,1.682);
}
#workspaces button.active {
background-color: #eba0ac;
color: #3A3B3C;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button:hover {
background: #eb6f92;
color: #f6c177;
padding-left: 3px;
padding-right: 3px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button {
border-radius: 8px;
background-color: #74c7ec;
color: #3A3B3C;
}
#taskbar button.active {
background-color: #b4befe;
color: #3A3B3C;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button:hover {
padding-left: 3px;
padding-right: 3px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#custom-menu {
background-color: #f5c2e7;
/*padding: 1px;*/
padding-right: 10px;
border-radius: 16px;
color: #3A3B3C;
border: 1px solid #b4befe;
}
#custom-power {
background-color: #f38ba8;
padding: 0px 0px 0px 6px;
}
#custom-updater {
background-color: #e6ed7b;
}
#custom-cycle_wall {
background-color: #94e2d5;
}
#custom-swaync,
#custom-weather {
background-color: #cba6f7;
}
#wireplumber {
background-color: #a6e3a1;
}
#wireplumber.muted {
background-color: #313244;
color: #cdd6f4;
}
#custom-lock {
background-color: #89dceb;
}
#temperature {
background-color: #86b4fa;
}
#temperature.critical {
background-color: red;
}
#custom-power_vertical,
#custom-light_dark,
#idle_inhibitor {
background-color: #86b4fa;
}
#bluetooth {
background-color: #89dceb;
}
#window {
background-color: #89dceb;
}
#custom-hint,
#pulseaudio {
background-color: #fab387;
}
#pulseaudio.bluetooth {
background-color: #f5c2e7;
}
#pulseaudio.muted {
background-color: #313244;
color: #cdd6f4;
}
#network {
background-color: #89b4fa;
}
#network.disconnected,#network.disabled {
background-color: #313244;
color: #cdd6f4;
}
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
#backlight-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough {
min-width: 80px;
min-height: 10px;
border-radius: 5px;
}
#backlight-slider highlight {
min-width: 10px;
border-radius: 5px;
}

View File

@ -0,0 +1,249 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
/* ...........................................*/
/* ...............Golden Noir................ */
/* .......................................... */
/* --- 👍 designed by https://github.com/Krautt 👍 --- */
* {
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 */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 1px;
}
window#waybar {
background: #040406;
border-radius: 30px;
color: #cba6f7;
}
window#waybar.hidden {
opacity: 0.5;
}
window#waybar.empty {
background-color: #040406;
}
window#waybar.empty #window {
padding: 0px;
border: 0px;
/* background-color: rgba(66,66,66,0.5); */
/* transparent */
background-color: transparent;
}
tooltip {
background: #1e1e2e;
border-radius: 10px;
border-width: 2px;
border-style: solid;
border-color: #11111b;
color: #ffd700;
}
/*-----module groups----*/
.modules-right {
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.modules-center {
border-left: 1px solid #ffd700;
border-right: 1px solid #ffd700;
border-radius: 20px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.modules-left {
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
#workspaces button {
color: #6E6A86;
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(.55,-0.68,.48,1.682);
}
#workspaces button.active {
color: #ffd700;
border-radius: 50%;
background-color: black;
border-radius: 15px 15px 15px 15px;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.focused {
color: #d8dee9;
}
#workspaces button.urgent {
color: #11111b;
border-radius: 10px;
}
#workspaces button:hover {
color: #ffd700;
border-radius: 15px;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#clock#2 {
color: #cba6f7;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-hint,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-menu,
#custom-power_vertical,
#custom-power,
#custom-swaync,
#custom-updater,
#custom-weather,
#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 {
color: #e5d9f5;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 6px;
padding-left: 6px;
}
#temperature.critical {
background-color: #ff0000;
}
@keyframes blink {
to {
color: #000000;
}
}
#taskbar button.active {
background-color: rgb(47, 46, 46);
padding-left: 12px;
padding-right: 12px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button:hover {
padding-left: 3px;
padding-right: 3px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
background-color: #22252a;
}
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
background-color: #ba5663;
}
#backlight-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough {
min-width: 80px;
min-height: 10px;
border-radius: 5px;
background-color: #22252a;
}
#backlight-slider highlight {
min-width: 10px;
border-radius: 5px;
background-color: #ba5663;
}

296
style/[Dark] Half-Moon.css Normal file
View File

@ -0,0 +1,296 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
/* ....................................*/
/* ..........Half Moon.................. */
/* NOTE: This is only for some waybar configs */
/* --- 👍 shared by https://github.com/TomekBobrowicz 👍 --- */
* {
font-size: 97%;
font-family: "JetBrainsMono Nerd Font", "Font Awesome", sans-serif;
font-weight: bold;
}
window#waybar {
background-color: rgba(26,27,38,0);
border-bottom: 1px solid rgba(26,27,38,0);
border-radius: 0px;
color: #E6B673;
}
#taskbar,
#workspaces {
background: #0F1419;
margin: 5px;
padding: 0px 1px;
border-radius: 15px;
border: 0px;
font-style: normal;
color: #0F1419;
}
#taskbar button,
#workspaces button {
padding: 0px 5px;
margin: 4px 3px;
border-radius: 15px;
border: 0px;
color: #0F1419;
background: linear-gradient(45deg, #95E6CB, #59C2FF, #D2A6FF);
opacity: 0.5;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button.active,
#workspaces button.active {
padding: 0px 5px;
margin: 4px 3px;
border-radius: 15px;
border: 0px;
color: #0F1419;
background: linear-gradient(45deg, #59C2FF, #D2A6FF);
opacity: 1.0;
min-width: 40px;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button:hover {
border-radius: 15px;
color: #0F1419;
background: linear-gradient(45deg, #59C2FF, #D2A6FF);
opacity: 0.8;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
@keyframes gradient_horizontal {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
@keyframes swiping {
0% {
background-position: 0% 200%;
}
100% {
background-position: 200% 200%;
}
}
tooltip {
background: #0F1419;
border: 1px solid #D2A6FF;
border-radius: 10px;
}
tooltip label {
color: #F3F4F5;
}
#window {
color: #E6E1CF;
background: #0F1419;
border-radius: 50px 50px;
margin: 5px;
padding: 2px 15px;
}
#temperature,
#memory {
color: #E6B673;
background: #0F1419;
border-radius: 50px 50px;
margin: 5px;
padding: 2px 15px;
}
#custom-light_dark,
#custom-swaync,
#idle_inhibitor,
#clock {
color: #B8CC52;
background: #0F1419;
}
#bluetooth {
color: blue;
background: #0F1419;
border-radius: 50px 50px;
margin: 5px;
padding: 2px 15px;
}
#custom-cycle_wall,
#cpu {
color: #F3F4F5;
background: #0F1419;
border-radius: 50px 50px;
margin: 5px;
padding: 2px 15px;
}
#disk {
color: #B8CC52;
background: #0F1419;
border-radius: 50px 50px;
margin: 5px;
padding: 2px 15px;
}
#backlight,
# {
color: #F07178;
background: #0F1419;
border-radius: 50px 50px;
margin: 5px;
padding: 2px 15px;
}
#backlight {
color: white;
background: #0F1419;
border-radius: 50px 50px;
margin: 5px;
padding: 2px 15px;
}
#network {
color: #FF8F40;
background: #0F1419;
border-radius: 50px 50px;
margin: 5px;
padding: 2px 15px;
}
#custom-hyprbindings {
color: #D2A6FF;
background: #0F1419;
background: #0F1419;
border-radius: 50px 50px;
margin: 5px;
padding: 2px 15px;
}
#tray {
color: #E6E1CF;
background: #0F1419;
border-radius: 50px 50px;
margin: 5px;
padding: 2px 15px;
}
#pulseaudio, #battery {
color: #59C2FF;
background: #0F1419;
border-radius: 50px 50px;
margin: 5px;
padding: 2px 15px;
}
#custom-notification {
color: #95E6CB;
background: #0F1419;
border-radius: 50px 50px;
margin: 5px;
padding: 2px 15px;
}
#custom-weather {
color: #59C2FF;
background: #0F1419;
border-radius: 50px 50px;
margin: 5px;
padding: 2px 15px;
}
#custom-menu {
color: #59C2FF;
background: #0F1419;
border-radius: 0px 15px 50px 0px;
margin: 5px 5px 5px 0px;
padding: 1px 15px;
}
#custom-power {
color: #D2A6FF;
background: #0F1419;
border-radius: 15px 0px 0px 50px;
margin: 5px 0px;
padding: 2px 5px 2px 15px;
}
#custom-lock {
color: red;
background: #0F1419;
border-radius: 50px 50px;
margin: 5px;
padding: 2px 15px;
}
#keyboard-state {
color: green;
background: #0F1419;
border-radius: 50px 50px;
margin: 5px;
padding: 2px 15px;
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
background-color: #6E6A86;
}
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
background-color: purple;
}
#backlight-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough {
min-width: 80px;
min-height: 10px;
border-radius: 5px;
background-color: #6E6A86;
}
#backlight-slider highlight {
min-width: 10px;
border-radius: 5px;
background-color: purple;
}

View File

@ -0,0 +1,161 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Catppuccin Latte - Wallust */
/* Original Design by DC user mannatsingh */
@define-color white #F2F2F2;
@define-color black #000000;
@define-color text #FFFFFF;
@define-color lightgray #686868;
@define-color darkgray #353535;
@define-color transparent rgba(1, 1, 1, 0.5);
@define-color teal-trans rgba(1, 117, 84, 0.5);
@define-color cyan rgba(53, 140, 169, 1);
@define-color background-module @transparent;
@define-color border-color @color9;
@define-color button-color @color11;
@define-color button-hover @color12;
@import '../../.config/waybar/wallust/colors-waybar.css';
@import "../waybar/style/catppuccin-themes/latte.css";
@define-color main-color @color13;
* {
font: bold 13px "JetBrainsMono Nerd Font Propo";
border: none;
border-radius: 0px;
box-shadow: none;
text-shadow: none;
}
window#waybar {
background: alpha(@background, 0.3);
border-radius: 10px;
}
#window {
padding: 2px 10px;
margin: 4px 2px 4px 4px;
background: alpha(@background, 0.3);
border-radius: 10px;
color: lighter(@main-color);
}
tooltip {
background: alpha(@background, 0.3);
border: 2px solid alpha(lighter(@main-color), 0.3);
border-radius: 10px;
}
tooltip label {
color: @foreground;
}
#custom-arrow-right {
color: @main-color;
margin: 0px 4px;
}
#cpu,
#memory,
#disk,
#custom-updates {
padding: 0px 6px;
margin: 8px 4px;
background: alpha(darker(@main-color), 0.3);
color: @main-color;
border-radius: 10px;
}
#workspaces {
margin: 4px 4px;
background: alpha(@background, 0.5);
border-radius: 10px;
}
#workspaces button {
padding: 0px 4px;
margin: 4px 4px;
color: alpha(@foreground, 0.5);
}
#workspaces button.active {
transition: color 0.5s;
color: lighter(@main-color);
}
#workspaces button.urgent,
#workspaces button:hover {
color: @color5;
background-color: transparent;
}
#control-center {
padding: 0px 8px;
margin: 8px 4px;
color: lighter(@main-color);
background: alpha(@background, 0.3);
border-radius: 10px;
}
#bluetooth,
#network,
#pulseaudio {
padding: 0px 0 0 4px;
}
#pulseaudio-slider slider {
min-height: 0px;
min-width: 0px;
background-color: transparent;
border: none;
box-shadow: none;
}
#pulseaudio-slider {
margin: 10px;
}
#pulseaudio-slider highlight {
border-radius: 8px;
background-color: lighter(@main-color);
}
#language {
padding: 0px 3px 2px 0px;
}
#custom-arrow-left {
color: lighter(@main-color);
margin: 0px 4px;
}
#custom-notifications,
#custom-weather,
#custom-theme-switcher {
padding: 0px 8px;
margin: 8px 4px;
color: @main-color;
background: alpha(darker(@main-color), 0.3);
border-radius: 10px;
}
#clock {
padding: 0px 8px;
margin: 4px 2px 4px 2px;
background: alpha(@background, 0.3);
border-radius: 10px;
color: lighter(@main-color);
}
#power {
background: alpha(@main-color, 0.3);
border-radius: 10px;
margin: 4px;
}
#battery {
padding: 0px 8px;
}

176
style/[Dark] Purpl.css Normal file
View File

@ -0,0 +1,176 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/*DARK_PURPLE*/
@import '../../.config/waybar/wallust/colors-waybar.css';
@define-color main-color @color15;
* {
all: unset; /*this is really important to isolate waybar from gtk*/
font: bold 14px "Iosevka Nerd Font Propo" ;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
border: none;
border-radius: 0;
box-shadow: none;
text-shadow: none;
}
window#waybar {
/*background: alpha(@background, 0.1);*/
background: rgba (0, 0, 0, 0.6);
border-radius: 5px;
/*border: 0px solid alpha(@background,0.8);*/
}
#window {
padding: 0px 8px;
margin: 5px 4px 5px 4px;
background: alpha(@color12, 0.3);
border-radius: 5px;
color: lighter(@main-color);
}
tooltip {
background: alpha(@background, 0.8);
border: 2px solid alpha(lighter(@main-color), 0.8);
border-radius: 10px;
}
tooltip label {
color: @freground;
}
#custom-arrow-right {
color: @main-color;
margin: 0px 4px;
}
#cpu,
#memory,
#temperature,
#disk,
#custom-updates {
padding: 0px 6px;
margin: 6px 4px;
background: alpha(darker(@main-color), 0.4);
color: @main-color;
border-radius: 10px;
}
#workspaces {
margin: 4px 4px;
background: alpha(lighter(@color4), 0.09);
border-radius: 5px;
}
#workspaces button {
padding: 0px 4px;
margin: 0px 0px;
color: alpha(@foreground, 0.3);
}
#workspaces button.active {
transition: color 0.5s;
color: lighter(@main-color);
}
#workspaces button.urgent,
#workspaces button:hover {
color: @color12;
background-color: transparent;
}
#demo,
#control-center {
padding: 0px 6px;
margin: 4px 2px 4px 2px ;
color: lighter(@color3);
background: alpha(lighter(@main-color),0.08);
border-radius: 5px;
}
#bluetooth,
#network,
#pulseaudio {
padding: 0px 0 0 4px;
}
#pulseaudio-slider slider {
min-height: 0px;
min-width: 0px;
background-color: transparent;
border: none;
box-shadow: none;
}
#pulseaudio-slider {
margin: 6px;
}
#pulseaudio-slider highlight {
border-radius: 8px;
background-color: lighter(@main-color);
}
#language {
padding: 0px 3px 2px 0px;
}
#custom-arrow-left {
color: lighter(@main-color);
margin: 0px 4px;
}
#custom-notifications,
#custom-weather,
#custom-theme-switcher {
padding: 0px 8px;
margin: 8px 4px;
color: @main-color;
background: alpha(darker(@main-color), 0.8);
border-radius: 10px;
}
#tray {
padding: 0px 8px;
margin: 4px 2px 4px 2px;
background: alpha(@color12,0.3);
border-radius: 5px;
color: lighter(@main-color);
}
#custom-menu,
#custom-power {
padding: 0px 8px;
margin: 6px 6px 6px 4px;
background: alpha(@color12,0.3);
border-radius: 5px;
color: lighter(@main-color);
}
#clock {
padding: 0px 8px;
margin: 5px 2px 5px 4px;
background: alpha(@color12,0.3);
border-radius: 5px;
color: lighter(@main-color);
}
#power,
#bluetooth,
#mpd,
#pulseaudio,
#battery,
#mpris{
padding: 4px 4px;
color: lighter(@main-color);
}

View File

@ -0,0 +1,238 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Dark - Obsidian Edge */
@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 */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 1px;
}
window#waybar {
background: black;
border-radius: 12px;
}
window#waybar.hidden {
opacity: 0.5;
}
window#waybar.empty {
background-color: transparent;
}
window#waybar.empty #window {
padding: 0px;
border: 0px;
/* background-color: rgba(66,66,66,0.5); */ /* transparent */
background-color: transparent;
}
tooltip {
color: @foreground;
background: rgba(0, 0, 0, 0.8);
border-radius: 10px;
}
tooltip label {
color: @foreground;
padding-right: 2px;
padding-left: 2px;
}
/*-----module groups----*/
.modules-right {
border: 0px solid #b4befe;
border-radius: 10px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.modules-center {
border: 0px solid #b4befe;
border-radius: 10px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.modules-left {
border: 0px solid #b4befe;
border-radius: 10px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
#workspaces button {
color: @color2;
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(.55,-0.68,.48,1.682);
}
#workspaces button.active {
color: @foreground;
border-radius: 15px 15px 15px 15px;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.focused {
color: #d8dee9;
}
#workspaces button.urgent {
color: #11111b;
border-radius: 10px;
}
#workspaces button:hover {
color: #9CCFD8;
border-radius: 15px;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-hint,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-menu,
#custom-power_vertical,
#custom-power,
#custom-swaync,
#custom-updater,
#custom-weather,
#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 {
color: @foreground;
border-radius: 8px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 6px;
padding-left: 6px;
}
#temperature.critical {
background-color: #ff0000;
}
@keyframes blink {
to {
color: #000000;
}
}
#taskbar button.active {
background-color: #7f849c;
padding-left: 12px;
padding-right: 12px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button:hover {
padding-left: 3px;
padding-right: 3px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
#backlight-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough {
min-width: 80px;
min-height: 10px;
border-radius: 5px;
}
#backlight-slider highlight {
min-width: 10px;
border-radius: 5px;
}

239
style/[Extra] Crimson.css Normal file
View File

@ -0,0 +1,239 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
/* ....................................*/
/* ..........Crimson.................. */
/* ................................... */
/* --- 👍 designed by https://github.com/Krautt 👍 --- */
*{
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
window#waybar {
background: #240303;
color: wheat;
border-radius: 0px 0px 100px 100px;
border: 1px solid grey;
}
window#waybar.hidden {
opacity: 0.5;
}
window#waybar.empty {
}
window#waybar.empty #window {
padding: 0px;
border: 0px;
/* background-color: rgba(66,66,66,0.5); */ /* transparent */
background-color: transparent;
}
tooltip {
background: #240303;
border-radius: 10px;
border-width: 2px;
border-style: solid;
border-color: #11111b;
color: wheat;
}
/*-----module groups----*/
.modules-right {
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.modules-center {
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.modules-left {
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
#workspaces button {
color: wheat;
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(.55,-0.68,.48,1.682);
}
#workspaces button.active {
color: rgb(108, 18, 18);
background-color: #000000;
border: 1px solid grey;
border-radius: 15px 15px 15px 15px;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.focused {
color: #d8dee9;
}
#workspaces button.urgent {
color: #11111b;
border-radius: 10px;
}
#workspaces button:hover {
color: rgb(71, 14, 14);
background-color: #000000;
border-radius: 15px;
padding-left: 3px;
padding-right: 3px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-cycle_wall,
#custom-hint,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-menu,
#custom-power_vertical,
#custom-power,
#custom-swaync,
#custom-updater,
#custom-weather,
#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 {
color: wheat;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 6px;
padding-left: 6px;
}
#temperature.critical {
background-color: #ff0000;
}
@keyframes blink {
to {
color: #000000;
}
}
#taskbar button.active {
background-color: rgb(128, 31, 31);
border-radius: 8px;
border: 1px solid grey;
padding-left: 12px;
padding-right: 12px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button:hover {
padding-left: 3px;
padding-right: 3px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
background-color: #22252a;
}
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
background-color: #ba5663;
}
#backlight-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough {
min-width: 80px;
min-height: 10px;
border-radius: 5px;
background-color: #22252a;
}
#backlight-slider highlight {
min-width: 10px;
border-radius: 5px;
background-color: #ba5663;
}

258
style/[Extra] Mauve.css Normal file
View File

@ -0,0 +1,258 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
/* ..........................................*/
/* .......Mauve....................... */
/* ......................................... */
/* --- 👍 designed by https://github.com/CelestiaKai 👍 --- */
* {
font-family: "FiraCode Mono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 2px;
}
window#waybar {
background: #11111b;
color: #cba6f7;
/* background-color: transparent; */
}
window#waybar.hidden {
opacity: 0.5;
}
window#waybar.empty {
background-color: transparent;
background: #11111b;
}
window#waybar.empty #window {
padding: 0px;
border: 0px;
/* background-color: rgba(66,66,66,0.5); */
/* transparent */
background-color: transparent;
}
tooltip {
background: #1e1e2e;
border-radius: 10px;
border-width: 2px;
border-style: solid;
border-color: #11111b;
color: #cba6f7;
}
/*-----module groups----*/
.modules-right {
border: 3px solid #11111b;
border-radius: 10px 10px 10px 10px;
background-color: #1e1e2e;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.modules-center {
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.modules-left {
/*background-color: #1e1e2e;*/
border: 3px solid #11111b;
border-radius: 10px 10px 10px 10px;
background-color: #1e1e2e;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
#workspaces button {
color: #6E6A86;
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(.55,-0.68,.48,1.682);
}
#workspaces button.active {
color: #1e1e1e;
border-radius: 30%;
background-color: #cba6f7;
padding-left: 6px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.active:hover {
color: #1e1e1e;
border-radius: 30%;
background-color: #cba6f7;
border: 0px solid #1e1e2e;
padding-left: 6px;
padding-right: 8px;
}
#workspaces button.focused {
color: #d8dee9;
}
#workspaces button.urgent {
border-radius: 30%;
background-color: #cba6f7;
color: #1e1e1e;
}
#workspaces button:hover {
color: #1e1e1e;
border: 3px solid #1e1e2e;
background-color: #cba6f7;
border-radius: 30%;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-hint,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-menu,
#custom-power_vertical,
#custom-power,
#custom-swaync,
#custom-updater,
#custom-weather,
#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 {
color: whitesmoke;
padding-top: 1px;
padding-bottom: 1px;
padding-right: 6px;
padding-left: 6px;
}
#temperature.critical {
background-color: #ff0000;
}
@keyframes blink {
to {
color: #000000;
}
}
#taskbar button.active {
background-color: purple;
padding-left: 12px;
padding-right: 12px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button:hover {
padding-left: 3px;
padding-right: 3px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
background-color: #6E6A86;
}
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
background-color: purple;
}
#backlight-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough {
min-width: 80px;
min-height: 10px;
border-radius: 5px;
background-color: #6E6A86;
}
#backlight-slider highlight {
min-width: 10px;
border-radius: 5px;
background-color: purple;
}

208
style/[Extra] Rose Pine.css Normal file
View File

@ -0,0 +1,208 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Rose Pine */
@define-color bar-bg rgba(0, 0, 0, 0);
@define-color main-bg #26233a;
@define-color main-fg #ebbcba;
@define-color wb-act-bg #31748f;
@define-color wb-act-fg #9ccfd8;
@define-color wb-hvr-bg #eb6f92;
@define-color wb-hvr-fg #f6c177;
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
border-radius: 12px;
}
window#waybar {
background: @bar-bg;
}
tooltip {
background: @main-bg;
color: @main-fg;
border-radius: 8px;
border-width: 0px;
}
#workspaces button {
box-shadow: none;
text-shadow: none;
padding: 0px;
border-bottom: 2px;
border-color: #2B5D34;
border-style: solid;
border-radius: 10px;
padding-left: 3px;
padding-right: 3px;
background: @main-bg;
color: @main-fg;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.active {
background: @wb-act-bg;
color: @wb-act-fg;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button:hover {
background: @wb-hvr-bg;
color: @wb-hvr-fg;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button {
box-shadow: none;
text-shadow: none;
padding: 0px;
border-bottom: 2px;
border-color: #2B5D34;
border-style: solid;
border-radius: 10px;
padding-left: 3px;
padding-right: 3px;
color: @wb-color;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button.active {
background: @wb-act-bg;
color: @wb-act-color;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button:hover {
background: @wb-hvr-bg;
color: @wb-hvr-color;
padding-left: 3px;
padding-right: 3px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#pulseaudio,
#pulseaudio-slider,
#temperature,
#tray,
#window,
#wireplumber,
#custom-backlight,
#custom-cycle_wall,
#custom-hint,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-menu,
#custom-power_vertical,
#custom-power,
#custom-swaync,
#custom-updater,
#custom-swaync,
#custom-cava_mviz,
#custom-weather,
#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 {
color: @main-fg;
background: @main-bg;
opacity: 1;
border-bottom: 2px;
border-color: #2B5D34;
border-style: solid;
border-radius: 10px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 6px;
padding-left: 6px;
}
#temperature.critical {
background-color: @red;
}
#custom-power {
padding-right: 1px;
}
#group-motherboard,
#group-laptop,
#group-audio {
color: @main-fg;
background-color: @main-bg;
}
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
#backlight-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough {
min-width: 80px;
min-height: 10px;
border-radius: 5px;
}
#backlight-slider highlight {
min-width: 10px;
border-radius: 5px;
}

View File

@ -0,0 +1,254 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
/* ..........................................*/
/* .......Simple Pink....................... */
/* ......................................... */
/* --- 👍 designed by https://github.com/Krautt 👍 --- */
* {
font-family: "JetBrains Mono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
window#waybar {
background: black;
border-radius: 50px;
color: whitesmoke;
}
window#waybar.hidden {
opacity: 0.5;
}
window#waybar.empty {
background-color: black;
}
window#waybar.empty #window {
padding: 0px;
border: 0px;
/* background-color: rgba(66,66,66,0.5); */
/* transparent */
background-color: transparent;
}
tooltip {
background: #1e1e2e;
border-radius: 10px;
border-width: 2px;
border-style: solid;
border-color: #11111b;
color: pink;
}
/*-----module groups----*/
.modules-right {
border: 5px solid #19141b;
border-radius: 50px 50px 50px 50px;
background-color: #ba5663;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.modules-center {
background-color: black;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.modules-left {
border: 5px solid #0d0a0f;
border-radius: 50px 50px 50px 50px;
background-color: #ba5663;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
#workspaces button {
color: pink;
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(.55,-0.68,.48,1.682);
}
#workspaces button.active {
color: whitesmoke;
background-color: pink;
border-radius: 15px 15px 15px 15px;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.focused {
color: #c42a60;
}
#workspaces button.urgent {
color: #11111b;
border-radius: 10px;
}
#workspaces button:hover {
color: #ba5663;
background-color: #0d0a0d;
border-radius: 15px;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#pulseaudio,
#pulseaudio-slider,
#taskbar button,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-hint,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-menu,
#custom-power_vertical,
#custom-power,
#custom-swaync,
#custom-updater,
#custom-weather,
#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 {
color: whitesmoke;
padding-top: 1px;
padding-bottom: 1px;
padding-right: 4px;
padding-left: 4px;
}
#temperature.critical {
background-color: #ff0000;
}
@keyframes blink {
to {
color: #000000;
}
}
#taskbar button.active {
background-color: pink;
padding-left: 12px;
padding-right: 12px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button:hover {
color: #ba5663;
background-color: #0d0a0d;
padding-left: 3px;
padding-right: 3px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
background-color: #22252a;
}
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
background-color: pink;
}
#backlight-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough {
min-width: 80px;
min-height: 10px;
border-radius: 5px;
background-color: #22252a;
}
#backlight-slider highlight {
min-width: 10px;
border-radius: 5px;
background-color: pink;
}

View File

@ -0,0 +1,240 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Light - MonoChrome Contrast */
* {
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 */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 1px;
}
window#waybar {
background: transparent;
}
window#waybar.empty {
background-color: transparent;
}
window#waybar.empty #window {
background-color: transparent;
}
tooltip {
color: white;
background: #1e1e2e;
opacity: 0.8;
border-radius: 10px;
border-width: 2px;
border-style: solid;
border-color: white;
}
tooltip label{
color: #cdd6f4;
}
/*-----module groups----*/
.modules-right {
background-color: white;
color: black;
border-bottom: 2px;
border-style: solid;
border-color: black;
border-radius: 10px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.modules-center {
background-color: white;
color: black;
border-bottom: 2px;
border-style: solid;
border-color: black;
border-radius: 10px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.modules-left {
background-color: white;
color: black;
border-bottom: 2px;
border-style: solid;
border-color: black;
border-radius: 10px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
/*-----modules indv----*/
#workspaces button {
color: black;
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(.55,-0.68,.48,1.682);
}
#workspaces button:hover {
color: grey;
background-color: rgba(0,153,153,0.2);
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.active {
color: grey;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.persistent {
border-radius: 10px;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-cycle_wall,
#custom-hint,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-menu,
#custom-power_vertical,
#custom-power,
#custom-swaync,
#custom-updater,
#custom-weather,
#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: 3px;
padding-bottom: 3px;
padding-right: 6px;
padding-left: 6px;
}
#custom-power {
padding: 1px 3px;
}
/*-----Indicators----*/
#idle_inhibitor.activated {
color: #2dcc36;
}
#pulseaudio.muted {
color: #cc3436;
}
#temperature.critical {
color: #cc3436;
}
@keyframes blink {
to {
color: #000000;
}
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
#taskbar button.active {
background-color: #7f849c;
padding-left: 6px;
padding-right: 6px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button:hover {
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
background-color: grey;
}
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
#backlight-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough {
min-width: 80px;
min-height: 10px;
border-radius: 5px;
}
#backlight-slider highlight {
min-width: 10px;
border-radius: 5px;
}

View File

@ -0,0 +1,213 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Light - Obsidian Glow */
* {
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 */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 1px;
}
window#waybar {
background: white;
border-radius: 12px;
}
window#waybar.hidden {
opacity: 0.7;
}
window#waybar.empty {
background-color: transparent;
}
window#waybar.empty #window {
padding: 0px;
border: 0px;
/* background-color: rgba(66,66,66,0.5); */ /* transparent */
background-color: transparent;
}
tooltip {
background: white;
border-radius: 10px;
}
tooltip label {
color: #373737;
padding-right: 2px;
padding-left: 2px;
}
#workspaces button {
color: #585b70;
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(.55,-0.68,.48,1.682);
}
#workspaces button.active {
color: #000000;
border-radius: 15px 15px 15px 15px;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.focused {
color: #000000;
}
#workspaces button.urgent {
color: #000000;
border-radius: 10px;
}
#workspaces button:hover {
color: #000000;
border-radius: 15px;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-hint,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-menu,
#custom-power_vertical,
#custom-power,
#custom-swaync,
#custom-updater,
#custom-weather,
#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 {
color: #000000;
border-radius: 8px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 6px;
padding-left: 6px;
}
#temperature.critical {
background-color: #ff0000;
}
@keyframes blink {
to {
color: #000000;
}
}
#taskbar button.active {
background-color: #585b70;
color: #cdd6f4;
padding-left: 12px;
padding-right: 12px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button:hover {
padding-left: 3px;
padding-right: 3px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
background-color: grey;
}
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
background-color: #ba5663;
}
#backlight-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough {
min-width: 80px;
min-height: 10px;
border-radius: 5px;
background-color: grey;
}
#backlight-slider highlight {
min-width: 10px;
border-radius: 5px;
background-color: #ba5663;
}

View File

@ -0,0 +1,342 @@
* {
border: none;
border-radius: 8px;
/* Increased border-radius by 2x */
/* `ttf-font-awesome` is required to be installed for icons */
font-family: "JetBrainsMono Nerd Font";
/* adjust font-size value to your liking: */
font-size: 18px;
font-weight: bold;
min-height: 0;
min-width: 28px;
/* Ensures consistent minimum width */
}
window#waybar {
background-color: rgba(0, 0, 0, 0);
color: #ffffff;
margin-top: 8px;
/* Add top margin to prevent touching screen top */
margin-bottom: 8px;
/* Optional: Also add bottom margin for consistency */
}
#workspaces button {
padding: 4px 8px;
/* Reduced vertical padding further */
margin: 1px 2px;
/* Reduced vertical margins further */
background-color: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.6);
border-radius: 10px;
/* Increased border-radius by 2x */
transition: all 0.3s ease;
border: 1px solid transparent;
min-height: 4px;
/* Reduced height even more */
font-size: 8px;
/* Reduced even more */
}
#workspaces button:hover {
background-color: rgba(255, 255, 255, 0.2);
color: rgba(0, 0, 0, 0.4);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
#workspaces button.active {
background-color: rgba(255, 255, 255, 0.3);
color: rgba(0, 0, 0, 0.4);
border: 1px solid rgba(255, 255, 255, 0.5);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}
#workspaces button.urgent {
background-color: #eb4d4b;
color: #ffffff;
box-shadow: 0 0 12px rgba(235, 77, 75, 0.8);
}
#mode {
background-color: #64727d;
padding: 6px 10px;
/* Added consistent vertical padding */
margin: 6px 3px;
min-height: 28px;
/* Ensures consistent minimum height */
border-radius: 8px;
/* Increased border-radius by 2x */
}
#clock,
#battery,
#cpu,
#memory,
#temperature,
#backlight,
#network,
#pulseaudio,
#custom-media,
#tray,
#mode,
#idle_inhibitor,
#mpd {
padding: 6px 10px;
/* Added consistent vertical padding for height consistency */
margin: 6px 3px;
color: rgba(0, 0, 0, 0.4);
min-height: 28px;
/* Ensures consistent minimum height */
border-radius: 8px;
/* Increased border-radius by 2x */
}
#window {
margin: 6px 4px;
/* Added vertical margins to match other modules */
padding: 6px 10px;
/* Added consistent vertical padding */
min-height: 28px;
/* Ensures consistent minimum height */
border-radius: 8px;
/* Increased border-radius by 2x */
}
#workspaces {
margin: 1px 3px;
/* Reduced vertical margins */
padding: 6px 8px 6px 8px;
/* Reduced vertical padding to 0, kept horizontal padding */
background-color: rgba(0, 0, 0, 0.4);
border-radius: 8px;
/* Increased border-radius by 2x */
min-height: 3px;
/* Reduced height even more */
}
/* If workspaces is the leftmost module, use smaller left margin */
.modules-left>widget:first-child>#workspaces {
margin-left: 4px;
/* Keep some margin from left screen edge */
}
/* If workspaces is the rightmost module, omit right margin */
.modules-right>widget:last-child>#workspaces {
margin-right: 0;
}
#clock {
background-color: rgba(0, 0, 0, 0.4);
color: white;
}
#battery {
background-color: rgba(0, 0, 0, 0.4);
color: white;
}
#battery.charging {
color: #ffffff;
background-color: rgba(0, 0, 0, 0.4);
}
#battery.critical:not(.charging) {
background-color: #f53c3c;
color: #ffffff;
box-shadow: 0 0 12px rgba(245, 60, 60, 0.8);
}
label:focus {
background-color: rgba(0, 0, 0, 0.4);
}
#cpu {
background-color: rgba(0, 0, 0, 0.4);
color: #ffffff;
}
#memory {
background-color: rgba(0, 0, 0, 0.4);
color: white;
}
#backlight {
background-color: rgba(0, 0, 0, 0.4);
color: white;
}
#network {
background-color: rgba(0, 0, 0, 0.4);
color: white;
}
#network.disconnected {
background-color: #f53c3c;
}
#pulseaudio {
background-color: rgba(0, 0, 0, 0.4);
color: #ffffff;
}
#pulseaudio.muted {
background-color: rgba(0, 0, 0, 0.4);
color: #ffffff;
}
#custom-media {
background-color: rgba(0, 0, 0, 0.4);
color: #ffffff;
padding: 6px 10px;
/* Added consistent vertical padding */
min-height: 28px;
/* Ensures consistent minimum height */
border-radius: 8px;
/* Increased border-radius by 2x */
min-width: 100px;
}
#custom-media.custom-spotify {
background-color: rgba(0, 0, 0, 0.4);
color: #ffffff;
}
#custom-media.custom-vlc {
background-color: rgba(0, 0, 0, 0.4);
color: #ffffff;
}
#temperature {
background-color: rgba(0, 0, 0, 0.4);
color: #ffffff;
}
#temperature.critical {
background-color: #eb4d4b;
color: #ffffff;
}
#custom-temps {
background-color: rgba(0, 0, 0, 0.4);
color: #ffffff;
padding: 6px 10px;
/* Added consistent vertical padding */
margin: 6px 3px;
min-height: 28px;
/* Ensures consistent minimum height */
border-radius: 8px;
/* Increased border-radius by 2x */
}
#tray {
background-color: rgba(0, 0, 0, 0.4);
color: #ffffff;
}
#idle_inhibitor {
background-color: rgba(0, 0, 0, 0.4);
color: #ffffff;
}
#idle_inhibitor.activated {
background-color: #ffffff;
color: #000000;
}
#mpd {
background-color: rgba(0, 0, 0, 0.4);
color: #ffffff;
}
#mpd.disconnected {
background-color: #f53c3c;
color: #ffffff;
}
#mpd.stopped {
background-color: rgba(0, 0, 0, 0.4);
color: #ffffff;
}
#mpd.paused {
background-color: rgba(0, 0, 0, 0.4);
color: #ffffff;
}
#language {
background: rgba(0, 0, 0, 0.4);
color: #ffffff;
padding: 6px 10px;
/* Standardized vertical padding */
margin: 6px 3px;
min-height: 28px;
/* Ensures consistent minimum height */
border-radius: 8px;
/* Increased border-radius by 2x */
min-width: 28px;
/* Increased for consistency */
}
#custom-weather,
#custom-wallpaper,
#custom-power_profile,
#custom-battery,
#bluetooth,
#pulseaudio-microphone,
#battery-bat2 {
padding: 6px 10px;
/* Added consistent vertical padding for height consistency */
margin: 6px 3px;
color: #000000;
min-height: 28px;
/* Ensures consistent minimum height */
border-radius: 8px;
/* Increased border-radius by 2x */
}
#custom-weather {
background-color: rgba(0, 0, 0, 0.4);
color: white;
}
#custom-wallpaper {
background-color: rgba(0, 0, 0, 0.4);
color: white;
}
#custom-power_profile {
background-color: rgba(0, 0, 0, 0.4);
color: white;
}
#bluetooth {
background-color: rgba(0, 0, 0, 0.4);
color: white;
}
#pulseaudio-microphone {
background-color: rgba(0, 0, 0, 0.4);
color: #ffffff;
}
#pulseaudio-microphone.muted {
background-color: rgba(0, 0, 0, 0.4);
color: #ffffff;
}
#battery-bat2 {
background-color: rgba(0, 0, 0, 0.4);
color: white;
}
#battery-bat2.charging {
color: #ffffff;
background-color: rgba(0, 0, 0, 0.4);
}
#battery-bat2.critical:not(.charging) {
background-color: #f53c3c;
color: #ffffff;
box-shadow: 0 0 12px rgba(245, 60, 60, 0.8);
}

248
style/[Pywal] Minimal.css Normal file
View File

@ -0,0 +1,248 @@
/* ---- 💫 Pywal Minimal Style 💫 ---- */
/* Integrates Pywal colors with minimal aesthetic */
@import '/home/nicholai/.config/waybar/colors.css';
* {
border: none;
border-radius: 8px;
font-family: "JetBrainsMono Nerd Font";
font-size: 18px;
font-weight: bold;
min-height: 0;
min-width: 28px;
}
window#waybar {
background-color: rgba(0, 0, 0, 0);
color: @foreground;
margin-top: 8px;
margin-bottom: 8px;
}
#workspaces button {
padding: 4px 8px;
margin: 1px 2px;
background-color: rgba(255, 255, 255, 0.1);
color: @color15;
border-radius: 10px;
transition: all 0.3s ease;
border: 1px solid transparent;
min-height: 4px;
font-size: 14px;
}
#workspaces button:hover {
background-color: rgba(255, 255, 255, 0.2);
color: @color15;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
#workspaces button.active {
background-color: rgba(255, 255, 255, 0.3);
color: @color15;
border: 1px solid rgba(255, 255, 255, 0.5);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}
#workspaces button.urgent {
background-color: @color1;
color: @foreground;
box-shadow: 0 0 12px @color1;
}
#mode {
background-color: @color8;
padding: 6px 10px;
margin: 6px 3px;
min-height: 28px;
border-radius: 8px;
}
#clock,
#battery,
#cpu,
#memory,
#temperature,
#backlight,
#network,
#pulseaudio,
#custom-media,
#custom-temps,
#tray,
#mode,
#idle_inhibitor,
#mpd {
padding: 6px 10px;
margin: 6px 3px;
background-color: rgba(0, 0, 0, 0.4);
color: @foreground;
min-height: 28px;
border-radius: 8px;
}
#window {
margin: 6px 4px;
padding: 6px 10px;
background-color: rgba(0, 0, 0, 0.4);
color: @foreground;
min-height: 28px;
border-radius: 8px;
}
#workspaces {
margin: 1px 3px;
padding: 6px 8px 6px 8px;
background-color: rgba(0, 0, 0, 0.4);
border-radius: 8px;
min-height: 3px;
}
.modules-left>widget:first-child>#workspaces {
margin-left: 4px;
}
.modules-right>widget:last-child>#workspaces {
margin-right: 0;
}
#clock {
color: @color6;
background-color: rgba(0, 0, 0, 0.4);
}
#battery {
color: @color2;
background-color: rgba(0, 0, 0, 0.4);
}
#battery.charging,
#battery.plugged {
color: @color2;
background-color: rgba(0, 0, 0, 0.4);
}
@keyframes blink {
to {
background-color: rgba(255, 255, 255, 0.2);
color: @color1;
}
}
#battery.critical:not(.charging) {
background-color: @color1;
color: @foreground;
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
label:focus {
background-color: #000000;
}
#cpu {
color: @color4;
background-color: rgba(0, 0, 0, 0.4);
}
#memory {
color: @color5;
background-color: rgba(0, 0, 0, 0.4);
}
#disk {
color: @color6;
background-color: rgba(0, 0, 0, 0.4);
}
#backlight {
color: @color3;
background-color: rgba(0, 0, 0, 0.4);
}
#network {
color: @color6;
background-color: rgba(0, 0, 0, 0.4);
}
#network.disconnected {
color: @color1;
background-color: rgba(0, 0, 0, 0.4);
}
#pulseaudio {
color: @color3;
background-color: rgba(0, 0, 0, 0.4);
}
#pulseaudio.muted {
color: @color1;
background-color: rgba(0, 0, 0, 0.4);
}
#custom-media {
background-color: rgba(0, 0, 0, 0.4);
color: @color5;
}
#custom-temps {
background-color: rgba(0, 0, 0, 0.4);
color: @color1;
}
#temperature {
background-color: rgba(0, 0, 0, 0.4);
color: @color1;
}
#temperature.critical {
background-color: @color1;
color: @foreground;
}
#tray {
background-color: rgba(0, 0, 0, 0.4);
color: @foreground;
}
#tray>.passive {
-gtk-icon-effect: dim;
}
#tray>.needs-attention {
-gtk-icon-effect: highlight;
background-color: @color1;
}
#idle_inhibitor {
background-color: rgba(0, 0, 0, 0.4);
color: @color7;
}
#idle_inhibitor.activated {
background-color: @color7;
color: @background;
}
#mpd {
background-color: rgba(0, 0, 0, 0.4);
color: @foreground;
}
#mpd.disconnected {
background-color: rgba(0, 0, 0, 0.4);
color: @color1;
}
#mpd.stopped {
background-color: rgba(0, 0, 0, 0.4);
color: @color8;
}
#mpd.paused {
background-color: rgba(0, 0, 0, 0.4);
color: @color3;
}

View File

@ -0,0 +1,157 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Simple Style */
@define-color background #1d2021;
@define-color foreground #ebdbb2;
@define-color dim #928374;
@define-color yellow #fabd2f;
@define-color red #fb4934;
@define-color green #b8bb26;
* {
background: @background;
border: none;
border-radius: 0;
font-family: "JetBrainsMono Nerd Font";
font-size: 97%;
}
window#waybar {
background: @background;
color: @foreground;
transition-property: background-color;
transition-duration: 0.5s;
}
#taskbar button,
#workspaces button {
color: @foreground;
}
#taskbar button.active,
#workspaces button.active {
border-bottom: 1px solid @green;
}
#taskbar button.urgent,
#workspaces button.urgent {
border-bottom: 2px solid @red;
}
#submap {
border-bottom: 1px solid @red;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#pulseaudio,
#pulseaudio-slider,
#taskbar button,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-cycle_wall,
#custom-hint,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-menu,
#custom-power_vertical,
#custom-power,
#custom-swaync,
#custom-updater,
#custom-weather,
#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 {
color: @foreground;
padding: 3px 6px 3px 6px;
}
#battery.warning,
#disk.warning,
#memory.warning,
#cpu.warning {
border-top: 3px solid @background;
border-bottom: 3px solid @yellow;
}
#battery.critical,
#disk.critical,
#memory.critical,
#cpu.critical {
border-top: 3px solid @background;
border-bottom: 3px solid @red;
}
#battery.charging {
border-top: 3px solid @background;
border-bottom: 3px solid @green;
}
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
background-color: @dim;
}
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
background-color: @green;
}
#backlight-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough {
min-width: 80px;
min-height: 10px;
border-radius: 5px;
background-color: @dim;
}
#backlight-slider highlight {
min-width: 10px;
border-radius: 5px;
background-color: @green;
}

View File

@ -0,0 +1,213 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
/* ..........................................*/
/* .......Crystal Clear....................... */
/* ......................................... */
/* --- 👍 designed by https://github.com/Krautt 👍 --- */
*{
font-family: "JetBrains Mono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 1px;
}
window#waybar {
background:transparent;
border-radius: 1px;
color: whitesmoke;
}
window#waybar.hidden {
opacity: 0.5;
}
window#waybar.empty {
background-color: transparent;
}
window#waybar.empty #window {
padding: 0px;
border: 0px;
background-color: transparent;
}
/*-----module groups----*/
.modules-right {
}
.modules-center {
}
.modules-left {
}
#workspaces button {
color: #6E6A86;
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(.55,-0.68,.48,1.682);
}
#workspaces button.active {
color: whitesmoke;
border-radius: 15px 15px 15px 15px;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.focused {
color: #d8dee9;
}
#workspaces button.urgent {
color: #11111b;
border-radius: 10px;
}
#workspaces button:hover {
color: whitesmoke;
border-radius: 15px;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#backlight,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#pulseaudio,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-cycle_wall,
#custom-hint,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-menu,
#custom-power_vertical,
#custom-power,
#custom-swaync,
#custom-spotify,
#custom-updater,
#custom-weather,
#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: 3px;
padding-bottom: 3px;
padding-right: 6px;
padding-left: 6px;
}
#temperature.critical {
background-color: #ff0000;
}
@keyframes blink {
to {
color: #000000;
}
}
#taskbar button:hover {
padding-left: 3px;
padding-right: 3px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button.active {
background-color: #7f849c;
padding-left: 12px;
padding-right: 12px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#pulseaudio-slider trough {
min-width: 80px;
min-height: 10px;
border-radius: 5px;
background-color: black;
}
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
background-color: wheat;
}
#backlight-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough {
min-width: 80px;
min-height: 10px;
border-radius: 5px;
background-color: black;
}
#backlight-slider highlight {
min-width: 10px;
border-radius: 5px;
background-color: wheat;
}

View File

@ -0,0 +1,317 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
/* ....Chroma Fusion Edge .... */
/* Wallust & Catppuccin - Bordered */
@define-color white #F2F2F2;
@define-color black #000000;
@define-color text #FFFFFF;
@define-color lightgray #686868;
@define-color darkgray #353535;
@define-color transparent rgba(0, 0, 0, 0.25);
@define-color teal-trans rgba(1, 117, 84, 0.5);
@define-color cyan rgba(53, 140, 169, 1);
@define-color background-module @transparent;
@define-color border-color @color9;
@define-color button-color @color11;
@define-color button-hover @color12;
@import '../../.config/waybar/wallust/colors-waybar.css';
@import "../waybar/style/catppuccin-themes/latte.css";
* {
font-family: "JetBrains Mono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
window#waybar {
background: linear-gradient(0deg, @border-color, black);
/*background: rgba(1, 117, 84, 0.5);*/
/*background: @transparent;*/
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border:2px solid black;
}
window#waybar.empty #window {
background-color: transparent;
border: 0px;
}
tooltip {
background-color: transparent;
border-radius: 10px;
border-width: 1px;
border-style: solid;
border-color: #11111b;
color: @border-color;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#network,
#pulseaudio,
#pulseaudio-slider,
#taskbar button,
#temperature,
#tray,
#window,
#wireplumber,
#custom-backlight,
#custom-cycle_wall,
#custom-hint,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-menu,
#custom-power_vertical,
#custom-power,
#custom-swaync,
#custom-updater,
#custom-weather,
#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: @background-module;
border-radius: 25px;
padding: 0px 10px 0px 10px;
margin: 5px 5px 5px 5px;
opacity:0.8;
border:2px solid @border-color;
}
#custom-power {
color: @red;
padding: 0px 0px 0px 7px;
opacity:1.0;
}
#backlight {
padding: 0px 2px 0px 6px;
}
#custom-light_dark,
#custom-menu{
color: @flamingo;
padding: 0px 8px 0px 4px;
opacity:1.0;
}
#custom-weather,
#custom-updates {
color: @yellow;
}
#keyboard-state,
#clock {
color: @sapphire;
}
#network,
#temperature {
color: @rosewater;
}
#custom-swaync,
#custom-hint,
#tray {
color: aliceblue;
}
#taskbar,
#window {
color:#FFFFFF;
}
#bluetooth,
#custom-backlight,
#custom-cycle_wall,
#custom-keyboard,
#custom-light_dark {
color: @lavender;
}
#custom-lock,
#idle_inhibitor {
color: @teal;
}
#custom-cava_mviz{
color: @color2;
}
#workspaces {
margin: 1px 1px 1px 1px;
padding: 0px 1px;
border-radius: 25px;
border:2px solid @border-color;
font-weight: bold;
font-style: normal;
opacity:0.8;
color:#FFFFFF;
}
#workspaces button {
margin: 1px 1px;
border-radius: 15px;
border:0px;
color: @color13;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
opacity:0.8;
}
#workspaces button.active,
#workspaces button.visible {
color: #FFFFFF;
background: @button-color;
border-radius: 15px;
border: 1px solid @border-color;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
opacity:1.0;
}
#workspaces button.empty {
color: #FFFFFF;
opacity:1.0;
}
#workspaces button:hover {
color: #FFFFFF;
background: @button-hover;
border: 1px solid @border-color;
border-radius: 15px;
opacity:1.0;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#pulseaudio-slider,
#pulseaudio {
color: @color13;
}
#pulseaudio.muted {
color: red;
}
#memory {
color: @sapphire;
}
#cpu {
color: @mauve;
}
#battery {
color: @rosewater;
}
#disk {
color: @sky;
}
#temperature.critical {
background-color: @red;
}
@keyframes blink {
to {
color: #000000;
}
}
#taskbar button.active {
background-color: rgb(47, 46, 46);
border-radius: 30px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button:hover {
padding-left: 3px;
padding-right: 3px;
border-radius: 15px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
#backlight-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough {
min-width: 80px;
min-height: 10px;
border-radius: 5px;
}
#backlight-slider highlight {
min-width: 10px;
border-radius: 5px;
}

View File

@ -0,0 +1,208 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
/* ..........................................*/
/* ....Wallust - Clear Background........ */
/* ......................................... */
/* --- 👍 original designed by https://github.com/Krautt 👍 --- */
@import '../../.config/waybar/wallust/colors-waybar.css';
@define-color critical #ff0000; /* critical color */
@define-color warning #f3f809; /* warning color */
@define-color text @color12; /* text color */
@define-color text-alt @color9; /* text alternative color */
@define-color bg @color7; /* background color */
*{
font-family: "JetBrains Mono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 1px;
}
window#waybar {
background:transparent;
border-radius: 1px;
color: @text;
}
window#waybar.hidden {
opacity: 0.5;
}
window#waybar.empty {
background-color: transparent;
}
window#waybar.empty #window {
padding: 0px;
border: 0px;
background-color: transparent;
}
/*-----module groups----*/
.modules-right {
}
.modules-center {
}
.modules-left {
}
#workspaces button {
color: @text-alt;
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(.55,-0.68,.48,1.682);
}
#taskbar button.active,
#workspaces button.active {
color: @text;
border-radius: 15px 15px 15px 15px;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.focused {
color: @text-alt;
}
#workspaces button.urgent {
color: @warning;
border-radius: 10px;
}
#taskbar button:hover,
#workspaces button:hover {
color: @text;
border-radius: 15px;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#backlight,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#pulseaudio,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-cycle_wall,
#custom-hint,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-menu,
#custom-power_vertical,
#custom-power,
#custom-swaync,
#custom-spotify,
#custom-updater,
#custom-weather,
#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: 3px;
padding-bottom: 3px;
padding-right: 6px;
padding-left: 6px;
}
#temperature.critical {
background-color: #ff0000;
}
@keyframes blink {
to {
color: #000000;
}
}
#battery.critical:not(.charging) {
color: @critical;
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#pulseaudio-slider trough {
min-width: 80px;
min-height: 10px;
border-radius: 5px;
background-color: black;
}
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
background-color: wheat;
}
#backlight-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough {
min-width: 80px;
min-height: 10px;
border-radius: 5px;
background-color: black;
}
#backlight-slider highlight {
min-width: 10px;
border-radius: 5px;
background-color: wheat;
}

View File

@ -0,0 +1,376 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Wallust Chroma Edge */
@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 */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 1px;
}
window#waybar {
/* background-color: rgba(26, 27, 38, 0.5); */
background-color: transparent;
color: #ffffff;
transition-property: background-color;
transition-duration: 0.5s;
/* border-top: 8px transparent; */
border-radius: 0px;
transition-duration: 0.5s;
}
window#waybar.empty {
background-color: transparent;
}
window#waybar.empty #window {
padding: 0px;
border: 0px;
/* background-color: rgba(66,66,66,0.5); */ /* transparent */
background-color: transparent;
}
window#waybar.hidden {
opacity: 0.1;
}
tooltip {
background: #1e1e2e;
opacity: 0.8;
border-radius: 12px;
border-width: 2px;
border-style: solid;
border-color: @color12;
}
tooltip label{
color: #cdd6f4;
}
#workspaces button {
background-color: transparent;
color: grey;
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(.55,-0.68,.48,1.682);
}
#workspaces button.active {
background-color: transparent;
color: #D3D3D3;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button:hover {
background: rgba(0, 0, 0, 0.2);
color: #D3D3D3;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.urgent {
background-color: #eb4d4b;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-cycle_wall,
#custom-hint,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-menu,
#custom-power_vertical,
#custom-power,
#custom-swaync,
#custom-updater,
#custom-weather,
#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 {
color: #e5e5e5;
/* color: #bf616a; */
border-radius: 12px;
background-color: rgba(50, 50, 50, 0.1);
border: 1px solid @color12;
padding: 5px;
}
#workspaces {
border-radius: 12px;
padding: 0px 6px;
}
#cpu {
color: #fb958b;
padding: 3px;
background-color: rgba(50, 50, 50, 0.1);
}
#custom-cycle_wall,
#custom-updater {
color: #cba7f7;
padding: 3px;
background-color: rgba(50, 50, 50, 0.1);
}
#custom-menu {
color: #FFFFFF;
padding: 6px;
padding-right: 6px;
background-color: rgba(50, 50, 50, 0.1);
}
#custom-keyboard,
#memory {
color: #ebcb8b;
}
#custom-power {
color: #cc3436;
padding: 0px 0px 0px 6px;
}
#custom-launcher {
background-color: #1b242b;
color: #6a92d7;
padding: 0 0px;
}
#custom-weather.severe {
color: #eb937d;
}
#custom-weather.sunny {
color: #c2ca76;
}
#custom-weather.clearNight {
color: #cad3f5;
}
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight {
color: #c2ddda;
}
#custom-weather.rainyDay,
#custom-weather.rainyNight {
color: #5aaca5;
}
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight {
color: #d6e7e5;
}
#custom-swaync,
#custom-weather {
color: #ebecf0;
}
#pulseaudio {
color: #FFD580;
}
#wireplumber {
color: #FFD580;
}
#backlight {
/* color: #EBCB8B; */
color: #8fbcbb;
}
#clock {
color: #90EE90;
/* background-color: #14141e; */
}
#battery {
color: #c0caf5;
/* background-color: #90b1b1; */
}
#battery.charging,
#battery.full,
#battery.plugged {
color: #26a65b;
/* background-color: #26a65b; */
}
@keyframes blink {
to {
background-color: rgba(30, 34, 42, 0.5);
color: #abb2bf;
}
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
label:focus {
background-color: #000000;
}
#disk {
color: #f38ba8;
}
#bluetooth {
color: #7287fd;
}
#bluetooth.disconnected {
color: #f53c3c;
}
#network {
color: #b48ead;
}
#network.disconnected {
color: #f53c3c;
}
#custom-media {
background-color: #66cc99;
color: #2a5c45;
min-width: 100px;
}
#custom-media.custom-spotify {
background-color: #66cc99;
}
#custom-media.custom-vlc {
background-color: #ffa000;
}
#temperature.critical {
background-color: #eb4d4b;
}
#tray > .passive {
-gtk-icon-effect: dim;
}
#tray > .needs-attention {
-gtk-icon-effect: highlight;
background-color: #eb4d4b;
}
#idle_inhibitor {
/*background-color: #2d3436;*/
}
#idle_inhibitor.activated {
/*background-color: #ecf0f1;*/
color: #2dcc36;
}
#temperature {
color: #ADD8E6;
}
#taskbar button.active {
background-color: #7f849c;
padding-left: 12px;
padding-right: 12px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button:hover {
padding-left: 3px;
padding-right: 3px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
#backlight-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough {
min-width: 80px;
min-height: 10px;
border-radius: 5px;
}
#backlight-slider highlight {
min-width: 10px;
border-radius: 5px;
}

View File

@ -0,0 +1,313 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
/* ....Chroma Fusion Edge .... */
/* Wallust - Catpuccin */
@define-color white #F2F2F2;
@define-color black #000000;
@define-color text #FFFFFF;
@define-color lightgray #686868;
@define-color darkgray #353535;
@define-color transparent rgba(0, 0, 0, 0.25);
@define-color teal-trans rgba(1, 117, 84, 0.5);
@define-color cyan rgba(53, 140, 169, 1);
@define-color background-module @transparent;
@define-color border-color @color12;
@define-color button-color @color11;
@define-color button-hover @color12;
@import '../../.config/waybar/wallust/colors-waybar.css';
@import "../waybar/style/catppuccin-themes/latte.css";
* {
font-family: "JetBrains Mono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
window#waybar {
background: linear-gradient(0deg, @border-color, black);
/*background: rgba(1, 117, 84, 0.5);*/
/*background: @transparent;*/
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
window#waybar.empty #window {
background-color: transparent;
border: 0px;
}
tooltip {
background-color: @background-module;
border-radius: 10px;
border-width: 2px;
border-style: solid;
border-color: #11111b;
color: @color2;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#network,
#pulseaudio,
#pulseaudio-slider,
#taskbar button,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-cycle_wall,
#custom-hint,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-menu,
#custom-power_vertical,
#custom-power,
#custom-swaync,
#custom-updater,
#custom-weather,
#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: @background-module;
border-radius: 25px;
padding: 0px 10px 0px 10px;
margin: 5px 5px 5px 5px;
opacity:0.8;
}
#backlight {
padding: 0px 2px 0px 6px;
}
#custom-power {
color: @red;
padding: 0px 0px 0px 6px;
opacity:1.0;
}
#custom-light_dark,
#custom-menu{
color: @flamingo;
padding: 0px 8px 0px 4px;
opacity:1.0;
}
#custom-swaync,
#custom-weather,
#custom-updater {
color: @yellow;
}
#keyboard-state,
#clock {
color: @sapphire;
}
#network,
#temperature {
color: @rosewater;
}
#custom-hint,
#tray {
color: aliceblue;
}
#taskbar,
#window {
color:#FFFFFF;
}
#bluetooth,
#custom-backlight,
#custom-cycle_wall,
#custom-keyboard,
#custom-light_dark {
color: @lavender;
}
#custom-cava_mviz {
color: @color2;
}
#custom-lock,
#idle_inhibitor {
color: @teal;
}
#workspaces {
margin: 3px 3px 3px 3px;
padding: 0px 1px;
border-radius: 25px;
font-weight: bold;
font-style: normal;
opacity:0.8;
color:#FFFFFF;
}
#workspaces button {
margin: 1px 1px;
border-radius: 15px;
border:0px;
color: @color13;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
opacity:0.8;
}
#workspaces button.active,
#workspaces button.visible {
color: #FFFFFF;
background: @button-color;
border-radius: 15px;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
opacity:1.0;
}
#workspaces button.empty {
color: #FFFFFF;
opacity:1.0;
}
#workspaces button:hover {
color: #FFFFFF;
background: @button-hover;
border-radius: 15px;
opacity:1.0;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#pulseaudio-slider,
#pulseaudio {
color: @color13;
}
#pulseaudio.muted {
color: red;
}
#memory {
color: @sapphire;
}
#cpu {
color: @mauve;
}
#battery {
color: @rosewater;
}
#disk {
color: @sky;
}
#temperature.critical {
background-color: @red;
}
@keyframes blink {
to {
color: #000000;
}
}
#taskbar button.active {
background-color: rgb(47, 46, 46);
border-radius: 30px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button:hover {
padding-left: 3px;
padding-right: 3px;
border-radius: 15px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
#backlight-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough {
min-width: 80px;
min-height: 10px;
border-radius: 5px;
}
#backlight-slider highlight {
min-width: 10px;
border-radius: 5px;
}

View File

@ -0,0 +1,273 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Wallust - Chroma Tally */
@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 */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 1px;
}
window#waybar {
background: rgba (0, 0, 0, 0.5);
border-radius: 12px;
border-bottom: 2px;
border-style: solid;
border-color: @color12;
}
#workspaces {
background: #0F1419;
padding: 0px 1px;
border-radius: 15px;
border: 0px;
font-style: normal;
color: #0F1419;
}
#taskbar button,
#workspaces button {
padding: 0px 5px;
border-radius: 15px;
border: 0px;
color: #0F1419;
background: linear-gradient(45deg, #95E6CB, #59C2FF, #D2A6FF);
opacity: 0.5;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button.active,
#workspaces button.active {
padding: 0px 5px;
border-radius: 15px;
border: 0px;
color: #0F1419;
background: linear-gradient(45deg, #59C2FF, #D2A6FF);
opacity: 1.0;
min-width: 40px;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button:hover {
border-radius: 15px;
color: #0F1419;
background: linear-gradient(45deg, #59C2FF, #D2A6FF);
opacity: 0.8;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
tooltip {
background: #1e1e2e;
opacity: 0.8;
border-radius: 6px;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-cycle_wall,
#custom-hint,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-menu,
#custom-power_vertical,
#custom-power,
#custom-swaync,
#custom-updater,
#custom-weather,
#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: 3px;
padding-bottom: 3px;
padding-right: 6px;
padding-left: 6px;
}
/* -----------------------------------------------------------------------------
* Module styles
* -------------------------------------------------------------------------- */
#clock {
color:#a3be8c;
}
#backlight {
color: #ebcb8b;
}
#battery {
color: #d8dee9;
}
#battery.charging {
color: #81a1c1;
}
@keyframes blink {
to {
color: #4c566a;
background-color: #eceff4;
}
}
#battery.critical:not(.charging) {
background: #bf616a;
color: #eceff4;
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
#cpu {
color: #a3be8c;
}
#disk {
color: #94e2d5;
}
#custom-keyboard,
#memory {
color: #d3869b;
}
#network.disabled {
color:#bf616a;
}
#network{
color:#a3be8c;
}
#network.disconnected {
color: #bf616a;
}
#pulseaudio {
color: #04a5e5;
}
#pulseaudio.muted {
color: #9ca0b0;
}
#custom-light_dark,
#temperature {
color: #7287fd;
}
#temperature.critical {
color: #bf616a;
}
#keyboard-state,
#idle_inhibitor {
color: #ebcb8b;
}
#tray {
}
#custom-swaync,
#custom-menu {
color: yellow;
}
#custom-power{
color: #eba0ac;
}
#window{
border-style: hidden;
}
#custom-lock,
#bluetooth{
color:#d08770;
}
#custom-cava_mviz{
color: @color2;
}
#custom-weather{
color:#d08770;
}
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
#backlight-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough {
min-width: 80px;
min-height: 10px;
border-radius: 5px;
}
#backlight-slider highlight {
min-width: 10px;
border-radius: 5px;
}

243
style/[Wallust] Colored.css Normal file
View File

@ -0,0 +1,243 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
/* Wallust Colored*/
@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 */
font-size: 96%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 1px;
}
window#waybar {
background: transparent;
}
window#waybar.hidden {
opacity: 0.5;
}
window#waybar.empty {
background-color: @background;
}
window#waybar.empty #window {
padding: 0px;
border: 0px;
background-color: transparent;
}
tooltip {
background: @background;
border-radius: 10px;
border-width: 1px;
border-style: solid;
border-color: @color15;
}
/*-----module groups----*/
.modules-right {
border: 3px solid @color14;
border-radius: 40px 0px 0px 0px;
background-color: @color1;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.modules-center {
border: 3px solid @color14;
border-radius: 60px 0px 60px 0px;
background-color: @background;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.modules-left {
border: 3px solid @color14;
border-radius: 0px 0px 40px 0px;
background-color: @color1;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
#workspaces button {
color: @foreground;
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(.55,-0.68,.48,1.682);
}
#workspaces button.active {
color: @background;
background-color: @color7;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.focused {
color: @color4;
}
#workspaces button.urgent {
color: #11111b;
border-radius: 10px;
}
#workspaces button:hover {
color: @color4;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#clock#2 {
color: @color6;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-hint,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-menu,
#custom-power_vertical,
#custom-power,
#custom-swaync,
#custom-updater,
#custom-weather,
#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 {
color: @foreground;
padding-top: 1px;
padding-bottom: 1px;
padding-right: 6px;
padding-left: 6px;
}
#temperature.critical {
background-color: #ff0000;
}
@keyframes blink {
to {
color: #000000;
}
}
#taskbar button.active {
background-color: rgb(47, 46, 46);
border-radius: 30px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button:hover {
padding-left: 3px;
padding-right: 3px;
border-radius: 15px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
#backlight-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough {
min-width: 80px;
min-height: 10px;
border-radius: 5px;
}
#backlight-slider highlight {
min-width: 10px;
border-radius: 5px;
}
#custom-cava_mviz {
padding-right: 10px;
}

254
style/[Wallust] Simple.css Normal file
View File

@ -0,0 +1,254 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
/* Wallust - Simple */
*{
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 */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 1px;
}
@import '../../.config/waybar/wallust/colors-waybar.css';
window#waybar {
background: transparent;
}
#waybar.empty, #waybar.tiled, #waybar.floating {
background-color: transparent;
}
tooltip {
color: @color15;
background: rgba (0, 0, 0, 0.5);
opacity: 0.8;
border-radius: 10px;
border-width: 2px;
border-style: solid;
border-color: @color15;
}
/*-----module groups----*/
.modules-right {
background-color: @color0;
background: rgba (0, 0, 0, 0.75);
border-bottom: 1px solid @color15;
border-radius: 10px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.modules-center {
background-color: @color0;
background: rgba (0, 0, 0.5, 0.5);
border-bottom: 1px solid @color15;
border-radius: 10px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.modules-left {
background-color: @color0;
background: rgba (0, 0, 0, 0.75);
border-bottom: 1px solid @color15;
border-radius: 10px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
/*-----modules indv----*/
#workspaces button {
color: @color2;
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(.55,-0.68,.48,1.682);
}
#workspaces button.active {
color: @foreground;
background-color: @color2;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.focused {
color: @color4;
}
#workspaces button.urgent {
color: #11111b;
border-radius: 10px;
}
#workspaces button:hover {
color: @color4;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#pulseaudio,
#pulseaudio-slider,
#taskbar button,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-hint,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-menu,
#custom-power_vertical,
#custom-power,
#custom-swaync,
#custom-updater,
#custom-weather,
#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 {
color: @color12;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 6px;
padding-left: 6px;
}
#mode {
color: #cc3436;
font-weight: bold;
}
#custom-power {
/*background-color: rgba(0,119,179,0.6);*/
/*border-radius: 50px;*/
padding: 1px 3px;
}
/*-----Indicators----*/
#idle_inhibitor.activated {
color: #2dcc36;
}
#pulseaudio.muted {
color: #cc3436;
}
#pulseaudio-microphone.muted {
color: #cc3436;
}
#temperature.critical {
background-color: #ff0000;
}
@keyframes blink {
to {
color: #000000;
}
}
#taskbar button.active {
color: @foreground;
background-color: @color2;
border-radius: 30px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button:hover {
padding-left: 3px;
padding-right: 3px;
border-radius: 15px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
#backlight-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough {
min-width: 80px;
min-height: 10px;
border-radius: 5px;
}
#backlight-slider highlight {
min-width: 10px;
border-radius: 5px;
}
#window {
color: @color7;
}

View File

@ -0,0 +1,37 @@
/*
*
* Catppuccin Latte palette
* Maintainer: rubyowo
*
*/
@define-color base #eff1f5;
@define-color mantle #e6e9ef;
@define-color crust #dce0e8;
@define-color text #4c4f69;
@define-color subtext0 #6c6f85;
@define-color subtext1 #5c5f77;
@define-color surface0 #ccd0da;
@define-color surface1 #bcc0cc;
@define-color surface2 #acb0be;
@define-color overlay0 #9ca0b0;
@define-color overlay1 #8c8fa1;
@define-color overlay2 #7c7f93;
@define-color blue #1e66f5;
@define-color lavender #7287fd;
@define-color sapphire #209fb5;
@define-color sky #04a5e5;
@define-color teal #179299;
@define-color green #40a02b;
@define-color yellow #df8e1d;
@define-color peach #fe640b;
@define-color maroon #e64553;
@define-color red #d20f39;
@define-color mauve #8839ef;
@define-color pink #ea76cb;
@define-color flamingo #dd7878;
@define-color rosewater #dc8a78;

View File

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

20
wallust/colors-waybar.css Normal file
View File

@ -0,0 +1,20 @@
@define-color foreground #BFE3EA;
@define-color background alpha(#000007,0.05);
@define-color cursor #B98FAE;
@define-color color0 #000009;
@define-color color1 #60697E;
@define-color color2 #BA4F80;
@define-color color3 #4F7F96;
@define-color color4 #BE869D;
@define-color color5 #47A6BD;
@define-color color6 #49AEC4;
@define-color color7 #9BCED9;
@define-color color8 #6D9098;
@define-color color9 #60697E;
@define-color color10 #BA4F80;
@define-color color11 #4F7F96;
@define-color color12 #BE869D;
@define-color color13 #47A6BD;
@define-color color14 #49AEC4;
@define-color color15 #9BCED9;