From dbcc1a94cb216e537941f61cd4b53fda6a450cfd Mon Sep 17 00:00:00 2001 From: JaKooLit Date: Wed, 13 Dec 2023 13:47:14 +0900 Subject: Major Rename on some waybar styles and layouts incorporating my avatar :) In addition, I have added 2 new waybar layouts (ClassySleek Top and Bottom) and Waybar Syles Combining Pywal and Catppuccin Latte hence the word Fusion ;) --- config/waybar/style/Pywallete.css | 243 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 243 insertions(+) create mode 100644 config/waybar/style/Pywallete.css (limited to 'config/waybar/style/Pywallete.css') diff --git a/config/waybar/style/Pywallete.css b/config/waybar/style/Pywallete.css new file mode 100644 index 00000000..321f6e86 --- /dev/null +++ b/config/waybar/style/Pywallete.css @@ -0,0 +1,243 @@ +*{ +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-top: 1px; +padding-bottom: 1px; +} + +@import '../../.cache/wal/colors-waybar.css'; + +window#waybar { + background: transparent; +} + +#waybar.empty, #waybar.tiled, #waybar.floating { + background-color: transparent; +} + +tooltip { + color: @color2; + background: @color0; + opacity: 0.8; + border-radius: 10px; + border-width: 1px; + border-style: solid; + border-color: @color15; +} + +/*-----module groups----*/ +.modules-right { + background-color: @color0; + border: 0.5px solid @color15; + border-radius: 10px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} +.modules-center { + background-color: @color0; + border: 0.5px solid @color15; + border-radius: 10px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} +.modules-left { + background-color: @color0; + border: 0.5px 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, +#cava, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#mpd, +#network, +#pulseaudio, +#pulseaudio-slider, +#taskbar button, +#taskbar, +#temperature, +#tray, +#window, +#wireplumber, +#workspaces, +#custom-backlight, +#custom-cycle_wall, +#custom-keybinds, +#custom-keyboard, +#custom-light_dark, +#custom-lock, +#custom-menu, +#custom-power_vertical, +#custom-power, +#custom-speaker, +#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: @color2; + padding-top: 2px; + padding-bottom: 2px; + 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 { + 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; +} \ No newline at end of file -- cgit v1.2.3 From 0148f6082c3b8460703ae4c3f5dedcb0a7aa3632 Mon Sep 17 00:00:00 2001 From: JaKooLit Date: Wed, 13 Dec 2023 14:37:22 +0900 Subject: small tweak --- config/waybar/style/Catppuccin-Latte.css | 2 +- config/waybar/style/Catppuccin-Mocha.css | 2 +- config/waybar/style/Chroma Edge.css | 2 +- config/waybar/style/Chroma Glow.css | 2 +- config/waybar/style/Chroma Tally.css | 2 +- config/waybar/style/Crimson.css | 2 +- config/waybar/style/Crystal Clear.css | 2 +- config/waybar/style/Golden Noir.css | 2 +- config/waybar/style/Monochrome Contrast.css | 2 +- config/waybar/style/Monochrome Manifest.css | 2 +- config/waybar/style/Obsidian Edge.css | 2 +- config/waybar/style/Obsidian Glow.css | 2 +- config/waybar/style/Purpl.css | 2 +- config/waybar/style/Pywallete Chroma.css | 2 +- config/waybar/style/Pywallete.css | 2 +- config/waybar/style/Rainbow Spectrum.css | 2 +- config/waybar/style/Rose Pine.css | 2 +- config/waybar/style/Simple Pink.css | 2 +- config/waybar/style/Translucent Chromatic.css | 2 +- 19 files changed, 19 insertions(+), 19 deletions(-) (limited to 'config/waybar/style/Pywallete.css') diff --git a/config/waybar/style/Catppuccin-Latte.css b/config/waybar/style/Catppuccin-Latte.css index 1f12b545..8b8b090b 100644 --- a/config/waybar/style/Catppuccin-Latte.css +++ b/config/waybar/style/Catppuccin-Latte.css @@ -56,7 +56,7 @@ window#waybar.hidden { #keyboard-state, #memory, #mode, -#mpd, +#mpris, #network, #pulseaudio, #pulseaudio-slider, diff --git a/config/waybar/style/Catppuccin-Mocha.css b/config/waybar/style/Catppuccin-Mocha.css index 93f5fda3..5efb9437 100644 --- a/config/waybar/style/Catppuccin-Mocha.css +++ b/config/waybar/style/Catppuccin-Mocha.css @@ -62,7 +62,7 @@ window#waybar.hidden { #keyboard-state, #memory, #mode, -#mpd, +#mpris, #network, #pulseaudio, #pulseaudio-slider, diff --git a/config/waybar/style/Chroma Edge.css b/config/waybar/style/Chroma Edge.css index 797d0d68..897619d5 100644 --- a/config/waybar/style/Chroma Edge.css +++ b/config/waybar/style/Chroma Edge.css @@ -98,7 +98,7 @@ tooltip label{ #keyboard-state, #memory, #mode, -#mpd, +#mpris, #network, #pulseaudio, #pulseaudio-slider, diff --git a/config/waybar/style/Chroma Glow.css b/config/waybar/style/Chroma Glow.css index 90a2677a..7d41e5cd 100644 --- a/config/waybar/style/Chroma Glow.css +++ b/config/waybar/style/Chroma Glow.css @@ -106,7 +106,7 @@ tooltip label{ #keyboard-state, #memory, #mode, -#mpd, +#mpris, #network, #pulseaudio, #pulseaudio-slider, diff --git a/config/waybar/style/Chroma Tally.css b/config/waybar/style/Chroma Tally.css index 3302a662..12aaf470 100644 --- a/config/waybar/style/Chroma Tally.css +++ b/config/waybar/style/Chroma Tally.css @@ -63,7 +63,7 @@ window#waybar { #keyboard-state, #memory, #mode, -#mpd, +#mpris, #network, #pulseaudio, #pulseaudio-slider, diff --git a/config/waybar/style/Crimson.css b/config/waybar/style/Crimson.css index 8d139d1a..b7a5bb4c 100644 --- a/config/waybar/style/Crimson.css +++ b/config/waybar/style/Crimson.css @@ -119,7 +119,7 @@ tooltip { #keyboard-state, #memory, #mode, -#mpd, +#mpris, #network, #pulseaudio, #pulseaudio-slider, diff --git a/config/waybar/style/Crystal Clear.css b/config/waybar/style/Crystal Clear.css index 566b1961..0eea7bb3 100644 --- a/config/waybar/style/Crystal Clear.css +++ b/config/waybar/style/Crystal Clear.css @@ -105,7 +105,7 @@ tooltip { #keyboard-state, #memory, #mode, -#mpd, +#mpris, #network, #pulseaudio, #taskbar button, diff --git a/config/waybar/style/Golden Noir.css b/config/waybar/style/Golden Noir.css index 42ae216b..19e7379e 100644 --- a/config/waybar/style/Golden Noir.css +++ b/config/waybar/style/Golden Noir.css @@ -131,7 +131,7 @@ tooltip { #keyboard-state, #memory, #mode, -#mpd, +#mpris, #network, #pulseaudio, #pulseaudio-slider, diff --git a/config/waybar/style/Monochrome Contrast.css b/config/waybar/style/Monochrome Contrast.css index 33d85bff..8c44538d 100644 --- a/config/waybar/style/Monochrome Contrast.css +++ b/config/waybar/style/Monochrome Contrast.css @@ -118,7 +118,7 @@ tooltip label{ #keyboard-state, #memory, #mode, -#mpd, +#mpris, #network, #pulseaudio, #pulseaudio-slider, diff --git a/config/waybar/style/Monochrome Manifest.css b/config/waybar/style/Monochrome Manifest.css index 073f7271..d586459a 100644 --- a/config/waybar/style/Monochrome Manifest.css +++ b/config/waybar/style/Monochrome Manifest.css @@ -117,7 +117,7 @@ tooltip label{ #keyboard-state, #memory, #mode, -#mpd, +#mpris, #network, #pulseaudio, #pulseaudio-slider, diff --git a/config/waybar/style/Obsidian Edge.css b/config/waybar/style/Obsidian Edge.css index 53aa79ba..cbeb8f9d 100644 --- a/config/waybar/style/Obsidian Edge.css +++ b/config/waybar/style/Obsidian Edge.css @@ -124,7 +124,7 @@ tooltip label { #keyboard-state, #memory, #mode, -#mpd, +#mpris, #network, #pulseaudio, #pulseaudio-slider, diff --git a/config/waybar/style/Obsidian Glow.css b/config/waybar/style/Obsidian Glow.css index df6a9681..fe797836 100644 --- a/config/waybar/style/Obsidian Glow.css +++ b/config/waybar/style/Obsidian Glow.css @@ -93,7 +93,7 @@ tooltip label { #keyboard-state, #memory, #mode, -#mpd, +#mpris, #network, #pulseaudio, #pulseaudio-slider, diff --git a/config/waybar/style/Purpl.css b/config/waybar/style/Purpl.css index 7d89f329..067de9b1 100644 --- a/config/waybar/style/Purpl.css +++ b/config/waybar/style/Purpl.css @@ -128,7 +128,7 @@ tooltip { #keyboard-state, #memory, #mode, -#mpd, +#mpris, #network, #pulseaudio, #pulseaudio-slider, diff --git a/config/waybar/style/Pywallete Chroma.css b/config/waybar/style/Pywallete Chroma.css index 74e71a69..3c375942 100644 --- a/config/waybar/style/Pywallete Chroma.css +++ b/config/waybar/style/Pywallete Chroma.css @@ -125,7 +125,7 @@ tooltip { #keyboard-state, #memory, #mode, -#mpd, +#mpris, #network, #pulseaudio, #pulseaudio-slider, diff --git a/config/waybar/style/Pywallete.css b/config/waybar/style/Pywallete.css index 321f6e86..bf529e29 100644 --- a/config/waybar/style/Pywallete.css +++ b/config/waybar/style/Pywallete.css @@ -109,7 +109,7 @@ tooltip { #keyboard-state, #memory, #mode, -#mpd, +#mpris, #network, #pulseaudio, #pulseaudio-slider, diff --git a/config/waybar/style/Rainbow Spectrum.css b/config/waybar/style/Rainbow Spectrum.css index aa140f0c..ba91af44 100644 --- a/config/waybar/style/Rainbow Spectrum.css +++ b/config/waybar/style/Rainbow Spectrum.css @@ -60,7 +60,7 @@ tooltip label{ #keyboard-state, #memory, #mode, -#mpd, +#mpris, #network, #pulseaudio, #pulseaudio-slider, diff --git a/config/waybar/style/Rose Pine.css b/config/waybar/style/Rose Pine.css index 856edc0a..2093c329 100644 --- a/config/waybar/style/Rose Pine.css +++ b/config/waybar/style/Rose Pine.css @@ -110,7 +110,7 @@ tooltip { #keyboard-state, #memory, #mode, -#mpd, +#mpris, #network, #pulseaudio, #pulseaudio-slider, diff --git a/config/waybar/style/Simple Pink.css b/config/waybar/style/Simple Pink.css index 32831fe3..b36162f5 100644 --- a/config/waybar/style/Simple Pink.css +++ b/config/waybar/style/Simple Pink.css @@ -132,7 +132,7 @@ tooltip { #keyboard-state, #memory, #mode, -#mpd, +#mpris, #network, #pulseaudio, #pulseaudio-slider, diff --git a/config/waybar/style/Translucent Chromatic.css b/config/waybar/style/Translucent Chromatic.css index afe0c10e..7ac3dc02 100644 --- a/config/waybar/style/Translucent Chromatic.css +++ b/config/waybar/style/Translucent Chromatic.css @@ -119,7 +119,7 @@ tooltip label{ #keyboard-state, #memory, #mode, -#mpd, +#mpris, #network, #pulseaudio, #pulseaudio-slider, -- cgit v1.2.3