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 {
|
.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;
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue