142 lines
1.6 KiB
SCSS
142 lines
1.6 KiB
SCSS
@import "colors";
|
|
|
|
* {
|
|
all: unset;
|
|
}
|
|
|
|
.reservepower.reservepower {
|
|
color: $red;
|
|
}
|
|
|
|
.root {
|
|
color: $foreground;
|
|
font-family: "Source Code Pro";
|
|
font-size: 9pt;
|
|
background-color: rgba(0, 0, 0, 0);
|
|
// Probably needs to change
|
|
&.bar {
|
|
margin: 10px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
&.side {
|
|
margin: 10px;
|
|
margin-right: 0px;
|
|
}
|
|
|
|
&.bg {
|
|
background-color: $bg0;
|
|
padding: 10px;
|
|
}
|
|
|
|
&.outline {
|
|
border: 1px solid $bg1;
|
|
}
|
|
}
|
|
|
|
.nebula {
|
|
font-family: "Nebula";
|
|
font-size: 1.2em;
|
|
&.big,
|
|
.big {
|
|
font-size: 2em;
|
|
}
|
|
&.bigger,
|
|
.bigger {
|
|
font-size: 2.5em;
|
|
}
|
|
&.medium,
|
|
.medium {
|
|
font-size: 1.6em;
|
|
}
|
|
&.small,
|
|
.small {
|
|
font-size: 1.4em;
|
|
}
|
|
}
|
|
|
|
.gauge {
|
|
color: $foreground;
|
|
}
|
|
|
|
.gauge-hole {
|
|
color: $wallpaper;
|
|
}
|
|
|
|
.gauge-gutter {
|
|
color: $bg0;
|
|
}
|
|
|
|
.icon {
|
|
font-family: "Font Awesome 5 Free Solid";
|
|
}
|
|
|
|
.invisible {
|
|
color: $wallpaper;
|
|
}
|
|
|
|
.highlight {
|
|
color: $red;
|
|
}
|
|
|
|
.offline {
|
|
color: $bg1;
|
|
}
|
|
|
|
.special {
|
|
color: $blue;
|
|
}
|
|
|
|
.green {
|
|
color: $green;
|
|
}
|
|
|
|
.big {
|
|
font-size: 12pt;
|
|
}
|
|
|
|
.message-overlay {
|
|
background-color: $wallpaper;
|
|
}
|
|
|
|
// sway module
|
|
|
|
.sway--ws {
|
|
color: $bg1;
|
|
|
|
&.sway--active {
|
|
color: $foreground;
|
|
}
|
|
|
|
&.sway--visible .fill {
|
|
background-color: $foreground;
|
|
}
|
|
|
|
&.sway--focused .fill {
|
|
background-color: $foreground;
|
|
}
|
|
}
|
|
|
|
.reservepower .sway--ws.sway--active {
|
|
color: $red;
|
|
}
|
|
|
|
.reservepower .sway--ws .fill {
|
|
background-color: $red;
|
|
}
|
|
|
|
.big .normal,
|
|
.bigger .normal {
|
|
font-size: 1rem;
|
|
}
|
|
|
|
// clock module
|
|
|
|
.clock--time {
|
|
font-size: 20pt;
|
|
}
|
|
|
|
.clock--date {
|
|
font-size: 9pt;
|
|
}
|