Adds updates for waybar
This commit is contained in:
parent
35910b0ca9
commit
75594d6a55
7 changed files with 49 additions and 29 deletions
|
|
@ -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
|
||||||
|
|
|
||||||
|
|
@ -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
8
.config/theming/update.sh
Executable file
|
|
@ -0,0 +1,8 @@
|
||||||
|
#!/bin/env sh
|
||||||
|
|
||||||
|
swaync-client --reload-css
|
||||||
|
|
||||||
|
# Reload waybar
|
||||||
|
killall waybar
|
||||||
|
killall pactl
|
||||||
|
nohup waybar &
|
||||||
|
|
@ -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 {
|
||||||
|
|
|
||||||
|
|
@ -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
|
||||||
|
|
|
||||||
|
|
@ -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
|
||||||
|
|
|
||||||
|
|
@ -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
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue