From 8217dd247d10064a32ec83eeadf3dc2176d31980 Mon Sep 17 00:00:00 2001 From: JaKooLit Date: Thu, 23 May 2024 18:39:14 +0900 Subject: Updated waybar style --- config/waybar/style/[Extra] Wallust Bordered.css | 305 -------------------- .../style/[Wallust Bordered] Chroma Simple.css | 306 +++++++++++++++++++++ 2 files changed, 306 insertions(+), 305 deletions(-) delete mode 100644 config/waybar/style/[Extra] Wallust Bordered.css create mode 100644 config/waybar/style/[Wallust Bordered] Chroma Simple.css diff --git a/config/waybar/style/[Extra] Wallust Bordered.css b/config/waybar/style/[Extra] Wallust Bordered.css deleted file mode 100644 index 89f675d9..00000000 --- a/config/waybar/style/[Extra] Wallust Bordered.css +++ /dev/null @@ -1,305 +0,0 @@ -/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ -/* Wallust Bordered*/ - -@import '../../.config/waybar/wallust/colors-waybar.css'; - - -* { - 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%; - min-height: 0; -} - -window#waybar { - background-color: transparent; - color: @foreground; - padding-left: 15px; - padding-right: 15px; -} - -window#waybar.empty #window { - background-color: transparent; - border-color: transparent; - padding-left: 15px; - padding-right: 15px; -} - -tooltip { - background-color: transparent; - color: @color12; - border-radius: 10px; - border-width: 1.5px; - border-style: solid; - border-color: @color9; - transition: 0.3s; - opacity: 0.9; -} - -#workspaces button { - color: @forground; - box-shadow: none; - text-shadow: none; - padding-right: 12px; - border-radius: 9px; - 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: @color12; - padding-right: 12px; - background-color: @background;; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); -} - -#workspaces button.focused { - color: @color9; -} - -#workspaces button.urgent { - color: #11111b; - border-radius: 10px; -} - -#taskbar button:hover, -#workspaces button:hover { - color: @color11; - padding-left: 0px; - 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, -#cpu, -#disk, -#idle_inhibitor, -#keyboard-state, -#memory, -#mode, -#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 { - border-radius: 20px; - background: @background; - opacity: 1; - padding: 0px 10px; - margin: 0; - margin-top: 5px; - border: 2px solid @color12; -} - -#cpu { - border: 2px solid @color5; -} - -#disk { - color: @color13; - border: 2px solid @color13; -} - -#temperature{ - color: @color11; - border: 2px solid @color11; -} - -#temperature.critical { - color: #eba0ac; -} - -#custom-power { - color: red; - padding-left: 10px; - padding-right: 2px; - border: 2px solid red; -} - -#backlight { - color: #f9e2af; - padding-right: 5px; -} - -#tray { - border-radius: 20px; - margin-right: 5px; -/* padding: 0px 4px; */ - padding-left: 15px; - padding-right: 15px; - border: 2px solid @color7; -} - -#mpris { - padding-left: 15px; -} -#tray.empty { - background-color: transparent; - border-color: transparent; - border: 0px; -} - -#workspaces { - margin-left: 5px; - padding-right: 0px; - padding-left: 5px; - border: 2px solid @color8; -} - -#window { - margin-left: 5px; - margin-right: 5px; - border: 2px solid @color9; -} - -#clock { - border-radius: 20px; - color: #fab387; - margin-left: 5px; - border-right: 0px; - transition: 0.3s; - padding-right: 13px; - padding-left: 13px; - border: 2px solid @color12; -} - -#network { - color: #a6adc8; - padding-right: 12px; - padding-left: 5px; - border: 2px solid @color10; -} - -#network.disconnected { - color: #f5c2e7; - border-left: 2px solid #a6e3a1; - border-top: 2px solid #a6e3a1; - border-right: 0px; - border-bottom: 2px solid @color10; -} - -#bluetooth { - color: #b4befe; - margin-right: 10px -} - -#pulseaudio.microphone, -#pulseaudio { - color: #89b4fa; - border: 2px solid @color13; -} - -#pulseaudio.muted { - color: #f38ba8; - padding-right: 20px; -} - -#battery { - color: #a6e3a1; - margin-right: 5px; - padding-right: 15px; - border: 2px solid @color14; -} - - -#battery.good { - color: #ffd57a; - border: 2px solid @color15; -} - -#battery.warning { - color: #fab387; - border-left: 0px; - border: 2px solid @color12; -} - -#battery.charging { - color: #a6e3a1; -} - -#battery.critical { - color: #f38ba8; - border-left: 0px; - border: 2px solid @color8; -} - -#custom-weather { - color: #8eacf3; - border-right: 0px; - margin-left: 0px; - margin-right: 5px; -} - -#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; -} diff --git a/config/waybar/style/[Wallust Bordered] Chroma Simple.css b/config/waybar/style/[Wallust Bordered] Chroma Simple.css new file mode 100644 index 00000000..9475f417 --- /dev/null +++ b/config/waybar/style/[Wallust Bordered] Chroma Simple.css @@ -0,0 +1,306 @@ +/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ +/* Wallust Bordered*/ + +@import '../../.config/waybar/wallust/colors-waybar.css'; + + +* { + 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%; + min-height: 0; +} + +window#waybar { + background-color: transparent; + color: @foreground; + padding-left: 15px; + padding-right: 15px; +} + +window#waybar.empty #window { + background-color: transparent; + border-color: transparent; + padding-left: 15px; + padding-right: 15px; +} + +tooltip { + background-color: transparent; + color: @color12; + border-radius: 10px; + border-width: 1.5px; + border-style: solid; + border-color: @color9; + transition: 0.3s; + opacity: 0.9; +} + +#workspaces { + border-radius: 20px; + background: @background; + opacity: 1; + padding: 0px 10px; + margin: 0; + margin-top: 5px; + border: 2px solid @color12; +} + +#workspaces button { + color: @color10; + box-shadow: none; + text-shadow: none; + padding-right: 12px; + border-radius: 9px; + 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: @color12; + padding-right: 12px; + background-color: @background; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.urgent { + color: #11111b; + border-radius: 10px; +} + +#taskbar button:hover, +#workspaces button:hover { + color: @color12; + padding-left: 0px; + 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, +#network, +#pulseaudio, +#pulseaudio-slider, +#taskbar, +#temperature, +#tray, +#window, +#wireplumber, +#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 { + border-radius: 20px; + background: @background; + opacity: 1; + padding: 0px 10px; + margin: 0; + margin-top: 5px; + border: 2px solid @color13; +} + +#cpu { + border: 2px solid @color5; + color: @color12; +} + +#memory { + color: @color10; +} + +#disk { + color: @color13; + border: 2px solid @color13; +} + +#temperature{ + color: @color11; +} + +#temperature.critical { + color: red; + border: 2px solid red; +} + +#custom-power { + color: red; + padding-left: 10px; + padding-right: 2px; + border: 2px solid red; +} + +#backlight { + color: #f9e2af; + padding-right: 5px; +} + +#tray { + border-radius: 20px; + margin-right: 5px; +/* padding: 0px 4px; */ + padding-left: 15px; + padding-right: 15px; + border: 2px solid @color7; +} + +#mpris { + padding-left: 15px; +} +#tray.empty { + background-color: transparent; + border-color: transparent; + border: 0px; +} + +#window { + margin-left: 5px; + margin-right: 5px; + border: 2px solid @color9; +} + +#clock { + color: #fab387; +} + +#network { + color: #a6adc8; + padding-right: 12px; + padding-left: 5px; + border: 2px solid @color10; +} + +#network.disconnected { + color: #f5c2e7; + border-left: 2px solid #a6e3a1; + border-top: 2px solid #a6e3a1; + border-right: 0px; + border-bottom: 2px solid @color10; +} + +#bluetooth { + color: #b4befe; + margin-right: 10px +} + +#pulseaudio.microphone, +#pulseaudio { + color: #89b4fa; + border: 2px solid @color13; +} + +#pulseaudio.muted { + color: #f38ba8; + padding-right: 20px; +} + +#battery { + color: #a6e3a1; + margin-right: 5px; + padding-right: 15px; + border: 2px solid @color14; +} + +#idle_inhibitor.activated { + color: @color12; + border: 2px solid @color12; +} + +#battery.good { + color: #ffd57a; + border: 2px solid @color15; +} + +#battery.warning { + color: #fab387; + border-left: 0px; + border: 2px solid @color12; +} + +#battery.charging { + color: #a6e3a1; +} + +#battery.critical { + color: #f38ba8; + border-left: 0px; + border: 2px solid @color8; +} + +#custom-weather { + color: #8eacf3; + border-right: 0px; + margin-left: 0px; + margin-right: 5px; +} + +#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; +} -- cgit v1.2.3