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
Marco van Dijk 9324c8b250 Fix theme unfocused border
Uploaded sample logid.cfg for setting up the gestures to control sway
More consistent colours between sway, waybar and GTK
More comments in sway/config
2021-07-15 10:28:33 +02:00

122 lines
2 KiB
CSS

#waybar {
font-family: "SF Pro Display", Cantarell, Noto Sans, sans-serif;
font-size: 16px;
}
#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);
background: rgba(22, 22, 30, 1.0);
}
#workspaces {
margin: 0 5px;
}
#workspaces button {
padding: 0 8px;
color: rgba(217, 216, 216, 0.4);
border: 3px solid rgba(9, 85, 225, 0);
border-radius: 10px;
min-width: 33px;
}
#workspaces button.visible {
color: #343b58;
}
#workspaces button.focused {
border-top: 3px solid #343b58;
border-bottom: 3px solid #343b58;
}
#workspaces button.urgent {
background-color: #a96d1f;
color: white;
}
#workspaces button:hover {
box-shadow: inherit;
border-color: #34548a;
color: #364A82;
}
/* 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;
}
#pulseaudio {
/* font-size: 26px; */
}
#custom-recorder {
font-size: 18px;
margin: 2px 7px 0px 7px;
color:rgba(238, 46, 36, 1);
}
#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;
}
}