refactor(home): Rename waybar css vars
This commit is contained in:
parent
bfca6f8735
commit
ba8358946e
1 changed files with 28 additions and 28 deletions
|
@ -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;
|
||||
|
|
Loading…
Reference in a new issue