197 lines
3.1 KiB
CSS
197 lines
3.1 KiB
CSS
* {
|
|
border: none;
|
|
border-radius: 0;
|
|
font-size: 13px;
|
|
font-weight: 400;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
transition-duration: 0s;
|
|
}
|
|
|
|
/* The whole bar */
|
|
#waybar {
|
|
background: #282a36;
|
|
color: white;
|
|
font-family: FiraCode Retina, Noto Sans, sans-serif;
|
|
font-weight: 600;
|
|
font-size: 12px;
|
|
}
|
|
|
|
|
|
#window {
|
|
border-top: 3px solid transparent;
|
|
padding: 0 2px;
|
|
background: rgba(35, 31, 32, 0.00);
|
|
color: #bd93f9;
|
|
font-weight: 700;
|
|
}
|
|
|
|
window#waybar.solo {
|
|
/* color: rgba(217, 216, 216, 1); */
|
|
}
|
|
|
|
#mode {
|
|
border-top: 3px solid transparent;
|
|
padding: 1px 2px;
|
|
background: #791455;
|
|
/* padding: .1em .2em; */
|
|
}
|
|
|
|
#workspaces {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#workspaces button {
|
|
/* To compensate for the top border and still have vertical centering */
|
|
border-top: 2px solid transparent;
|
|
padding: 0 2px;
|
|
color: #888888;
|
|
}
|
|
|
|
#workspaces button.visible {
|
|
color: rgba(217, 216, 216, 1);
|
|
}
|
|
|
|
#workspaces button.focused {
|
|
border-top: 2px solid #bd93f9;
|
|
color: white;
|
|
background-color: #6262a4;
|
|
font-weight: 700;
|
|
}
|
|
|
|
#workspaces button.urgent {
|
|
border-color: #c9545d;
|
|
color: #c9545d;
|
|
}
|
|
|
|
#mode, #battery, #cpu, #memory, #pulseaudio, #backlight, #custom-storage, #custom-spotify, #custom-weather, #custom-mail, #custom-himalaya {
|
|
margin: 0px 5px 0px 5px;
|
|
min-width: 30px;
|
|
}
|
|
#language {
|
|
margin: 0px 5px;
|
|
min-width: 30px;
|
|
}
|
|
|
|
#clock.date {
|
|
margin: 0px 0px 0px 5px;
|
|
}
|
|
#clock.time {
|
|
margin: 0px 10px 0px 0px
|
|
}
|
|
|
|
@keyframes blink {
|
|
to {
|
|
color: white;
|
|
}
|
|
}
|
|
@keyframes blink-w-cr {
|
|
to {
|
|
color: pink;
|
|
}
|
|
}
|
|
#battery.warning {
|
|
color: #ffbf00;
|
|
background-color: #282a36;
|
|
font-weight: bold;
|
|
animation: blink-w-cr 2s linear infinite alternate;
|
|
}
|
|
#battery.critical {
|
|
color: rgba(238, 46, 36, 1);
|
|
background-color: #282a36;
|
|
font-weight: bold;
|
|
animation: blink-w-cr .9s linear infinite alternate;
|
|
}
|
|
#battery.charging {
|
|
color: rgba(59, 176, 216, 1);
|
|
background-color: #282a36;
|
|
font-weight: bold;
|
|
animation: blink 2s linear infinite alternate;
|
|
}
|
|
|
|
#network {
|
|
/* min-width: 10px; */
|
|
margin: 0px 2px 0px 5px;
|
|
}
|
|
|
|
#network.disconnected {
|
|
color: red;
|
|
background-color: #282a36;
|
|
}
|
|
|
|
#network.wireguard {
|
|
margin: 0 3px;
|
|
min-width: 0;
|
|
}
|
|
|
|
#temperature {
|
|
margin: 0 3px ;
|
|
min-width: 0;
|
|
}
|
|
|
|
#custom-storage.warning {
|
|
color: #ffbf00;
|
|
background-color: #282a36;
|
|
}
|
|
#custom-storage.critical {
|
|
color: rgba(238, 46, 36, 1);
|
|
background-color: #282a36;
|
|
}
|
|
#custom-storage {
|
|
margin: 0 0 0 7px;
|
|
}
|
|
#memory {
|
|
margin: 0 5px;
|
|
}
|
|
#memory.warning {
|
|
color: #ffbf00;
|
|
background-color: #282a36;
|
|
}
|
|
#memory.critical {
|
|
color: rgba(238, 46, 36, 1);
|
|
background-color: #282a36;
|
|
}
|
|
#cpu {
|
|
/* color: #6c71c4; */
|
|
margin: 0 5px 0 0;
|
|
}
|
|
#cpu.warning {
|
|
color: #99c1f1;
|
|
background-color: #282a36;
|
|
}
|
|
#cpu.critical {
|
|
color: rgba(238, 46, 36, 1);
|
|
background-color: #282a36;
|
|
}
|
|
|
|
#tray {
|
|
margin: 0 5px;
|
|
min-width: 30px;
|
|
}
|
|
#pulseaudio {
|
|
margin: 0 2px;
|
|
}
|
|
|
|
|
|
/* 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);
|
|
}*/
|
|
|