Adds updates for waybar

This commit is contained in:
Michel Fedde 2025-03-29 19:27:26 +01:00
parent 35910b0ca9
commit 75594d6a55
7 changed files with 49 additions and 29 deletions

View file

@ -1,5 +1,9 @@
@import "../../theming/library/entry.scss"; @import "../../theming/library/entry.scss";
* {
color: $foreground;
}
window { window {
background-color: $background-semitransparent; background-color: $background-semitransparent;
color: $foreground color: $foreground

View file

@ -4,5 +4,3 @@ sass \
$HOME/.config/swaync/style/style.scss:$HOME/.config/swaync/style.css \ $HOME/.config/swaync/style/style.scss:$HOME/.config/swaync/style.css \
$HOME/.config/waybar/scss/style.scss:$HOME/.config/waybar/style.css \ $HOME/.config/waybar/scss/style.scss:$HOME/.config/waybar/style.css \
$HOME/.config/nwg-drawer/style/style.scss:$HOME/.config/nwg-drawer/drawer.css $HOME/.config/nwg-drawer/style/style.scss:$HOME/.config/nwg-drawer/drawer.css
swaync-client --reload-css

8
.config/theming/update.sh Executable file
View file

@ -0,0 +1,8 @@
#!/bin/env sh
swaync-client --reload-css
# Reload waybar
killall waybar
killall pactl
nohup waybar &

View file

@ -9,8 +9,8 @@
} }
window { window {
background: rgba(40, 40, 40, 0.95); background: rgba(251, 241, 199, 0.95);
color: #d5c4a1; color: #504945;
transition-property: background-color; transition-property: background-color;
transition-duration: 0.5s; transition-duration: 0.5s;
} }
@ -22,10 +22,10 @@ window.semi-hidden * {
border-radius: 0 0 0.3rem 0.3rem; border-radius: 0 0 0.3rem 0.3rem;
} }
window.semi-hidden .modules-left, window.semi-hidden .modules-center, window.semi-hidden .modules-right { window.semi-hidden .modules-left, window.semi-hidden .modules-center, window.semi-hidden .modules-right {
background-color: #282828; background-color: #fbf1c7;
border-bottom: 1px solid rgba(213, 196, 161, 0.4); border-bottom: 1px solid rgba(80, 73, 69, 0.4);
border-left: 1px solid rgba(213, 196, 161, 0.4); border-left: 1px solid rgba(80, 73, 69, 0.4);
border-right: 1px solid rgba(213, 196, 161, 0.4); border-right: 1px solid rgba(80, 73, 69, 0.4);
} }
window.semi-hidden .modules-center { window.semi-hidden .modules-center {
padding-left: 0.3rem; padding-left: 0.3rem;
@ -36,25 +36,25 @@ window.semi-hidden .modules-left {
#taskbar button, #taskbar button,
#workspaces button { #workspaces button {
color: #d5c4a1; color: #504945;
} }
#taskbar button.active, #taskbar button.active,
#workspaces button.active { #workspaces button.active {
border-bottom: 1px solid #b8bb26; border-bottom: 1px solid #79740e;
} }
#taskbar button.urgent, #taskbar button.urgent,
#workspaces button.urgent { #workspaces button.urgent {
border-bottom: 2px solid #fabd2f; border-bottom: 2px solid #b57614;
} }
#submap { #submap {
border-bottom: 1px solid #fb4934; border-bottom: 1px solid #9d0006;
} }
.module { .module {
color: #d5c4a1; color: #504945;
padding: 0.2rem 0.3rem 0.2rem 0.3rem; padding: 0.2rem 0.3rem 0.2rem 0.3rem;
} }
@ -62,17 +62,17 @@ window.semi-hidden .modules-left {
#disk.warning, #disk.warning,
#memory.warning, #memory.warning,
#cpu.warning { #cpu.warning {
border-top: 3px solid #282828; border-top: 3px solid #fbf1c7;
border-bottom: 3px solid #83a598; border-bottom: 3px solid #076678;
} }
@keyframes blink { @keyframes blink {
to { to {
color: #282828; color: #fbf1c7;
} }
} }
#battery.critical:not(.charging) { #battery.critical:not(.charging) {
background-color: #fb4934; background-color: #9d0006;
color: white; color: white;
animation-name: blink; animation-name: blink;
animation-duration: 3s; animation-duration: 3s;
@ -92,17 +92,17 @@ window.semi-hidden .modules-left {
#disk.critical, #disk.critical,
#memory.critical, #memory.critical,
#cpu.critical { #cpu.critical {
border-top: 3px solid #282828; border-top: 3px solid #fbf1c7;
border-bottom: 3px solid #fb4934; border-bottom: 3px solid #9d0006;
} }
#temperature.critical { #temperature.critical {
background-color: #fb4934; background-color: #9d0006;
} }
#battery.charging { #battery.charging {
border-top: 3px solid #282828; border-top: 3px solid #fbf1c7;
border-bottom: 3px solid #b8bb26; border-bottom: 3px solid #79740e;
} }
#pulseaudio-slider slider { #pulseaudio-slider slider {
@ -118,13 +118,13 @@ window.semi-hidden .modules-left {
min-width: 80px; min-width: 80px;
min-height: 5px; min-height: 5px;
border-radius: 5px; border-radius: 5px;
background-color: rgba(40, 40, 40, 0.75); background-color: rgba(251, 241, 199, 0.75);
} }
#pulseaudio-slider highlight { #pulseaudio-slider highlight {
min-height: 10px; min-height: 10px;
border-radius: 5px; border-radius: 5px;
background-color: #fabd2f; background-color: #b57614;
} }
#backlight-slider slider { #backlight-slider slider {
@ -140,22 +140,22 @@ window.semi-hidden .modules-left {
min-width: 80px; min-width: 80px;
min-height: 10px; min-height: 10px;
border-radius: 5px; border-radius: 5px;
background-color: #d5c4a1; background-color: #504945;
} }
#backlight-slider highlight { #backlight-slider highlight {
min-width: 10px; min-width: 10px;
border-radius: 5px; border-radius: 5px;
background-color: #fabd2f; background-color: #b57614;
} }
#custom-swaync { #custom-swaync {
min-width: 10px; min-width: 10px;
border-right: 1px solid #d5c4a1; border-right: 1px solid #504945;
} }
#custom-swaync:hover { #custom-swaync:hover {
background-color: #b8bb26; background-color: #79740e;
} }
#custom-updates.pending-updates { #custom-updates.pending-updates {

View file

@ -1,4 +1,4 @@
#!/bin/env sh #!/bin/env sh
echo "# Installing GTK Theme (gruvbox)" echo "# Installing GTK Theme (gruvbox)"
yay -S --needed gruvbox-material-gtk-theme-git gruvbox-material-icon-theme-git yay -S --needed gruvbox-material-icon-theme-git gruvbox-gtk-theme-git

View file

@ -2,3 +2,8 @@
gsettings set org.gnome.desktop.interface color-scheme 'prefer-dark' gsettings set org.gnome.desktop.interface color-scheme 'prefer-dark'
gsettings set org.gnome.desktop.interface gtk-theme "Gruvbox-Orange-Dark" gsettings set org.gnome.desktop.interface gtk-theme "Gruvbox-Orange-Dark"
wal --theme base16-gruvbox-medium
$HOME/.config/theming/compile.sh
$HOME/.config/theming/update.sh

View file

@ -2,3 +2,8 @@
gsettings set org.gnome.desktop.interface color-scheme 'prefer-light' gsettings set org.gnome.desktop.interface color-scheme 'prefer-light'
gsettings set org.gnome.desktop.interface gtk-theme "Gruvbox-Orange-Light" gsettings set org.gnome.desktop.interface gtk-theme "Gruvbox-Orange-Light"
wal -l --theme base16-gruvbox-medium
$HOME/.config/theming/compile.sh
$HOME/.config/theming/update.sh