Files
dotfiles/waybar/.config/waybar/style.css
T

100 lines
1.7 KiB
CSS

/* Cursor Dark */
@define-color bg_dim #141414;
@define-color bg0 #181818;
@define-color bg2 #2b2b2b;
@define-color fg #cccccc;
@define-color red #f14c4c;
@define-color blue #3b8eea;
@define-color orange #e2c08d;
@define-color bg4 #2472c8;
* {
transition: none;
box-shadow: none;
}
#waybar {
font-family: 'Hack JBM Ligatured', "Font Awesome 6 Free";
font-size: 1.2em;
font-weight: 400;
color: @fg;
border-radius: 10px;
background: @bg0;
}
#workspaces {
margin: 0 4px;
}
#workspaces button {
margin: 4px 0;
padding: 0 4px;
color: @fg;
}
#workspaces button.visible {
}
#workspaces button.active {
border-radius: 10px;
background-color: @bg4;
/* @fg on the accent blue is too low-contrast to read */
color: #ffffff;
}
#workspaces button.urgent {
color: @red;
}
#tray {
margin: 4px 4px 4px 4px;
border-radius: 4px;
background-color: @bg2;
}
#tray * {
padding: 0 6px;
border-left: 1px solid @bg_dim;
}
#tray *:first-child {
border-left: none;
}
#mode, #battery, #cpu, #memory, #network, #pulseaudio, #idle_inhibitor, #backlight, #custom-storage, #custom-updates, #custom-weather, #custom-mail, #clock, #temperature, #language{
margin: 4px 2px;
padding: 0 6px;
background-color: @bg2;
border-radius: 4px;
min-width: 20px;
}
#pulseaudio.muted {
color: @orange;
}
#pulseaudio.bluetooth {
color: @blue;
}
#clock {
margin-left: 0px;
margin-right: 4px;
background-color: transparent;
}
#temperature.critical {
color: @orange;
}
#window {
font-weight: 400;
margin-left:20px;
}
#language {
font-size: 0.9em;
font-weight: 500;
letter-spacing: -1px;
}