150 lines
2.0 KiB
SCSS
150 lines
2.0 KiB
SCSS
*{
|
|
all: unset;
|
|
font-family: Iosevka;
|
|
font-size: 16px;
|
|
}
|
|
|
|
/** Top bar **/
|
|
.top-bar {
|
|
padding-left: 16px;
|
|
padding-right: 24px;
|
|
}
|
|
|
|
tooltip.background {
|
|
background-color: $base00;
|
|
border-radius: 10px;
|
|
color: $base07;
|
|
}
|
|
|
|
tooltip label {
|
|
margin: 6px;
|
|
}
|
|
|
|
.module {
|
|
margin: 0px 0px 0px 0px;
|
|
border-radius: 0px 0px 0px 0px;
|
|
padding-left: 8px;
|
|
padding-right: 8px;
|
|
}
|
|
|
|
.icon {
|
|
font-size: 24px;
|
|
padding-right: 8px;
|
|
}
|
|
|
|
.separator {
|
|
padding-left: 4px;
|
|
padding-right: 4px;
|
|
color: $base02;
|
|
}
|
|
|
|
/** Bluetooth **/
|
|
.bluetooth {
|
|
color: $base0D;
|
|
}
|
|
|
|
.bluetooth.icon {
|
|
padding-right: 4px;
|
|
}
|
|
|
|
.bluetooth-text {
|
|
padding-left: 8px;
|
|
}
|
|
|
|
/** Wifi **/
|
|
.wifi {
|
|
color: $base0D;
|
|
}
|
|
|
|
.wifi.icon {
|
|
padding-right: 12px;
|
|
}
|
|
|
|
.wifi-text {
|
|
padding-left: 8px;
|
|
}
|
|
|
|
/** Volume **/
|
|
.volume {
|
|
color: $base0A;
|
|
}
|
|
|
|
.volume-mute {
|
|
color: $base04;
|
|
}
|
|
|
|
.volume-bar {
|
|
padding-left: 8px;
|
|
highlight {
|
|
background-color: $base0A;
|
|
border-radius: 10px;
|
|
}
|
|
trough {
|
|
background-color: $base04;
|
|
min-height: 10px;
|
|
border-radius: 10px;
|
|
}
|
|
}
|
|
|
|
/** Battery **/
|
|
.battery.charging {
|
|
color: $base0B;
|
|
}
|
|
|
|
.battery.discharging {
|
|
padding-right: 0px;
|
|
color: $base04;
|
|
}
|
|
|
|
.battery-bar {
|
|
padding-left: 8px;
|
|
progress {
|
|
background-color: $base0B;
|
|
border-radius: 10px;
|
|
min-height: 10px;
|
|
}
|
|
trough {
|
|
background-color: $base04;
|
|
border-radius: 10px;
|
|
min-height: 10px;
|
|
min-width: 60px;
|
|
}
|
|
}
|
|
|
|
/** Clock **/
|
|
.clock {
|
|
color: $base05;
|
|
}
|
|
|
|
.clock-time {
|
|
padding-left: 4px;
|
|
padding-right: 4px;
|
|
}
|
|
|
|
.clock-date {
|
|
padding-left: 4px;
|
|
}
|
|
|
|
.clock-year {
|
|
padding-bottom: 8px;
|
|
font-size: 75%;
|
|
}
|
|
|
|
/** Workspaces **/
|
|
|
|
.workspace-entry {
|
|
padding-left: 8px;
|
|
padding-right: 8px;
|
|
}
|
|
.workspace-entry.occupied {
|
|
color: $base06;
|
|
}
|
|
|
|
.workspace-entry.empty {
|
|
color: $base02;
|
|
}
|
|
|
|
.workspace-entry.current {
|
|
color: $base0C;
|
|
}
|