From 777118d131c52f69c618a63bdaa676ecbf100353 Mon Sep 17 00:00:00 2001 From: Adrian Gunnar Lauterer Date: Tue, 7 Nov 2023 13:02:05 +0100 Subject: [PATCH] update 11-07-23 --- config | 35 +++- dependencies.md | 1 + wallpaper.sh | 2 +- waybar.d/style.css | 413 ++++++++++++++++------------------------- waybar.d/style.css.bak | 280 ++++++++++++++++++++++++++++ 5 files changed, 476 insertions(+), 255 deletions(-) create mode 100644 waybar.d/style.css.bak diff --git a/config b/config index 7883e23..f679a18 100644 --- a/config +++ b/config @@ -21,7 +21,7 @@ set $dir /home/gunalx/.config/sway # Note: pass the final command to swaymsg so that the resulting window can be opened # on the original workspace that the command was run on. #set $menu dmenu_path | dmenu | xargs swaymsg exec -- -#set $menu dmenu_path | wofi --dmenu --y 20 --heigth 60% --width 100% --font "Hack-Bold 12" | xargs swaymsg exec -- +#set $menu dmenu_path | wofi --dmenu --x 20% --y 20 --heigth 60% --width 60% | xargs swaymsg exec -- set $menu dmenu_path | wofi --dmenu | xargs swaymsg exec -- @@ -71,7 +71,6 @@ exec /home/gunalx/.config/sway/wallpaper.sh bindsym $mod+m exec $dir/lock.sh && brightnessctl -d intel_backlight s 50% exec /home/gunalx/.config/sway/idle.sh -exec_always --no-startup-id exec sway-dynamic-names #gaps smart_borders no_gaps @@ -330,7 +329,37 @@ exec nm-applet # add autotiler exec autotiling-rs # add autonamer -exec workstyle +exec workstyle +# add autnamer +exec_always --no-startup-id exec sway-dynamic-names +# authentication polkit with kde (update if not installed) exec /usr/lib/polkit-kde-authentication-agent-1 +# Generated windows as floating +for_window [title="(?:Open|Save) (?:File|Folder|As)"] floating enable; +for_window [title="(?:Open|Save) (?:File|Folder|As)"] resize set 1920 1080 +for_window [window_role="pop-up"] floating enable +for_window [window_role="bubble"] floating enable +for_window [window_role="task_dialog"] floating enable +for_window [window_role="Preferences"] floating enable +for_window [window_type="dialog"] floating enable +for_window [window_type="menu"] floating enable +for_window [app_id = "xdg-desktop-portal-gtk"] floating enable; +for_window [app_id = "xdg-desktop-portal-gtk"] resize set 1920 1080; +for_window [app_id = "xdg-desktop-portal-gtk"] floating enable; +for_window [app_id = "xdg-desktop-portal-gtk"] resize set 1920 1080; + +# styles. +set $QT_QPA_PLATFORMTHEME qt5c +set $accent #00ffcc +# class border backgr. text indica. child_border +client.focused $accent $accent #000000 #00ffcc $accent +client.focused_inactive #000000 #000000 #ff9900 #000000 #000000 +client.unfocused #000000 #000000 #00ffcc #000000 #000000 +client.urgent #ff0000 #ff0000 #00ffcc #ff0000 #ff0000 +client.placeholder #000000 #000000 #00ffcc #000000 #000000 +client.background #000000 + +#exec gsetting set org. + diff --git a/dependencies.md b/dependencies.md index fbcc152..4cc102d 100644 --- a/dependencies.md +++ b/dependencies.md @@ -44,6 +44,7 @@ find #used for finding raondom background screens found nerdfonts to be better +qt5c #for themes i3ipc #kinda cool python stuff for https://github.com/nwg-piotr/swayinfo diff --git a/wallpaper.sh b/wallpaper.sh index 0309502..72a8834 100755 --- a/wallpaper.sh +++ b/wallpaper.sh @@ -5,7 +5,7 @@ swaybg -i $(find $dir -type f | shuf -n 1) -m fill && OLD_PID=$! while true; do - sleep 300 + sleep 10 swaybg -i $(find $dir -type f | shuf -n1) -m fill & NEXT_PID=$! sleep 5 diff --git a/waybar.d/style.css b/waybar.d/style.css index cf5c5fb..f2bbe06 100644 --- a/waybar.d/style.css +++ b/waybar.d/style.css @@ -1,280 +1,191 @@ -* { - /* `otf-font-awesome` is required to be installed for icons */ - font-family: FontAwesome, Roboto, Helvetica, Arial, sans-serif; - font-size: 13px; -} - -window#waybar { - background-color: rgba(43, 48, 59, 0.5); - border-bottom: 3px solid rgba(100, 114, 125, 0.5); - color: #ffffff; - transition-property: background-color; - transition-duration: .5s; -} - -window#waybar.hidden { - opacity: 0.2; -} - -/* -window#waybar.empty { - background-color: transparent; -} -window#waybar.solo { - background-color: #FFFFFF; -} -*/ - -window#waybar.termite { - background-color: #3F3F3F; -} - -window#waybar.chromium { - background-color: #000000; - border: none; -} - -button { - /* Use box-shadow instead of border so the text isn't offset */ - box-shadow: inset 0 -3px transparent; - /* Avoid rounded borders under each button name */ - border: none; - border-radius: 0; -} - -/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */ -button:hover { - background: inherit; - box-shadow: inset 0 -3px #ffffff; -} - -#workspaces button { - padding: 0 5px; - background-color: transparent; - color: #ffffff; -} - -#workspaces button:hover { - background: rgba(0, 0, 0, 0.2); -} - -#workspaces button.focused { - background-color: #64727D; - box-shadow: inset 0 -3px #ffffff; -} - -#workspaces button.urgent { - background-color: #eb4d4b; -} - -#mode { - background-color: #64727D; - border-bottom: 3px solid #ffffff; -} - -#clock, -#battery, -#cpu, -#memory, -#disk, -#temperature, -#backlight, -#network, -#pulseaudio, -#wireplumber, -#custom-media, -#tray, -#mode, -#idle_inhibitor, -#scratchpad, -#mpd { - padding: 0 10px; - color: #ffffff; -} - -#window, -#workspaces { - margin: 0 4px; -} - -/* If workspaces is the leftmost module, omit left margin */ -.modules-left > widget:first-child > #workspaces { - margin-left: 0; -} - -/* If workspaces is the rightmost module, omit right margin */ -.modules-right > widget:last-child > #workspaces { - margin-right: 0; -} - -#clock { - background-color: #64727D; -} - -#battery { - background-color: #ffffff; - color: #000000; -} - -#battery.charging, #battery.plugged { - color: #ffffff; - background-color: #26A65B; -} - -@keyframes blink { +@define-color base #1e242f ; +@define-color urgent #b02c36 ; +@define-color primary_orange #fe9000 ; +@define-color primary_yellow #ffdd4a ; +@define-color primary_red #da1b2b ; +@define-color primary_blue #afd2e9 ; +@define-color primary_blue_2 #6fadd6 ; + +@keyframes blink-warning { + 70% { + color: white; + } + to { - background-color: #ffffff; - color: #000000; + color: white; + background-color: orange; } } - -#battery.critical:not(.charging) { - background-color: #f53c3c; - color: #ffffff; - animation-name: blink; - animation-duration: 0.5s; + +@keyframes blink-critical { + 70% { + color: white; + } + + to { + color: white; + background-color: red; + } +} + +/* ----------------------------------------------------------------------------- + * Base styles + * -------------------------------------------------------------------------- */ + +/* Reset all styles */ +* { + border: none; + border-radius: 0; + min-height: 0; + margin: 1px; + padding: 0; +} + +/* The whole bar */ +#waybar { + background: transparent; + color: @primary_blue; + background-color: @base; + font-family: "Overpass Nerd Font"; + font-size: 16px; + border-radius: 15px; +} + +/* Every modules */ +#battery, +#clock, +#backlight, +#cpu, +#custom-keyboard-layout, +#memory, +#mode, +#custom-weather, +#network, +#pulseaudio, +#temperature, +#tray, +#idle_inhibitor, +#custom-PBPbattery { + padding:0.5rem 0.6rem; + margin: 1px 0px; +} + +/* ----------------------------------------------------------------------------- + * Modules styles + * -------------------------------------------------------------------------- */ + +#battery { animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; } - -label:focus { - background-color: #000000; + +#battery.warning { + color: @primary_orange; } - -#cpu { - background-color: #2ecc71; - color: #000000; + +#battery.critical { + color: @primary_red; } - + +#battery.warning.discharging { + animation-name: blink-warning; + animation-duration: 3s; +} + +#battery.critical.discharging { + animation-name: blink-critical; + animation-duration: 2s; +} + +#cpu.warning { + color: @primary_orange; +} + +#cpu.critical { + color: @primary_red; +} + #memory { - background-color: #9b59b6; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; } - -#disk { - background-color: #964B00; + +#memory.warning { + color: @primary_orange; + } + +#memory.critical { + color: red; + animation-name: blink-critical; + animation-duration: 2s; + padding-left:5px; + padding-right:5px; } - -#backlight { - background-color: #90b1b1; + +#mode { + background: @primary_yellow; + border-bottom: 3px @primary_blue; + color: @base; + margin-left: 5px; + padding: 7px; } - -#network { - background-color: #2980b9; -} - + #network.disconnected { - background-color: #f53c3c; + color: @primary_orange; } - + #pulseaudio { - background-color: #f1c40f; - color: #000000; + padding-top:6px; } - + #pulseaudio.muted { - background-color: #90b1b1; - color: #2a5c45; + color: @primary_yellow; } - -#wireplumber { - background-color: #fff0f5; - color: #000000; -} - -#wireplumber.muted { - background-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 { - background-color: #f0932b; -} - + #temperature.critical { - background-color: #eb4d4b; + color: red; } - -#tray { - background-color: #2980b9; + +#window { + font-weight: bold; } - -#tray > .passive { - -gtk-icon-effect: dim; + +#workspaces { + font-size:13px; } - -#tray > .needs-attention { - -gtk-icon-effect: highlight; - background-color: #eb4d4b; + +#workspaces button { + border-bottom: 3px solid @primary_blue_2; + margin-bottom: 0px; + padding:0px; } - -#idle_inhibitor { - background-color: #2d3436; + +#workspaces button.focused { + border-bottom: 3px solid @primary_yellow; + margin-bottom: 0px; + padding-left:0; } - -#idle_inhibitor.activated { - background-color: #ecf0f1; - color: #2d3436; + +#workspaces button.urgent { + border-color: @primary_red; + color: @primary_red; } - -#mpd { - background-color: #66cc99; - color: #2a5c45; + +#custom-power { + margin-left:15px; + margin-right:15px; + font-size:15px; } - -#mpd.disconnected { - background-color: #f53c3c; + +#custom-launcher { + font-size:15px; + margin-left:15px; + margin-right:10px; } - -#mpd.stopped { - background-color: #90b1b1; -} - -#mpd.paused { - background-color: #51a37a; -} - -#language { - background: #00b093; - color: #740864; - padding: 0 5px; - margin: 0 5px; - min-width: 16px; -} - -#keyboard-state { - background: #97e1ad; - color: #000000; - padding: 0 0px; - margin: 0 5px; - min-width: 16px; -} - -#keyboard-state > label { - padding: 0 5px; -} - -#keyboard-state > label.locked { - background: rgba(0, 0, 0, 0.2); -} - -#scratchpad { - background: rgba(0, 0, 0, 0.2); -} - -#scratchpad.empty { - background-color: transparent; + +#backlight.icon { + padding-right:1px; + font-size: 13px; } diff --git a/waybar.d/style.css.bak b/waybar.d/style.css.bak new file mode 100644 index 0000000..cf5c5fb --- /dev/null +++ b/waybar.d/style.css.bak @@ -0,0 +1,280 @@ +* { + /* `otf-font-awesome` is required to be installed for icons */ + font-family: FontAwesome, Roboto, Helvetica, Arial, sans-serif; + font-size: 13px; +} + +window#waybar { + background-color: rgba(43, 48, 59, 0.5); + border-bottom: 3px solid rgba(100, 114, 125, 0.5); + color: #ffffff; + transition-property: background-color; + transition-duration: .5s; +} + +window#waybar.hidden { + opacity: 0.2; +} + +/* +window#waybar.empty { + background-color: transparent; +} +window#waybar.solo { + background-color: #FFFFFF; +} +*/ + +window#waybar.termite { + background-color: #3F3F3F; +} + +window#waybar.chromium { + background-color: #000000; + border: none; +} + +button { + /* Use box-shadow instead of border so the text isn't offset */ + box-shadow: inset 0 -3px transparent; + /* Avoid rounded borders under each button name */ + border: none; + border-radius: 0; +} + +/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */ +button:hover { + background: inherit; + box-shadow: inset 0 -3px #ffffff; +} + +#workspaces button { + padding: 0 5px; + background-color: transparent; + color: #ffffff; +} + +#workspaces button:hover { + background: rgba(0, 0, 0, 0.2); +} + +#workspaces button.focused { + background-color: #64727D; + box-shadow: inset 0 -3px #ffffff; +} + +#workspaces button.urgent { + background-color: #eb4d4b; +} + +#mode { + background-color: #64727D; + border-bottom: 3px solid #ffffff; +} + +#clock, +#battery, +#cpu, +#memory, +#disk, +#temperature, +#backlight, +#network, +#pulseaudio, +#wireplumber, +#custom-media, +#tray, +#mode, +#idle_inhibitor, +#scratchpad, +#mpd { + padding: 0 10px; + color: #ffffff; +} + +#window, +#workspaces { + margin: 0 4px; +} + +/* If workspaces is the leftmost module, omit left margin */ +.modules-left > widget:first-child > #workspaces { + margin-left: 0; +} + +/* If workspaces is the rightmost module, omit right margin */ +.modules-right > widget:last-child > #workspaces { + margin-right: 0; +} + +#clock { + background-color: #64727D; +} + +#battery { + background-color: #ffffff; + color: #000000; +} + +#battery.charging, #battery.plugged { + color: #ffffff; + background-color: #26A65B; +} + +@keyframes blink { + to { + background-color: #ffffff; + color: #000000; + } +} + +#battery.critical:not(.charging) { + background-color: #f53c3c; + color: #ffffff; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} + +label:focus { + background-color: #000000; +} + +#cpu { + background-color: #2ecc71; + color: #000000; +} + +#memory { + background-color: #9b59b6; +} + +#disk { + background-color: #964B00; +} + +#backlight { + background-color: #90b1b1; +} + +#network { + background-color: #2980b9; +} + +#network.disconnected { + background-color: #f53c3c; +} + +#pulseaudio { + background-color: #f1c40f; + color: #000000; +} + +#pulseaudio.muted { + background-color: #90b1b1; + color: #2a5c45; +} + +#wireplumber { + background-color: #fff0f5; + color: #000000; +} + +#wireplumber.muted { + background-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 { + background-color: #f0932b; +} + +#temperature.critical { + background-color: #eb4d4b; +} + +#tray { + background-color: #2980b9; +} + +#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: #2d3436; +} + +#mpd { + background-color: #66cc99; + color: #2a5c45; +} + +#mpd.disconnected { + background-color: #f53c3c; +} + +#mpd.stopped { + background-color: #90b1b1; +} + +#mpd.paused { + background-color: #51a37a; +} + +#language { + background: #00b093; + color: #740864; + padding: 0 5px; + margin: 0 5px; + min-width: 16px; +} + +#keyboard-state { + background: #97e1ad; + color: #000000; + padding: 0 0px; + margin: 0 5px; + min-width: 16px; +} + +#keyboard-state > label { + padding: 0 5px; +} + +#keyboard-state > label.locked { + background: rgba(0, 0, 0, 0.2); +} + +#scratchpad { + background: rgba(0, 0, 0, 0.2); +} + +#scratchpad.empty { + background-color: transparent; +}