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

Adds more wal theming

Browse source
This commit is contained in:
Michel Fedde 2025-03-01 22:55:04 +01:00
parent 04f6af0726
commit af5ec3580c
15 changed files with 353 additions and 80 deletions
Download patch file Download diff file Expand all files Collapse all files

129
.config/waybar/style.css
View file

@ -1,48 +1,37 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Simple Style */
@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;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 100%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
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: 100%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
border-radius: 0.3rem;
}
window#waybar {
background: @background;
color: @foreground;
background: #282828;
color: #d5c4a1;
transition-property: background-color;
transition-duration: 0.5s;
}
#taskbar button,
#workspaces button {
color: @foreground;
color: #d5c4a1;
}
#taskbar button.active,
#workspaces button.active {
border-bottom: 1px solid @green;
border-bottom: 1px solid #b8bb26;
}
#taskbar button.urgent,
#workspaces button.urgent {
border-bottom: 2px solid @orange;
border-bottom: 2px solid #fabd2f;
}
#submap {
border-bottom: 1px solid @red;
border-bottom: 1px solid #fb4934;
}
#backlight,
@ -90,14 +79,14 @@ window#waybar {
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
color: @foreground;
color: #d5c4a1;
padding: 3px 6px 3px 6px;
}
@ -105,21 +94,20 @@ window#waybar {
#disk.warning,
#memory.warning,
#cpu.warning {
border-top: 3px solid @background;
border-bottom: 3px solid @yellow;
border-top: 3px solid #282828;
border-bottom: 3px solid #83a598;
}
@keyframes blink {
to {
color: @background;
color: #282828;
}
}
#battery.critical:not(.charging) {
background-color: @red;
background-color: #fb4934;
color: white;
animation-name: blink;
animation-duration: 3.0s;
animation-duration: 3s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
@ -129,74 +117,77 @@ window#waybar {
/*-----Indicators----*/
#custom-hypridle.notactive,
#idle_inhibitor.activated {
color: #39FF14;
color: #39FF14;
}
#battery.critical,
#disk.critical,
#memory.critical,
#cpu.critical {
border-top: 3px solid @background;
border-bottom: 3px solid @red;
border-top: 3px solid #282828;
border-bottom: 3px solid #fb4934;
}
#temperature.critical {
background-color: @red;
background-color: #fb4934;
}
#battery.charging {
border-top: 3px solid @background;
border-bottom: 3px solid @green;
border-top: 3px solid #282828;
border-bottom: 3px solid #b8bb26;
}
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
background-color: @dim;
min-width: 80px;
min-height: 5px;
border-radius: 5px;
background-color: rgba(40, 40, 40, 0.75);
}
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
background-color: @orange;
min-height: 10px;
border-radius: 5px;
background-color: #fabd2f;
}
#backlight-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough {
min-width: 80px;
min-height: 10px;
border-radius: 5px;
background-color: @cursor;
min-width: 80px;
min-height: 10px;
border-radius: 5px;
background-color: #d5c4a1;
}
#backlight-slider highlight {
min-width: 10px;
border-radius: 5px;
background-color: @orange;
min-width: 10px;
border-radius: 5px;
background-color: #fabd2f;
}
#custom-swaync {
min-width: 10px;
border-right: 1px solid @cursor;
border-right: 1px solid #d5c4a1;
}
#custom-swaync:hover {
background-color: @green;
background-color: #b8bb26;
}
/*# sourceMappingURL=style.css.map */