573 lines
9.0 KiB
CSS
573 lines
9.0 KiB
CSS
* {
|
|
font-family: "Ubuntu Nerd Font", "Font Awesome 6 Pro";
|
|
font-size: 15px;
|
|
}
|
|
window#waybar {
|
|
background-color: #242933;
|
|
color: #ffffff;
|
|
border-radius: 8px;
|
|
border-width: 3px;
|
|
border-color: #3b4252;
|
|
border-style: solid;
|
|
}
|
|
|
|
window#waybar.hidden {
|
|
opacity: 0.1;
|
|
}
|
|
|
|
#window {
|
|
color: #64727d;
|
|
margin-left: 50px;
|
|
margin-right: 50px;
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
border-radius: 8px 8px 8px 8px;
|
|
}
|
|
|
|
#workspaces,
|
|
#custom-calendar_clock,
|
|
#custom-weather,
|
|
#cpu,
|
|
#memory,
|
|
#custom-updtes,
|
|
#custom-rate,
|
|
#custom-inetspeedup,
|
|
#custom-inetspeeddown,
|
|
#tray,
|
|
#custom-separator,
|
|
#mode,
|
|
#custom-lock,
|
|
#workspaces,
|
|
#idle_inhibitor,
|
|
#power-profiles-daemon,
|
|
#custom-fans,
|
|
#custom-powermenu,
|
|
#custom-launcher,
|
|
#custom-vpn,
|
|
#custom-borg,
|
|
#temperature,
|
|
#custom-temps,
|
|
#cpu {
|
|
color: #fa9f8e;
|
|
border-radius: 8px 8px 8px 8px;
|
|
}
|
|
|
|
#mpris {
|
|
color: #fa9f8e;
|
|
}
|
|
#custom-roon {
|
|
color: #fa9f8e;
|
|
}
|
|
#custom-dmp_nowplaying {
|
|
color: #fa9f8e;
|
|
}
|
|
#custom-lyrics {
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
}
|
|
#image {
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
#temperature {
|
|
color: #fa9f8e;
|
|
border-radius: 8px 8px 8px 8px;
|
|
}
|
|
#custom-temps {
|
|
color: #fa9f8e;
|
|
border-radius: 8px 8px 8px 8px;
|
|
}
|
|
|
|
#custom-tailscale {
|
|
color: #81a1c1;
|
|
border-radius: 8px 8px 8px 8px;
|
|
}
|
|
#cutom-borg {
|
|
color: #fa9f8e;
|
|
border-radius: 8px 8px 8px 8px;
|
|
}
|
|
#power-profiles-daemon {
|
|
color: #81a1c1;
|
|
border-radius: 8px 8px 8px 8px;
|
|
}
|
|
#custom-fans {
|
|
color: #fa9f8e;
|
|
border-radius: 8px 8px 8px 8px;
|
|
}
|
|
#memory {
|
|
font-size: 15px;
|
|
color: #81a1c1;
|
|
border-radius: 8px 8px 8px 8px;
|
|
}
|
|
#custom-updates {
|
|
font-size: 15px;
|
|
color: #81a1c1;
|
|
border-radius: 8px 8px 8px 8px;
|
|
}
|
|
|
|
#custom-inetspeeddown {
|
|
font-size: 15px;
|
|
color: #81a1c1;
|
|
border-radius: 8px 8px 8px 8px;
|
|
}
|
|
#custom-inetspeedup {
|
|
font-size: 15px;
|
|
color: #81a1c1;
|
|
border-radius: 8px 8px 8px 8px;
|
|
}
|
|
|
|
@keyframes button_activate {
|
|
from {
|
|
opacity: 0.3;
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
#workspaces button {
|
|
border: none;
|
|
color: #d4d2a9;
|
|
padding: 3px;
|
|
background: transparent;
|
|
box-shadow: none;
|
|
}
|
|
|
|
#workspaces button.active {
|
|
color: #81a1c1;
|
|
background: radial-gradient(
|
|
circle,
|
|
rgba(20, 48, 187, 0.699) 5%,
|
|
rgba(36, 39, 54, 0.5) 18%,
|
|
rgba(132, 129, 156, 0) 23%,
|
|
rgba(70, 76, 98, 0.201) 24%,
|
|
rgba(132, 129, 156, 0) 30%
|
|
);
|
|
animation: button_activate 0.2s ease-in-out;
|
|
}
|
|
|
|
#workspaces button.urgent {
|
|
color: #fa9f8e;
|
|
}
|
|
|
|
|
|
#workspaces button.persistent {
|
|
color: #85909e;
|
|
}
|
|
|
|
#workspaces button:hover {
|
|
border: none;
|
|
background: radial-gradient(
|
|
circle,
|
|
rgba(25, 79, 255, 0.1) 20%,
|
|
rgba(132, 129, 156, 0) 30%
|
|
);
|
|
}
|
|
|
|
#workspaces button.active:hover,
|
|
#workspaces button.urgent:hover {
|
|
background: inherit;
|
|
}
|
|
|
|
#custom-launcher {
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
|
|
padding-right: 5px;
|
|
padding-left: 0px;
|
|
|
|
font-size: 22px;
|
|
|
|
color: #7a95c9;
|
|
|
|
margin-top: 1px;
|
|
margin-bottom: 1px;
|
|
border-radius: 8px 8px 8px 8px;
|
|
}
|
|
|
|
#workspaces,
|
|
#custom-calendar_clock,
|
|
#custom-weather,
|
|
#custom-network_speed,
|
|
#cpu,
|
|
#custom-song_name,
|
|
#custom-vpn,
|
|
#custom-borg,
|
|
#temperature,
|
|
#custom-temps,
|
|
#custom-fans,
|
|
#power-profiles-daemon,
|
|
#memory,
|
|
#custom-updates,
|
|
#custom-tailscale,
|
|
#custom-rate,
|
|
#custom-inetspeedup,
|
|
#custom-inetspeeddown,
|
|
#pulseaudio,
|
|
#custom-separator,
|
|
#tray #network {
|
|
background-color: #3b4252;
|
|
padding: 0em 2em;
|
|
|
|
font-size: 20px;
|
|
|
|
padding-left: 7.5px;
|
|
padding-right: 7.5px;
|
|
|
|
padding-top: 2px;
|
|
padding-bottom: 2px;
|
|
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
margin-right: 10px;
|
|
|
|
font-size: 19px;
|
|
}
|
|
#custom-separator {
|
|
color: #1b5e20;
|
|
margin: 0 5px;
|
|
}
|
|
#workspaces {
|
|
padding-right: 10px;
|
|
}
|
|
#custom-pwrate {
|
|
color: #81a1c1;
|
|
padding-left: 10px;
|
|
margin-right: 15px;
|
|
font-size: 13px;
|
|
border-radius: 0px 8px 8px 0px;
|
|
margin-left: -15px;
|
|
}
|
|
|
|
#wireplumber {
|
|
color: #81a1c1;
|
|
padding-left: 10px;
|
|
margin-right: 10px;
|
|
font-size: 23px;
|
|
border-radius: 0px 8px 8px 0px;
|
|
margin-left: -15px;
|
|
}
|
|
|
|
#wireplumber.muted {
|
|
color: #fb958b;
|
|
padding-left: 10px;
|
|
font-size: 23px;
|
|
border-radius: 0px 8px 8px 0px;
|
|
}
|
|
|
|
#backlight {
|
|
color: #81a1c1;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
font-size: 24px;
|
|
border-radius: 8px 8px 8px 8px;
|
|
}
|
|
#custom-wf-recorder {
|
|
color: #ff0000;
|
|
}
|
|
|
|
#network {
|
|
padding-left: 0.2em;
|
|
color: #5e81ac;
|
|
border-radius: 8px 8px 8px 8px;
|
|
padding-left: 12px;
|
|
padding-right: 12px;
|
|
font-size: 19px;
|
|
}
|
|
|
|
#network.disconnected {
|
|
color: #fb958b;
|
|
}
|
|
|
|
#battery {
|
|
color: #81a1c1;
|
|
font-size: 19px;
|
|
}
|
|
|
|
#battery.critical,
|
|
#battery.warning,
|
|
#battery.full,
|
|
#battery.plugged {
|
|
color: #81a1c1;
|
|
font-size: 19px;
|
|
}
|
|
|
|
#battery.charging {
|
|
font-size: 19px;
|
|
}
|
|
|
|
#battery.full,
|
|
#battery.plugged {
|
|
font-size: 19px;
|
|
}
|
|
|
|
@keyframes blink {
|
|
to {
|
|
background-color: rgba(30, 34, 42, 0.5);
|
|
color: #abb2bf;
|
|
}
|
|
}
|
|
|
|
#battery.warning {
|
|
color: #ecd3a0;
|
|
}
|
|
|
|
#battery.critical:not(.charging) {
|
|
color: #fb958b;
|
|
}
|
|
|
|
#custom-lock {
|
|
color: #ecd3a0;
|
|
padding: 0 15px 0 15px;
|
|
margin-left: 7px;
|
|
margin-top: 7px;
|
|
margin-bottom: 7px;
|
|
}
|
|
|
|
#custom-calendar_clock {
|
|
color: #8a909e;
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
border-radius: 8px 8px 8px 8px;
|
|
}
|
|
|
|
#bluetooth {
|
|
color: #fb958b;
|
|
padding-left: 10px;
|
|
margin-right: -5px;
|
|
font-size: 18px;
|
|
border-radius: 0px 8px 8px 0px;
|
|
margin-left: -5px;
|
|
}
|
|
|
|
#bluetooth.on {
|
|
color: #fb958b;
|
|
padding-left: 10px;
|
|
margin-right: -5px;
|
|
font-size: 18px;
|
|
border-radius: 0px 8px 8px 0px;
|
|
margin-left: -5px;
|
|
}
|
|
|
|
#bluetooth.connected {
|
|
color: #81a1c1;
|
|
padding-left: 10px;
|
|
margin-right: -5px;
|
|
font-size: 18px;
|
|
border-radius: 0px 8px 8px 0px;
|
|
margin-left: -5px;
|
|
}
|
|
|
|
#bluetooth.off {
|
|
color: #8a909e;
|
|
padding-left: 10px;
|
|
margin-right: -5px;
|
|
font-size: 18px;
|
|
border-radius: 0px 8px 8px 0px;
|
|
margin-left: -5px;
|
|
}
|
|
|
|
#custom-powermenu {
|
|
color: #e78284;
|
|
margin-right: 12px;
|
|
margin-left: 12px;
|
|
border-radius: 8px;
|
|
padding: 0 6px 0 6.8px;
|
|
margin-top: 7px;
|
|
margin-bottom: 7px;
|
|
}
|
|
|
|
tooltip {
|
|
font-family: Ubuntu Nerd Font;
|
|
border-radius: 8px;
|
|
padding: 15px;
|
|
background-color: #242933;
|
|
}
|
|
|
|
tooltip label {
|
|
font-family: Ubuntu Nerd Font;
|
|
padding: 5px;
|
|
background-color: #242933;
|
|
}
|
|
|
|
#now_playing > tooltip {
|
|
background-color: red;
|
|
}
|
|
|
|
label:focus {
|
|
background-color: #242933;
|
|
}
|
|
|
|
#tray {
|
|
margin-right: 10px;
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
font-size: 30px;
|
|
border-radius: 8px 8px 8px 8px;
|
|
}
|
|
|
|
#tray > .passive {
|
|
-gtk-icon-effect: dim;
|
|
}
|
|
|
|
#tray > .needs-attention {
|
|
-gtk-icon-effect: highlight;
|
|
background-color: #eb4d4b;
|
|
}
|
|
|
|
#idle_inhibitor {
|
|
background-color: #242933;
|
|
}
|
|
|
|
#idle_inhibitor.activated {
|
|
background-color: #ecf0f1;
|
|
color: #2d3436;
|
|
}
|
|
|
|
#memory,
|
|
#custom-updates,
|
|
#custom-rate,
|
|
#custom-tailscale,
|
|
#custom-inetspeedup,
|
|
#custom-inetspeeddown,
|
|
#cpu {
|
|
font-size: 15px;
|
|
}
|
|
|
|
#mpris {
|
|
font-size: 15px;
|
|
}
|
|
#custom-roon {
|
|
font-size: 15px;
|
|
}
|
|
|
|
#custom-dmp_nowplaying {
|
|
font-size: 15px;
|
|
}
|
|
|
|
#power-profiles-daemon {
|
|
font-size: 15px;
|
|
}
|
|
#custom-fans {
|
|
font-size: 15px;
|
|
}
|
|
#temperature {
|
|
font-size: 15px;
|
|
}
|
|
#custom-temps {
|
|
font-size: 15px;
|
|
}
|
|
|
|
#custom-vpn {
|
|
font-size: 15px;
|
|
}
|
|
#custom-borg {
|
|
font-size: 15px;
|
|
}
|
|
#custom-song_name,
|
|
#custom-spotify,
|
|
#custom-next,
|
|
#custom-pre {
|
|
background-color: #3b4252;
|
|
font-size: 20px;
|
|
padding-right: 6.5px;
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#custom-weather.severe {
|
|
color: #8a909e;
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
margin-top: 10px;
|
|
margin-right: 10px;
|
|
margin-bottom: 10px;
|
|
border-radius: 8px 8px 8px 8px;
|
|
}
|
|
|
|
#custom-weather.sunnyDay {
|
|
color: #8a909e;
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
margin-top: 10px;
|
|
margin-right: 10px;
|
|
margin-bottom: 10px;
|
|
border-radius: 8px 8px 8px 8px;
|
|
}
|
|
|
|
#custom-weather.clearNight {
|
|
color: #8a909e;
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
margin-top: 10px;
|
|
margin-right: 10px;
|
|
margin-bottom: 10px;
|
|
border-radius: 8px 8px 8px 8px;
|
|
}
|
|
|
|
#custom-weather.cloudyFoggyDay,
|
|
#custom-weather.cloudyFoggyNight {
|
|
color: #8a909e;
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
margin-top: 10px;
|
|
margin-right: 10px;
|
|
margin-bottom: 10px;
|
|
border-radius: 8px 8px 8px 8px;
|
|
}
|
|
|
|
#custom-weather.rainyDay,
|
|
#custom-weather.rainyNight {
|
|
color: #8a909e;
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
margin-top: 10px;
|
|
margin-right: 10px;
|
|
margin-bottom: 10px;
|
|
border-radius: 8px 8px 8px 8px;
|
|
}
|
|
|
|
#custom-weather.showyIcyDay,
|
|
#custom-weather.snowyIcyNight {
|
|
color: #8a909e;
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
margin-top: 10px;
|
|
margin-right: 10px;
|
|
margin-bottom: 10px;
|
|
border-radius: 8px 8px 8px 8px;
|
|
}
|
|
|
|
#custom-weather {
|
|
color: #8a909e;
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
margin-top: 10px;
|
|
margin-right: 10px;
|
|
margin-bottom: 10px;
|
|
border-radius: 8px 8px 8px 8px;
|
|
}
|
|
#custom-network_speed {
|
|
color: #8a909e;
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
margin-top: 10px;
|
|
margin-right: 10px;
|
|
margin-bottom: 10px;
|
|
border-radius: 8px 8px 8px 8px;
|
|
}
|
|
#waybar.info {
|
|
background-color: rgba(10, 10, 10, 0.0);
|
|
font-family: JetBrainsMonoNL Nerd Font Mono;
|
|
font-size: 14px;
|
|
}
|
|
|
|
#submap {
|
|
background-color: rgba(10, 10, 10, 0.8);
|
|
color: rgba(152, 239, 106, 1);
|
|
}
|