refactor(eww): clean up scss and add color variables
This commit is contained in:
parent
3e893367ed
commit
7175f2c628
1 changed files with 27 additions and 27 deletions
|
@ -1,63 +1,63 @@
|
|||
$color-primary: #c6a0f6;
|
||||
$color-sec: #f5bde6;
|
||||
$color-bg: #24273a;
|
||||
$color-plane: #5a2d85;
|
||||
$color-light: #5b6078;
|
||||
|
||||
.bar {
|
||||
background-color: $color-bg;
|
||||
border-radius: 12px;
|
||||
|
||||
border: 3px solid $color-light;
|
||||
}
|
||||
|
||||
.bat {
|
||||
color: #cac;
|
||||
|
||||
color: $color-primary;
|
||||
}
|
||||
.circle {
|
||||
margin-top: -2.5rem;
|
||||
color: #cac;
|
||||
color: $color-primary;
|
||||
}
|
||||
|
||||
.workspace-entry {
|
||||
border: 2px solid $color-primary;
|
||||
border-radius: 20px;
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
border-color: #cac;
|
||||
margin: 2px;
|
||||
|
||||
&.empty {
|
||||
|
||||
}
|
||||
&.empty {}
|
||||
|
||||
&.occupied{
|
||||
background-color: $color-light;
|
||||
}
|
||||
|
||||
&.current {
|
||||
background-color: #536;
|
||||
background-color: $color-plane;
|
||||
}
|
||||
}
|
||||
|
||||
.power {
|
||||
color: #cac;
|
||||
font-size: 20;
|
||||
padding-top: 2px;
|
||||
padding-right: 4px;
|
||||
padding-left: 0px;
|
||||
padding-bottom: 4px;
|
||||
color: $color-primary;
|
||||
font-size: 18;
|
||||
padding-right: 3px;
|
||||
padding-bottom: 2px;
|
||||
margin-bottom: 5px;
|
||||
margin-left: 1px;
|
||||
background-color: #515;
|
||||
// margin-left: 1px;
|
||||
margin: 5px 2px;
|
||||
background-color: $color-plane;
|
||||
border: 2px solid;
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
.cal {
|
||||
background-color: $color-primary;
|
||||
border-radius: 8px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.clock {
|
||||
background-color: #536;
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
border-color: #cac;
|
||||
border-radius: 5px;
|
||||
color: #cac;
|
||||
color: $color-primary;
|
||||
background-color: $color-plane;
|
||||
border: 2px solid $color-primary;
|
||||
border-radius: 3px;
|
||||
padding: 2px;
|
||||
margin: 2px;
|
||||
border-radius: 3px;
|
||||
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue