From a153022b7d457466db9140c62dc5564f9de7a3af Mon Sep 17 00:00:00 2001 From: JaKooLit Date: Sun, 5 Nov 2023 14:02:06 +0900 Subject: changes for new Hyprland-Dots --- config/waybar/style/style-pywal.css | 158 ++++++++++++++++++++++++++++++++++++ 1 file changed, 158 insertions(+) create mode 100644 config/waybar/style/style-pywal.css (limited to 'config/waybar/style/style-pywal.css') diff --git a/config/waybar/style/style-pywal.css b/config/waybar/style/style-pywal.css new file mode 100644 index 00000000..3c9645ab --- /dev/null +++ b/config/waybar/style/style-pywal.css @@ -0,0 +1,158 @@ +*{ +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: 98%; +font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +padding: 1px; +margin-top: 1px; +margin-bottom: 1px; +} + + +@import '../../.cache/wal/colors-waybar.css'; + +window#waybar { + background: rgba(0, 0, 0, 0); +} + +window#waybar.hidden { + opacity: 0.5; +} + +window#waybar.empty { + background-color: transparent; +} + +window#waybar.empty #window { + padding: 0px; + margin: 0px; + border: 0px; + /* background-color: rgba(66,66,66,0.5); */ /* transparent */ + background-color: transparent; +} + +tooltip { + background: rgba(0, 0, 0, 0.6); + border-radius: 10px; +} + +tooltip label { + color: @color11; + margin-right: 2px; + margin-left: 2px; +} + +/*-----module groups----*/ +.modules-right { + background-color: rgba(0, 0, 0, 0.4); + border: 0px solid #b4befe; + border-radius: 10px; +} + +.modules-center { + background-color: rgba(0, 0, 0, 0.4); + border: 0px solid #b4befe; + border-radius: 10px; +} + +.modules-left { + background-color: rgba(0, 0, 0, 0.4); + border: 0px solid #b4befe; + border-radius: 10px; + +} + +#workspaces button { + color: @color11; +} + +#workspaces button.active { + color: @color2; + border-radius: 15px 15px 15px 15px; +} + +#workspaces button.focused { + color: @color1; +} + +#workspaces button.urgent { + color: #11111b; + border-radius: 10px; +} + +#workspaces button:hover { + color: @color5; + border-radius: 15px; +} + +#backlight, +#battery, +#bluetooth, +#cava, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state label, +#keyboard-state label.locked, +#keyboard-state, +#memory, +#mode, +#mpd, +#network, +#pulseaudio, +#taskbar button, +#taskbar, +#temperature, +#tray, +#window, +#wireplumber, +#workspaces, +#custom-cycle_wall, +#custom-light_dark, +#custom-lock, +#custom-menu, +#custom-power_vertical, +#custom-power, +#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 { + color: @color11; + padding: 1px 4px; + border-radius: 8px; +} + +#temperature.critical { + background-color: #ff0000; +} + +@keyframes blink { + to { + color: #000000; + } +} + +#taskbar button.active { + background-color: #7f849c; +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} \ No newline at end of file -- cgit v1.2.3 From 6d6d7a829be7d0705b36ee85e5ce7b750ae4ec2a Mon Sep 17 00:00:00 2001 From: JaKooLit Date: Mon, 6 Nov 2023 22:14:15 +0900 Subject: Add css style for waybar --- config/waybar/style/style-b&w.css | 1 + config/waybar/style/style-dark.css | 1 + config/waybar/style/style-default.css | 1 + config/waybar/style/style-default_alter.css | 1 + config/waybar/style/style-light.css | 1 + config/waybar/style/style-mauve.css | 1 + config/waybar/style/style-pywal.css | 1 + config/waybar/style/style-rgb.css | 1 + config/waybar/style/style-uline.css | 1 + 9 files changed, 9 insertions(+) (limited to 'config/waybar/style/style-pywal.css') diff --git a/config/waybar/style/style-b&w.css b/config/waybar/style/style-b&w.css index d2edbb31..7c61d067 100644 --- a/config/waybar/style/style-b&w.css +++ b/config/waybar/style/style-b&w.css @@ -110,6 +110,7 @@ tooltip label{ #wireplumber, #workspaces, #custom-cycle_wall, +#custom-keybinds, #custom-light_dark, #custom-lock, #custom-menu, diff --git a/config/waybar/style/style-dark.css b/config/waybar/style/style-dark.css index 31f9b159..ac688ecc 100644 --- a/config/waybar/style/style-dark.css +++ b/config/waybar/style/style-dark.css @@ -108,6 +108,7 @@ tooltip label { #wireplumber, #workspaces, #custom-cycle_wall, +#custom-keybinds, #custom-light_dark, #custom-lock, #custom-menu, diff --git a/config/waybar/style/style-default.css b/config/waybar/style/style-default.css index 28558be4..5e5bbb08 100644 --- a/config/waybar/style/style-default.css +++ b/config/waybar/style/style-default.css @@ -98,6 +98,7 @@ tooltip label{ #wireplumber, #workspaces, #custom-cycle_wall, +#custom-keybinds, #custom-light_dark, #custom-lock, #custom-menu, diff --git a/config/waybar/style/style-default_alter.css b/config/waybar/style/style-default_alter.css index cfd718e1..d2733705 100644 --- a/config/waybar/style/style-default_alter.css +++ b/config/waybar/style/style-default_alter.css @@ -132,6 +132,7 @@ tooltip label{ #wireplumber, #workspaces, #custom-cycle_wall, +#custom-keybinds, #custom-light_dark, #custom-lock, #custom-menu, diff --git a/config/waybar/style/style-light.css b/config/waybar/style/style-light.css index 377ca703..0fa95817 100644 --- a/config/waybar/style/style-light.css +++ b/config/waybar/style/style-light.css @@ -108,6 +108,7 @@ tooltip label { #wireplumber, #workspaces, #custom-cycle_wall, +#custom-keybinds, #custom-light_dark, #custom-lock, #custom-menu, diff --git a/config/waybar/style/style-mauve.css b/config/waybar/style/style-mauve.css index e1b0cad2..2e7bb8d4 100644 --- a/config/waybar/style/style-mauve.css +++ b/config/waybar/style/style-mauve.css @@ -112,6 +112,7 @@ tooltip { #wireplumber, #workspaces, #custom-cycle_wall, +#custom-keybinds, #custom-light_dark, #custom-lock, #custom-menu, diff --git a/config/waybar/style/style-pywal.css b/config/waybar/style/style-pywal.css index 3c9645ab..9d8bacf9 100644 --- a/config/waybar/style/style-pywal.css +++ b/config/waybar/style/style-pywal.css @@ -111,6 +111,7 @@ tooltip label { #wireplumber, #workspaces, #custom-cycle_wall, +#custom-keybinds, #custom-light_dark, #custom-lock, #custom-menu, diff --git a/config/waybar/style/style-rgb.css b/config/waybar/style/style-rgb.css index f1224be7..9f9718a8 100644 --- a/config/waybar/style/style-rgb.css +++ b/config/waybar/style/style-rgb.css @@ -72,6 +72,7 @@ tooltip label{ #wireplumber, #workspaces, #custom-cycle_wall, +#custom-keybinds, #custom-light_dark, #custom-lock, #custom-menu, diff --git a/config/waybar/style/style-uline.css b/config/waybar/style/style-uline.css index 08ad7508..4869d805 100644 --- a/config/waybar/style/style-uline.css +++ b/config/waybar/style/style-uline.css @@ -52,6 +52,7 @@ window#waybar { #wireplumber, #workspaces, #custom-cycle_wall, +#custom-keybinds, #custom-light_dark, #custom-lock, #custom-menu, -- cgit v1.2.3 From 908c96fa0f93705d07cdc2f501f89ee9c9f1f9f2 Mon Sep 17 00:00:00 2001 From: JaKooLit Date: Tue, 7 Nov 2023 12:26:47 +0900 Subject: some small tweak --- config/hypr/configs/WindowRules.conf | 1 + config/waybar/style/style-pywal.css | 152 ++++++++++++++++++++--------------- 2 files changed, 90 insertions(+), 63 deletions(-) (limited to 'config/waybar/style/style-pywal.css') diff --git a/config/hypr/configs/WindowRules.conf b/config/hypr/configs/WindowRules.conf index 72ac1a2c..42da0e2b 100644 --- a/config/hypr/configs/WindowRules.conf +++ b/config/hypr/configs/WindowRules.conf @@ -6,6 +6,7 @@ windowrule = float, nm-connection-editor|blueman-manager windowrule = float, pavucontrol windowrule = float, nwg-look|qt5ct|mpv windowrule = float, onedriver|onedriver-launcher +windowrule = float, viewnior|swayimg windowrule = float, zoom windowrule = float, rofi windowrule = float, gnome-system-monitor diff --git a/config/waybar/style/style-pywal.css b/config/waybar/style/style-pywal.css index 9d8bacf9..488c2daf 100644 --- a/config/waybar/style/style-pywal.css +++ b/config/waybar/style/style-pywal.css @@ -10,81 +10,82 @@ margin-top: 1px; margin-bottom: 1px; } - @import '../../.cache/wal/colors-waybar.css'; window#waybar { - background: rgba(0, 0, 0, 0); -} - -window#waybar.hidden { - opacity: 0.5; + background: transparent; } window#waybar.empty { - background-color: transparent; + background-color: transparent; } window#waybar.empty #window { - padding: 0px; - margin: 0px; - border: 0px; - /* background-color: rgba(66,66,66,0.5); */ /* transparent */ - background-color: transparent; + padding: 0px; + margin: 0px; + border: 0px; + background-color: transparent; } -tooltip { - background: rgba(0, 0, 0, 0.6); - border-radius: 10px; +window > box { + background: rgba(0, 0, 0, 0); + border-bottom: 1px solid rgba(0, 0, 0, 0); + color: @foreground; } -tooltip label { - color: @color11; - margin-right: 2px; - margin-left: 2px; +window { + /*font-weight: bold;*/ } +tooltip { + background: rgba(0, 0, 0, 0.4); + opacity: 0.8; + border-radius: 10px; + border-width: 2px; + border-style: solid; + border-color: @color15; +} + +tooltip label{ + color: @foreground; +} /*-----module groups----*/ .modules-right { - background-color: rgba(0, 0, 0, 0.4); - border: 0px solid #b4befe; - border-radius: 10px; + background-color: rgba(0, 0, 0, 0.4); + border: 0.5px solid @color15; + border-radius: 10px; } - .modules-center { - background-color: rgba(0, 0, 0, 0.4); - border: 0px solid #b4befe; - border-radius: 10px; + background-color: rgba(0, 0, 0, 0.4); + border: 0.5px solid @color15; + border-radius: 10px; } - .modules-left { - background-color: rgba(0, 0, 0, 0.4); - border: 0px solid #b4befe; - border-radius: 10px; - + background-color: rgba(0, 0, 0, 0.4); + border: 0.5px solid @color15; + border-radius: 10px; } +/*-----modules indv----*/ #workspaces button { - color: @color11; + color: @color1; + padding: 0px 0px; + background-color: rgba(0, 0, 0, 0); + transition: all 0.3s ease-in-out; } - -#workspaces button.active { - color: @color2; - border-radius: 15px 15px 15px 15px; +#workspaces button:hover { + box-shadow: inherit; + background-color: @color2; } #workspaces button.focused { - color: @color1; + background-color: rgba(0,85,102,0); } +#workspaces button.active { + color: @foreground; + /*background-color: rgba(0,85,102,0.3);*/ + transition: all 0.3s ease-in-out; -#workspaces button.urgent { - color: #11111b; - border-radius: 10px; -} - -#workspaces button:hover { - color: @color5; - border-radius: 15px; } #backlight, @@ -130,30 +131,55 @@ tooltip label { #custom-weather.showyIcyDay, #custom-weather.snowyIcyNight, #custom-weather.sunnyDay { - color: @color11; - padding: 1px 4px; - border-radius: 8px; + padding: 0px 6px; +} +#mode { + color: #cc3436; + font-weight: bold; +} +#custom-power { + /*background-color: rgba(0,119,179,0.6);*/ + /*border-radius: 50px;*/ + margin: 5px 5px; + padding: 1px 3px; +} +/*-----Indicators----*/ +#idle_inhibitor.activated { + color: #2dcc36; +} +#pulseaudio.muted { + color: #cc3436; +} +#pulseaudio-microphone.muted { + color: #cc3436; } - #temperature.critical { - background-color: #ff0000; + color: #cc3436; } -@keyframes blink { - to { - color: #000000; - } +#waybar { + background-color: @color14; + color: @color3; } -#taskbar button.active { - background-color: #7f849c; +@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; -} \ No newline at end of file + 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; +} +#waybar.empty, #waybar.tiled, #waybar.floating { + background-color: transparent; +} -- cgit v1.2.3