190 lines
2.9 KiB
SCSS
190 lines
2.9 KiB
SCSS
|
|
*{
|
|
all: unset;
|
|
}
|
|
|
|
window {
|
|
font-family: "JetBrainsMono Nerd Font", monospace;
|
|
background-color: #000000;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
/* Global normalization - no widget should add spacing */
|
|
eventbox, box, label, scale {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
$font-family: "JetBrainsMono Nerd Font", monospace;
|
|
|
|
// Global colors (sync with ~/.config/colors)
|
|
$bg-bar: #000000;
|
|
$track: #3a3a3a;
|
|
$accent: #E0AF68;
|
|
$urgent: #F7768E;
|
|
$fg: #ffffff;
|
|
|
|
// Legacy
|
|
$background: $bg-bar;
|
|
$foreground: $fg;
|
|
|
|
.workspace-entry {
|
|
/* Styles for all workspace entries */
|
|
padding: 0 0.5em;
|
|
font-family: $font-family;
|
|
color : $foreground;
|
|
}
|
|
|
|
.workspace-entry.current {
|
|
/* Styles for the current workspace */
|
|
color: $accent;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.workspace-entry.urgent {
|
|
/* Styles for urgent workspaces */
|
|
color: $urgent;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.time-label {
|
|
font-family: $font-family;
|
|
color : $foreground;
|
|
font-weight: bold;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.notification-eventbox {
|
|
padding: 0;
|
|
min-width: 0;
|
|
min-height: 0;
|
|
}
|
|
|
|
.notification-icon {
|
|
font-family: $font-family;
|
|
color : $foreground;
|
|
font-weight: bold;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.battery-percent {
|
|
font-family: $font-family;
|
|
color : $foreground;
|
|
font-weight: bold;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.battery-icon {
|
|
font-family: $font-family;
|
|
color : $foreground;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.bar {
|
|
background-color: $background;
|
|
}
|
|
|
|
.wifi-eventbox {
|
|
padding: 0;
|
|
min-width: 0;
|
|
min-height: 0;
|
|
}
|
|
|
|
.wifi-icon{
|
|
color : $foreground;
|
|
background-color: $background;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.brightness-icon {
|
|
color: $foreground;
|
|
font-weight: bold;
|
|
margin-right: 3px;
|
|
}
|
|
|
|
.volume-icon {
|
|
color: $foreground;
|
|
font-weight: bold;
|
|
margin-right: 3px;
|
|
}
|
|
|
|
.volume-bar {
|
|
min-width: 10px;
|
|
min-height: 6px;
|
|
padding: 0;
|
|
margin: 0;
|
|
margin-right: 10px;
|
|
border: none;
|
|
outline: none;
|
|
}
|
|
|
|
.volume-bar trough {
|
|
background-color: $track;
|
|
border-radius: 3px;
|
|
min-height: 6px;
|
|
min-width: 10px;
|
|
padding: 0;
|
|
margin: 0;
|
|
border: none;
|
|
outline: none;
|
|
}
|
|
|
|
.volume-bar highlight {
|
|
background-color: $fg;
|
|
border-radius: 3px;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.volume-bar slider {
|
|
all: unset;
|
|
padding: 0;
|
|
margin: 0;
|
|
min-width: 0;
|
|
min-height: 0;
|
|
}
|
|
|
|
.brightness-bar {
|
|
min-width: 10px;
|
|
min-height: 6px;
|
|
padding: 0;
|
|
margin: 0;
|
|
margin-right: 10px;
|
|
border: none;
|
|
outline: none;
|
|
}
|
|
|
|
.brightness-bar trough {
|
|
background-color: $track;
|
|
border-radius: 3px;
|
|
min-height: 6px;
|
|
min-width: 10px;
|
|
padding: 0;
|
|
margin: 0;
|
|
border: none;
|
|
outline: none;
|
|
}
|
|
|
|
.brightness-bar highlight {
|
|
background-color: $fg;
|
|
border-radius: 3px;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.brightness-bar slider {
|
|
all: unset;
|
|
padding: 0;
|
|
margin: 0;
|
|
min-width: 0;
|
|
min-height: 0;
|
|
}
|
|
|
|
tooltip {
|
|
background-color: $bg-bar;
|
|
color: $fg;
|
|
border: none;
|
|
border-radius: 0;
|
|
font-family: "JetBrainsMono Nerd Font", monospace;
|
|
}
|