PinePhoneBoyOS/config/waybar/style.css

158 lines
2.2 KiB
CSS
Raw Normal View History

2021-01-04 22:42:01 +00:00
/* Reset styles */
* {
border: none;
border-radius: 1;
min-height: 0;
margin: 0;
padding: 0;
}
/* The bar */
#waybar {
background: #000000;
color: #00ff00;
font-family: "awesome 5";
font-size: 10px;
font-weight: bold;
}
#disk,
#backlight,
#battery,
#clock,
#cpu,
#custom-keyboard-layout,
#memory,
#mode,
#network,
#pulseaudio,
#temperature,
#custom-battery,
2021-01-04 22:42:01 +00:00
#custom-alsa,
#custom-kill,
#custom-terminal,
#custom-keyshow,
#custom-keyhide,
2021-01-04 22:42:01 +00:00
#tray {
padding-left: 8px;
padding-right: 8px;
margin-left: 2px;
margin-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
padding-top: 4px;
padding-bottom: 4px;
margin-top: 2px;
margin-bottom: 2px;
border: 1px solid #00ff00;
border-radius: 3px;
}
/*@media (width > 800px) {
#clock {
padding: 10px;
}
}*/
/*modules style*/
#disk {
}
#backlight {
}
#custom-battery.charging {
}
#custom-battery.discharging {
color: green;
}
2021-01-04 22:42:01 +00:00
#battery {
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
#battery.warning,
#temperature.warning,
#cpu.warning {
2021-01-04 22:42:01 +00:00
color: orange;
}
#battery.critical,
#cpu.critical,
#temperature.critical {
color: red;
}
2021-01-04 22:42:01 +00:00
#clock.date {
font-weight: bold;
}
#clock.time {
font-weight: bold;
font-size: 12px;
}
#memory {
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
#memory.warning {
color: orange;
}
#mode {
border-top: 2px solid white;
/* To compensate for the top border and still have vertical centering */
padding-bottom: 2px;
}
#network {
}
#network.disconnected {
color: gray;
2021-01-04 22:42:01 +00:00
}
#pulseaudio {
}
#pulseaudio.muted {
}
#custom-kill {
}
#custom-terminal {
}
#tray {
background: transparent;
}
#window {
font-weight: bold;
}
#workspaces button {
font-weight: bold;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
border-radius: 10px;
color: #00ff00;
border: 1px dotted #0c0;
border-radius: 1px;
}
#workspaces button.focused {
font-weight: bolder;
color: #000;
background-color: #00ff00;
}