0
0
Fork 0
mirror of https://github.com/stronk-dev/Tokyo-Night-Linux.git synced 2024-10-17 20:58:16 -04:00
tokyo-night-linux/.config/waybar/style.css

122 lines
2 KiB
CSS
Raw Normal View History

2021-07-13 11:26:13 -04:00
#waybar {
2021-07-14 10:57:27 -04:00
font-family: "SF Pro Display", Cantarell, Noto Sans, sans-serif;
font-size: 16px;
2021-07-13 11:26:13 -04:00
}
#window {
padding: 0 10px;
}
window#waybar {
border: none;
border-radius: 0;
box-shadow: none;
text-shadow: none;
transition-duration: 0s;
color: rgba(217, 216, 216, 1);
2021-07-14 18:20:48 -04:00
background: rgba(22, 22, 30, 1.0);
}
2021-07-13 11:26:13 -04:00
#workspaces {
margin: 0 5px;
}
#workspaces button {
padding: 0 8px;
color: rgba(217, 216, 216, 0.4);
2021-07-14 10:57:27 -04:00
border: 3px solid rgba(9, 85, 225, 0);
2021-07-13 11:26:13 -04:00
border-radius: 10px;
2021-07-14 10:57:27 -04:00
min-width: 33px;
2021-07-13 11:26:13 -04:00
}
#workspaces button.visible {
color: #343b58;
2021-07-13 11:26:13 -04:00
}
#workspaces button.focused {
border-top: 3px solid #343b58;
border-bottom: 3px solid #343b58;
2021-07-13 11:26:13 -04:00
}
#workspaces button.urgent {
2021-07-14 10:57:27 -04:00
background-color: #a96d1f;
2021-07-13 11:26:13 -04:00
color: white;
}
#workspaces button:hover {
box-shadow: inherit;
border-color: #34548a;
color: #364A82;
2021-07-13 11:26:13 -04:00
}
/* Repeat style here to ensure properties are overwritten as there's no !important and button:hover above resets the colour */
#workspaces button.focused {
color: #343b58;
2021-07-13 11:26:13 -04:00
}
#pulseaudio {
/* font-size: 26px; */
}
#custom-recorder {
font-size: 18px;
margin: 2px 7px 0px 7px;
2021-07-14 10:57:27 -04:00
color:rgba(238, 46, 36, 1);
2021-07-13 11:26:13 -04:00
}
#tray,
#mode,
#battery,
#temperature,
#cpu,
#memory,
#network,
#pulseaudio,
#idle_inhibitor,
#sway-language,
#backlight,
#custom-storage,
#custom-cpu_speed,
#custom-powermenu,
#custom-spotify,
#custom-weather,
#custom-mail,
#custom-media {
margin: 0px 0px 0px 10px;
padding: 0 5px;
/* border-top: 3px solid rgba(217, 216, 216, 0.5); */
}
/* #clock {
margin: 0px 16px 0px 10px;
min-width: 140px;
} */
#battery.warning {
color: rgba(255, 210, 4, 1);
}
#battery.critical {
color: rgba(238, 46, 36, 1);
}
#battery.charging {
color: rgba(217, 216, 216, 1);
}
#custom-storage.warning {
color: rgba(255, 210, 4, 1);
}
#custom-storage.critical {
color: rgba(238, 46, 36, 1);
}
@keyframes blink {
to {
background-color: #ffffff;
color: black;
}
}