refactor(home): Rename waybar css vars

This commit is contained in:
punkfairie 2025-01-13 20:08:33 -08:00
parent bfca6f8735
commit ba8358946e
No known key found for this signature in database
GPG key ID: B3C5488E9A1A7CA6

View file

@ -237,15 +237,15 @@ in {
(lib.optionalString config.rose-pine.enable
#css
''
@define-color darkOne @base;
@define-color darkTwo @surface;
@define-color darkThree @overlay;
@define-color light @subtle;
@define-color highlight @highlightHigh;
@define-color main @love;
@define-color accentOne @pine;
@define-color accentTwo @gold;
@define-color accentThree @iris;
@define-color zero @base;
@define-color one @surface;
@define-color two @overlay;
@define-color four @subtle;
@define-color seven @highlightHigh;
@define-color eight @love;
@define-color b @pine;
@define-color e @gold;
@define-color d @iris;
@define-color accentFour @foam;
'')
# css
@ -263,8 +263,8 @@ in {
}
#workspaces {
color: @darkOne;
background: @darkTwo;
color: @zero;
background: @one;
margin: 4px 4px;
padding: 5px 5px;
border-radius: 16px;
@ -275,8 +275,8 @@ in {
padding: 0 5px;
margin: 0 3px;
border-radius: 16px;
color: @darkOne;
background: linear-gradient(45deg, @main, @accentThree);
color: @zero;
background: linear-gradient(45deg, @eight, @d);
opacity: 0.5;
transition: ${transition};
}
@ -286,8 +286,8 @@ in {
padding: 0 5px;
margin: 0 3px;
border-radius: 16px;
color: @darkOne;
background: linear-gradient(45deg, @main, @accentThree);
color: @zero;
background: linear-gradient(45deg, @eight, @d);
opacity: 1.0;
transition: ${transition};
min-width: 40px;
@ -296,20 +296,20 @@ in {
#workspaces button:hover {
font-weight: bold;
border-radius: 16px;
color: @darkOne;
background: linear-gradient(45deg, @main, @iris);
color: @zero;
background: linear-gradient(45deg, @eight, @iris);
opacity: 0.8;
transition: ${transition};
}
tooltip {
background: @darkOne;
border: 1px solid @main;
background: @zero;
border: 1px solid @eight;
border-radius: 12px;
}
tooltip label {
color: @main;
color: @eight;
}
#window, #pulseaudio, #cpu, #memory, #idle_inhibitor {
@ -317,14 +317,14 @@ in {
margin: 4px 0;
margin-left: 7px;
padding: 0 18px;
background: @light;
color: @darkOne;
background: @four;
color: @zero;
border-radius: 24px 10px 24px 10px;
}
#custom-startmenu {
color: @accentOne;
background: @darkThree;
color: @b;
background: @two;
font-size: 28px;
margin: 0;
padding: 0 30px 0 15px;
@ -334,8 +334,8 @@ in {
#custom-hyprbindings, #network, #battery, #custom-notifications,
#tray, #custom-exit {
font-weight: bold;
background: @highlight;
color: @darkOne;
background: @seven;
color: @zero;
margin: 4px 0;
margin-right: 7px;
border-radius: 10px 24px 10px 24px;
@ -344,8 +344,8 @@ in {
#clock {
font-weight: bold;
color: @darkOne;
background: linear-gradient(90deg, @accentTwo, @accentFour);
color: @zero;
background: linear-gradient(90deg, @e, @accentFour);
margin: 0;
padding: 0 15px 0 30px;
border-radius: 0 0 0 40px;