neintonine/yadm-config
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Changes colors for waybar

Browse source
This commit is contained in:
Michel Fedde 2025-03-01 16:45:27 +01:00
parent d7109d4836
commit 9952a7ffd3
2 changed files with 30 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

27
.config/waybar/style.css
View file

@ -3,6 +3,10 @@
@import "../../.cache/wal/colors-waybar.css";
@define-color red @color1;
@define-color green @color2;
@define-color orange @color3;
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
@ -23,20 +27,21 @@ window#waybar {
#taskbar button,
#workspaces button {
color: @foreground;
border-radius: 0.3rem;
}
#taskbar button.active,
#workspaces button.active {
border-bottom: 1px solid green;
border-bottom: 1px solid @green;
}
#taskbar button.urgent,
#workspaces button.urgent {
border-bottom: 2px solid red;
border-bottom: 2px solid @orange;
}
#submap {
border-bottom: 1px solid red;
border-bottom: 1px solid @red;
}
#backlight,
@ -100,7 +105,7 @@ window#waybar {
#memory.warning,
#cpu.warning {
border-top: 3px solid @background;
border-bottom: 3px solid yellow;
border-bottom: 3px solid @yellow;
}
@keyframes blink {
@ -131,16 +136,16 @@ window#waybar {
#memory.critical,
#cpu.critical {
border-top: 3px solid @background;
border-bottom: 3px solid red;
border-bottom: 3px solid @red;
}
#temperature.critical {
background-color: red;
background-color: @red;
}
#battery.charging {
border-top: 3px solid @background;
border-bottom: 3px solid green;
border-bottom: 3px solid @green;
}
#pulseaudio-slider slider {
@ -162,7 +167,7 @@ window#waybar {
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
background-color: @color3;
background-color: @orange;
}
#backlight-slider slider {
@ -184,13 +189,13 @@ window#waybar {
#backlight-slider highlight {
min-width: 10px;
border-radius: 5px;
background-color: @color3;
background-color: @orange;
}
#custom-swaync {
min-width: 1px;
min-width: 10px;
border-right: 1px solid @cursor;
}
#custom-swaync:hover {
background-color: @cursor;
background-color: @green;
}