dotfiles/.config/eww/eww.scss

115 lines
1.7 KiB
SCSS
Raw Normal View History

2024-10-21 09:34:11 +02:00
@import "colors.scss";
* {
font-family: 'JetBrainsMono NF';
font-size: 13px;
}
.bar, tooltip {
background-image: linear-gradient(160deg, $background1, $background2), linear-gradient(160deg, $accent1, $accent2);
background-clip: padding-box, border-box;
background-origin: border-box;
}
.bar {
border-bottom: 2px solid transparent;
border-radius: 0;
}
.bar > * > *:nth-child(even) {
color: $accent1;
2024-10-21 13:57:40 +02:00
.disabled {
color: $disabled;
}
2024-10-21 09:34:11 +02:00
scale trough {
background-color: $background1;
}
scale trough highlight {
background-color: $accent1;
}
}
.bar > * > *:nth-child(odd) {
color: $accent2;
2024-10-21 13:57:40 +02:00
.disabled {
color: $disabled2;
}
2024-10-21 09:34:11 +02:00
scale trough {
2024-10-21 09:58:57 +02:00
background-color: $disabled2;
2024-10-21 09:34:11 +02:00
}
scale trough highlight {
background-color: $accent2;
}
}
2024-10-21 11:14:08 +02:00
label, .systray {
2024-10-21 09:34:11 +02:00
padding: 6px;
}
2024-10-21 11:14:08 +02:00
.workspace {
color: $foreground;
label {
padding: 0 10px;
}
2024-10-21 09:34:11 +02:00
}
2024-10-21 11:14:08 +02:00
.workspace:hover {
background-color: $hovered;
2024-10-21 09:34:11 +02:00
}
2024-10-21 11:14:08 +02:00
.workspace.active {
background-color: $selected;
2024-10-21 09:34:11 +02:00
}
2024-10-21 11:14:08 +02:00
scale {
padding: 0 4px;
slider {
all: unset;
}
trough {
min-height: 6px;
min-width: 60px;
}
progressbar trough {
border: 2px solid $accent2;
border-radius: 16px;
}
2024-10-21 09:34:11 +02:00
}
progress {
background-color: $accent1;
border-radius: 16px;
}
circular-progress > * {
margin: 1px;
font-size: 11px;
}
tooltip {
border: 1px solid transparent;
border-radius: 4px;
}
calendar.selected {
background-color: $accent2;
}
.alert {
background-color: rgba($bad, 0.33);
}
.crit {
background-color: rgba($bad, 0.66);
animation-name: blink;
animation-duration: 1.5s;
animation-timing-function: steps(2, start);
animation-iteration-count: infinite;
}
@keyframes blink {
to {
background-color: transparent;
}
}