diff options
Diffstat (limited to 'config/waybar-2/waybar/style.css')
| -rwxr-xr-x | config/waybar-2/waybar/style.css | 207 |
1 files changed, 207 insertions, 0 deletions
diff --git a/config/waybar-2/waybar/style.css b/config/waybar-2/waybar/style.css new file mode 100755 index 0000000..7f63e4b --- /dev/null +++ b/config/waybar-2/waybar/style.css @@ -0,0 +1,207 @@ +@define-color background #0E0F12; +@define-color foreground #E6DAD1; +@define-color accent #A07A6A; +@define-color muted #6E5A52; +@define-color subtle #15161A; + +* { + color: @foreground; + border: none; + border-radius: 0; + min-height: 0; + font-family: 'JetBrainsMono Nerd Font Propo'; + font-size: 12px; +} + +window#waybar { + background-color: @background; + transition-property: background-color; + transition-duration: .5s; +} + +window#waybar > box { + background-color: @background; + border-radius: 32px; + margin: 2px 10px 0px 10px; +} + +window#waybar.empty #window { + background: transparent; + background-color: transparent; + border: none; + border-radius: 0; + color: transparent; + padding: 0; + margin: 0; +} + +#waybar.empty .modules-center { + opacity: 0; +} + +.modules-left { + margin-left: 8px; +} +.modules-right { + margin-right: 8px; +} + +#workspaces { + padding: 0px 5px; + margin: 3.5px 3.5px; + border-radius: 11px; + background-color: alpha(@foreground, 0.06); + opacity: 0.95; +} + +#workspaces button { + all: initial; + color: @foreground; + padding: 0 6px; + margin: 0 1.5px; + min-width: 9px; +} + +#workspaces button.empty { + opacity: 0.45; +} + +#workspaces button.active { + border-radius: 18px; + background: alpha(@foreground, 0.14); + opacity: 1; + margin-top: 4px; + margin-bottom: 4px; + margin-left: 5px; + padding-right: 5px; + padding-left: 5px; +} + +#workspaces button:hover { + border-radius: 18px; + background: alpha(@foreground, 0.08); + opacity: 1; +} + +#workspaces button.urgent { + border-radius: 18px; + background: alpha(#f13333, 0.4); + opacity: 1; + margin-top: 4px; + margin-bottom: 4px; + margin-left: 5px; + padding-right: 5px; + padding-left: 5px; +} + +#clock { + font-size: 13px; + font-weight: 700; +} + +#battery, +#pulseaudio, +#custom-screenrecording-indicator, +#custom-update { + min-width: 12px; + margin: 0 7.5px; +} + +#pulseaudio { + margin-right: 5px; +} + +#bluetooth { + margin-right: 12px; +} + +#network { + margin-right: 9px; +} + +#custom-idle-indicator, +#custom-notification-silencing-indicator { + margin-right: 2px; + min-width: 15px; +} + +#custom-update { + font-size: 10px; +} + +#custom-screenrecording-indicator { + min-width: 12px; + margin-left: 8.75px; + font-size: 10px; +} + +#custom-screenrecording-indicator.active { + color: red; +} + +#tray { + background: alpha(@foreground, 0.0); + border-radius: 16px; + padding: 0px 5px; + margin: 3.5px 2px; + margin-right: 4px; +} + +#custom-omarchy { + background: alpha(@foreground, 0.08); + border-radius: 99px; + margin-top: 4px; + margin-bottom: 4px; + margin-left: -3px; + margin-right: 5px; + padding-right: 7px; + padding-left: 7px; +} + +#cpu, #memory { + font-size: 18px; + padding: 2px 1px; +} + +#custom-active_window { + padding: 3px 6px; + border-radius: 14px; + background: alpha(@foreground, 0.06); + font-size: 12px; +} + +#group-right1, +#group_right1, +#right1 { + font-weight: 800; + background: transparent; + padding: 0px 5px; + margin: 3.5px 2px; +} + +#group-left, +#group_left, +#left, +#group-right, +#group_right, +#right { + font-weight: 800; + background: alpha(@foreground, 0.06); + border-radius: 12px; + padding: 0px 5px; + margin: 3.5px 2px; +} + +tooltip { + background: @subtle; + border: 1px solid alpha(@foreground, 0.12); + border-radius: 4px 4px 11px 11px; +} + +tooltip label { + color: alpha(@foreground, 0.92); +} + +.hidden { + opacity: 0; +} |
