sleeker waybar

This commit is contained in:
Lennart J. Kurzweg (Nx2)
2024-06-29 21:59:01 +02:00
parent 58e6dc97f4
commit c4e7371e22

View File

@@ -163,7 +163,7 @@ lib.mkIf (user != "tv")
}; };
}; };
}; };
style = '' style = with rice.color; let f = rice.lib.hex-to-rgb-comma-string; in ''
* { * {
font-family: ${rice.font.code.name2}; font-family: ${rice.font.code.name2};
font-size: 1em; font-size: 1em;
@@ -173,10 +173,10 @@ lib.mkIf (user != "tv")
} }
window#waybar { window#waybar {
background-color: rgba(${rice.lib.hex-to-rgb-comma-string rice.color.background},${builtins.toString rice.transparency}); background-color: rgba(${f background},${builtins.toString rice.transparency});
transition-duration: 5s; transition-duration: 5s;
transition-property: background-color; transition-property: background-color;
/* border: ${builtins.toString rice.border-width}px solid rgb(${rice.lib.hex-to-rgb-comma-string rice.color.border}); */ /* border: ${builtins.toString rice.border-width}px solid rgb(${f border}); */
/* margin: ${builtins.toString rice.gap-size}px; */ /* margin: ${builtins.toString rice.gap-size}px; */
/* border-radius: ${builtins.toString rice.rounding}px; */ /* border-radius: ${builtins.toString rice.rounding}px; */
} }
@@ -198,54 +198,54 @@ lib.mkIf (user != "tv")
padding: 0px 3px; padding: 0px 3px;
margin-top: 0.3em; margin-top: 0.3em;
border-radius: ${builtins.toString rice.rounding}px; border-radius: ${builtins.toString rice.rounding}px;
color: rgb(${rice.lib.hex-to-rgb-comma-string rice.color.accent.bright}); color: rgb(${f accent.bright});
} }
#workspaces button { #workspaces button {
color: rgb(${rice.lib.hex-to-rgb-comma-string rice.color.white.dark}); color: rgb(${f accent.base});
padding-left: 15px; padding-left: 15px;
padding-right: 15px; padding-right: 15px;
border-radius: ${builtins.toString rice.rounding}px; border-radius: ${builtins.toString rice.rounding}px;
} }
#workspaces button.active { #workspaces button.active {
color: rgb(${rice.lib.hex-to-rgb-comma-string rice.color.background}); color: rgb(${f background});
background-color: rgba(${rice.lib.hex-to-rgb-comma-string rice.color.accent.base},${builtins.toString rice.transparency}); background-color: rgba(${f accent.base},${builtins.toString rice.transparency});
} }
#workspaces button:hover { #workspaces button:hover {
color: rgb(${rice.lib.hex-to-rgb-comma-string rice.color.tertiary.bright}); color: rgb(${f tertiary.bright});
} }
#workspaces button.urgent { #workspaces button.urgent {
background-color: rgba(${rice.lib.hex-to-rgb-comma-string rice.color.magenta.base},${builtins.toString rice.transparency}); background-color: rgba(${f magenta.base},${builtins.toString rice.transparency});
} }
#custom-mode { #custom-mode {
color: rgb(${rice.lib.hex-to-rgb-comma-string rice.color.red.base}); color: rgb(${f red.base});
} }
#window, #custom-ctimeremaining { #window, #custom-ctimeremaining {
font-family: ${rice.font.base.name}, ${rice.font.code.name2}; font-family: ${rice.font.base.name}, ${rice.font.code.name2};
color: rgb(${rice.lib.hex-to-rgb-comma-string rice.color.tertiary.bright}); color: rgb(${f tertiary.bright});
} }
#wireplumber.muted { #wireplumber.muted {
color: rgb(${rice.lib.hex-to-rgb-comma-string rice.color.tertiary.bright}); color: rgb(${f tertiary.bright});
} }
#wireplumber { #wireplumber {
padding-left: 10px; padding-left: 10px;
} }
#battery.warning:not(.charging) { #battery.warning:not(.charging) {
color: rgb(${rice.lib.hex-to-rgb-comma-string rice.color.green.base});; color: rgb(${f green.base});;
} }
#battery.critical { #battery.critical {
color: rgb(${rice.lib.hex-to-rgb-comma-string rice.color.red.dark});; color: rgb(${f red.dark});;
background: rgb(${rice.lib.hex-to-rgb-comma-string rice.color.red.bright}); background: rgb(${f red.bright});
} }
#battery.charging { color: rgb(${rice.lib.hex-to-rgb-comma-string rice.color.green.base}); } #battery.charging { color: rgb(${f green.base}); }
''; '';
#battery.critical:not(.charging) { #battery.critical:not(.charging) {