Files
nixos-config/home/programs/eww/src/eww.scss
2025-05-07 20:35:17 +02:00

74 lines
1.9 KiB
SCSS

// /-- Preamble -->
// /-- Colors -->
$white-text: #f5e0dc;
$grey-text: #6c7086;
$grey-background: #1e1e2e;
$green: #a6e3a1;
$red: #f38ba8;
$yellow: #f9e2af;
$violet: #cba6f7;
$blue: #89b4fa;
$gold: #fab387;
$orange: #fab387;
// /-- Prepare all -->
* {all: unset;}
.text {color: $white-text;}
.separator {padding: 0px 4px;}
// /-- Bar -->
// /-- Widgets -->
// /-- Idle Inhibtor -->
.idleOn {color: $green;}
.idleOff {color: $green;}
// /-- Audio -->
.micOn {color: $green;}
.micOff {color: $red;}
.speakerOn {color: $green;}
.speakerOff {color: $red;}
// /-- Backlight -->
.backlight {color: $yellow;}
// /-- CPU & Memory -->
.cpu {color: $violet;}
.memory {color: $blue;}
// /-- Battery -->
.batteryFull {color: $gold;}
.batteryHalf {color: $green;}
.batteryEmpty {color: $red;}
.batteryCharging {color: $violet;}
.networkDown {color: $red;}
// /-- Network -->
.networkUp {color: $blue;}
// /-- Workspaces -->
.workspace-button {background: $grey-background;}
.ws-current {color: $green;}
.ws-visible {color: $red;}
.ws-hidden {color: $white-text;}
.ws-empty {color: $grey-text;}
.time {color: $orange;}
// /-- Window -->
.bar {
padding: 0.2em 1em;
background: $grey-background;
color: $white-text;
font-family: "Fira Code";
font-size: 12px;
}
// /-- Powermenu -->
.powermenu-button {
background-color: #313244;
color: $white-text;
padding: 15px;
border: none;
border-radius: 6px;
font-size: 14px;
}
// /-- Window -->
.powermenu {
background-color: $grey-background;
padding: 20px;
}
.powermenuWindow {
background-color: transparent;
border: none;
box-shadow: none;
}