refactor(eww): clean up scss and add color variables

This commit is contained in:
stitchy 2025-02-25 11:31:05 +00:00
parent 3e893367ed
commit 7175f2c628
Signed by: stitchy
SSH key fingerprint: SHA256:yz2SoxdnY67tfY5Jzb0f2v8f5W3o/IF359kbcquWip8

View file

@ -1,63 +1,63 @@
$color-primary: #c6a0f6;
$color-sec: #f5bde6;
$color-bg: #24273a;
$color-plane: #5a2d85;
$color-light: #5b6078;
.bar { .bar {
background-color: $color-bg;
border-radius: 12px; border-radius: 12px;
border: 3px solid $color-light;
} }
.bat { .bat {
color: #cac; color: $color-primary;
} }
.circle { .circle {
margin-top: -2.5rem; margin-top: -2.5rem;
color: #cac; color: $color-primary;
} }
.workspace-entry { .workspace-entry {
border: 2px solid $color-primary;
border-radius: 20px; border-radius: 20px;
border-width: 2px;
border-style: solid;
border-color: #cac;
margin: 2px; margin: 2px;
&.empty { &.empty {}
}
&.occupied{ &.occupied{
background-color: $color-light;
} }
&.current { &.current {
background-color: #536; background-color: $color-plane;
} }
} }
.power { .power {
color: #cac; color: $color-primary;
font-size: 20; font-size: 18;
padding-top: 2px; padding-right: 3px;
padding-right: 4px; padding-bottom: 2px;
padding-left: 0px;
padding-bottom: 4px;
margin-bottom: 5px; margin-bottom: 5px;
margin-left: 1px; // margin-left: 1px;
background-color: #515; margin: 5px 2px;
background-color: $color-plane;
border: 2px solid;
border-radius: 15px; border-radius: 15px;
} }
.cal { .cal {
background-color: $color-primary;
border-radius: 8px;
padding: 5px; padding: 5px;
} }
.clock { .clock {
background-color: #536; color: $color-primary;
border-width: 2px; background-color: $color-plane;
border-style: solid; border: 2px solid $color-primary;
border-color: #cac; border-radius: 3px;
border-radius: 5px;
color: #cac;
padding: 2px; padding: 2px;
margin: 2px; margin: 2px;
border-radius: 3px;
} }