Compare commits

...

10 Commits

Author SHA1 Message Date
594d7f8906 Merge pull request 'desktop' (#2) from desktop into main
Reviewed-on: #2
2025-11-25 11:00:35 +00:00
bda1a8afff updated 2025-11-25 03:59:07 -07:00
2fa5c52963 Fix critical bug in switcher scripts array building
Fixed broken array building that was splitting filenames with spaces/brackets:
- Changed from: layouts=$(($command)) which splits on whitespace
- Changed to: mapfile -t which preserves full filenames

This fixes:
- Wofi showing 69 broken fragments instead of 25 layouts
- Wofi showing 83 broken fragments instead of 30 styles
- Symlinks pointing to non-existent fragmented paths
- Layouts not actually changing when selected

Also repaired broken config symlink that pointed to non-existent
/home/nicholai/.config/waybar/configs/BOT] back to working
Custom Minimal layout.
2025-11-24 04:18:45 -07:00
600a35020b Fix symlink paths to use absolute paths
Changed scripts to use realpath() to create absolute symlinks
instead of relative paths, which were breaking with filenames
containing special characters. Also added sleep delay before
restarting waybar.
2025-11-23 23:13:58 -07:00
af8f372739 Fix wofi markup parsing for layout names with ampersands
Added --parse-search false to prevent wofi from trying to parse
special characters like '&' in layout names (e.g. '[BOT & Left]')
2025-11-23 23:12:23 -07:00
487f1c8704 Change switcher scripts to use wofi instead of rofi 2025-11-23 23:10:47 -07:00
24385e6e65 Add waybar layout and style switcher scripts
Created convenient scripts for testing different configurations:
- switch-layout.sh: Switch between 24 available layouts
- switch-style.sh: Switch between 30+ themes
- Works with rofi (GUI) or CLI menu
- Automatically reloads waybar after switching
2025-11-23 23:08:47 -07:00
62ea3661e5 Fix workspace buttons and audio controls
- Changed workspace buttons to use numbers (1-10) instead of icons
- Increased workspace button font size from 8px to 14px for readability
- Fixed workspace button colors: light text on semi-transparent backgrounds
- Added scroll wheel volume control for pulseaudio modules (pamixer)
- Changed to dynamic workspaces with minimum of 1 visible
- Workspace buttons now only show when occupied (not all 10 persistent)
2025-11-23 23:07:49 -07:00
daa228b9e2 Fix Pywal style import path
Changed @import path from relative '../colors.css' to absolute path
'/home/nicholai/.config/waybar/colors.css' to fix symlink resolution
issue when style.css symlinks to style/[Pywal] Minimal.css
2025-11-23 23:00:08 -07:00
0cf29b9f65 Merge Hyprlust waybar configuration with custom setup
Integrated Hyprlust dotfiles waybar configuration while preserving custom functionality:

Features Added:
- 24 switchable layout options (top, bottom, split, side bars)
- 30+ theme styles (Catppuccin, Wallust, Aurora, etc.)
- Centralized module definitions system
- Drawer/group expandable UI sections
- Advanced modules: sliders, mpris, swaync, visualizer
- Wallust dynamic theming support

Preserved Custom Features:
- Hardware-specific temperature monitoring (custom/temps module)
- Original minimal aesthetic and layout
- Pywal color system integration (dual support with Wallust)
- JetBrainsMono Nerd Font preference (18px)
- Custom scripts: temps.sh, battery.sh, waybar-wttr.py

New Files:
- configs/[TOP] Custom Minimal - New default minimal layout
- style/[Pywal] Minimal.css - Pywal-integrated style variant
- modules - Centralized module definitions
- configs/ - 24 layout options from Hyprlust
- style/ - 30+ theme styles from Hyprlust
- wallust/ - Wallust color generation support

Configuration:
- Fixed broken Pywal symlink (case-sensitive path)
- Created config symlink → configs/[TOP] Custom Minimal
- Created style.css symlink → style/[Pywal] Minimal.css
- Archived originals: [TOP] Original Minimal.jsonc, [Original] Minimal.css

Usage:
- Switch layouts: ln -sf "configs/[layout-name]" config
- Switch themes: ln -sf "style/[theme-name].css" style.css
- Supports both Pywal and Wallust color systems
2025-11-23 22:57:31 -07:00
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;