154 lines
2.4 KiB
CSS
154 lines
2.4 KiB
CSS
* {
|
|
border: none;
|
|
border-radius: 0;
|
|
font-family: DejaVu Sans;
|
|
font-size: 13px;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
transition-duration: 0s;
|
|
}
|
|
|
|
/* The whole bar */
|
|
#waybar {
|
|
background: #323232;
|
|
color: white;
|
|
font-family: Cantarell, Noto Sans, sans-serif;
|
|
font-size: 13px;
|
|
}
|
|
|
|
window {
|
|
color: rgba(217, 216, 216, 1);
|
|
background: rgba(35, 31, 32, 0.00);
|
|
}
|
|
|
|
window#waybar.solo {
|
|
color: rgba(217, 216, 216, 1);
|
|
}
|
|
|
|
#mode {
|
|
background: #791455;
|
|
padding: .1em .2em;
|
|
}
|
|
|
|
#workspaces {
|
|
margin: 0 0px;
|
|
}
|
|
|
|
#workspaces button {
|
|
border-top: 2px solid transparent;
|
|
/* To compensate for the top border and still have vertical centering */
|
|
/* padding: .1em .1em; */
|
|
padding: 0;
|
|
color: #888888;
|
|
}
|
|
|
|
#workspaces button.visible {
|
|
color: rgba(217, 216, 216, 1);
|
|
}
|
|
|
|
#workspaces button.focused {
|
|
border-color: #4c7899;
|
|
color: white;
|
|
background-color: #285577;
|
|
}
|
|
|
|
#workspaces button.urgent {
|
|
border-color: #c9545d;
|
|
color: #c9545d;
|
|
}
|
|
|
|
#mode, #battery, #cpu, #memory, #network, #pulseaudio, #backlight, #custom-storage, #custom-spotify, #custom-weather, #custom-mail {
|
|
margin: 0px 5px 0px 5px;
|
|
/* min-width: 25px; */
|
|
min-width: 30px;
|
|
}
|
|
#language {
|
|
margin: 0px 5px;
|
|
min-width: 18px;
|
|
}
|
|
|
|
#clock.date {
|
|
margin: 0px 0px 0px 10px;
|
|
}
|
|
#clock.time {
|
|
margin: 0px 10px 0px 0px
|
|
}
|
|
|
|
@keyframes blink {
|
|
to {
|
|
color: white;
|
|
}
|
|
}
|
|
#battery.warning {
|
|
color: rgba(255, 210, 4, 1);
|
|
}
|
|
#battery.critical {
|
|
color: rgba(238, 46, 36, 1);
|
|
animation: blink .7s linear infinite alternate;
|
|
}
|
|
#battery.charging {
|
|
color: rgba(59, 176, 216, 1);
|
|
font-weight: bold;
|
|
animation: blink 1s linear infinite alternate;
|
|
}
|
|
|
|
#network.disconnected {
|
|
color: red;
|
|
}
|
|
|
|
#network.wireguard {
|
|
margin: 0 3px 0 0;
|
|
min-width: 0;
|
|
}
|
|
|
|
#temperature {
|
|
margin: 0 3px ;
|
|
min-width: 0;
|
|
}
|
|
|
|
#custom-storage.warning {
|
|
color: rgba(255, 210, 4, 1);
|
|
}
|
|
#custom-storage.critical {
|
|
color: rgba(238, 46, 36, 1);
|
|
}
|
|
#custom-storage {
|
|
margin: 0 0 0 10px;
|
|
}
|
|
#memory {
|
|
/* color: #859900; */
|
|
}
|
|
#cpu {
|
|
/* color: #6c71c4; */
|
|
margin: 0 5px 0 0;
|
|
}
|
|
|
|
#tray {
|
|
margin: 0 5px 0 10px;
|
|
}
|
|
#pulseaudio {
|
|
margin: 0 5px 0 5px;
|
|
}
|
|
|
|
|
|
/* dark theme */
|
|
/*#mode {
|
|
background: #64727D;
|
|
padding: .1em .2em;
|
|
}*/
|
|
|
|
/*#workspaces button {
|
|
padding: 0 2px;
|
|
color: rgba(217, 216, 216, 0.4);
|
|
}*/
|
|
|
|
/*#workspaces button.focused {
|
|
border-top: 2px solid rgba(217, 216, 216, 1);
|
|
border-bottom: 2px solid rgba(217, 216, 216, 0);
|
|
}*/
|
|
|
|
/*#workspaces button.urgent {
|
|
color: rgba(238, 46, 36, 1);
|
|
}*/
|
|
|