1
1
mirror of https://github.com/rywng/dotfiles.git synced 2024-11-15 07:21:49 +08:00
dotfiles/.config/waybar/style.css

121 lines
1.5 KiB
CSS
Raw Normal View History

2022-06-25 21:26:38 +08:00
/*
* vim: ft=less
*/
* {
font-family: "IBM Plex Mono", "Symbols Nerd Font", sans-serif;
font-size: 14px;
min-height: 0;
2022-06-25 21:26:38 +08:00
}
2022-11-30 14:10:00 +08:00
@import "dark.less";
2022-06-25 21:26:38 +08:00
window#waybar {
background: @background;
border-bottom: 1px solid @selection_background;
2022-06-25 21:26:38 +08:00
}
#workspaces,
#window {
margin: 5px 10px;
2022-06-25 21:26:38 +08:00
}
2024-03-02 19:28:34 +08:00
#window {
font-weight: bold;
2024-03-02 19:28:34 +08:00
}
2022-06-25 21:26:38 +08:00
#workspaces button {
padding: 0 0.1em;
background: transparent;
color: @background_b;
2022-06-25 21:26:38 +08:00
}
2023-11-15 11:25:03 +08:00
#workspaces button.visible {
color: @foreground;
font-weight: bold;
2023-11-15 11:25:03 +08:00
}
#workspaces button.focused {
color: @foreground;
font-weight: bold;
2022-06-25 21:26:38 +08:00
}
#workspaces button.urgent {
color: @magenta;
2022-06-25 21:26:38 +08:00
}
#custom-player,
#custom-notification,
#memory,
#cpu,
#window {
color: @background_b;
2022-06-25 21:26:38 +08:00
}
#clock {
color: @foreground;
font-weight: bold;
2022-06-25 21:26:38 +08:00
}
#battery {
color: @cyan;
2022-06-25 21:26:38 +08:00
}
#battery.charging {
color: @green;
2022-06-25 21:26:38 +08:00
}
@keyframes blink {
to {
color: @red;
background-color: transparent;
}
2022-06-25 21:26:38 +08:00
}
#battery.warning:not(.charging) {
animation-direction: alternate;
animation-duration: 0.5s;
animation-iteration-count: infinite;
animation-name: blink;
animation-timing-function: linear;
background-color: red;
color: @background;
font-weight: bold;
2022-06-25 21:26:38 +08:00
}
#network.disconnected,
#network.disabled {
color: @red;
font-weight: bold;
2022-06-25 21:26:38 +08:00
}
#network.wifi {
color: @green;
font-style: italic;
2022-06-25 21:26:38 +08:00
}
#clock,
#cpu,
#memory,
#battery,
#network,
#custom-notification,
#tray,
#custom-player {
padding: 0px 5px;
margin: 0px 5px;
2022-06-25 21:26:38 +08:00
}
#clock {
margin-left: 10px;
margin-right: 10px;
}
#tray {
opacity: 0.5;
}
#tray:hover {
opacity: 1;
2022-06-25 21:26:38 +08:00
}