.dotfiles/waybar/style.css

303 lines
4.0 KiB
CSS
Raw Normal View History

@import "gruvbox.css";
2022-05-27 21:13:37 +00:00
/*
* Available colours
* black
* white
* fg
* fghi
* bg
* bghi
* grey00 = bghi
* grey01 = bg
* grey02
* grey03
* grey04
* grey05
* grey06
* grey07
* grey08
* grey09
* grey10 = fg
* grey11 = fghi
* red
* green
* yellow
* blue
* purple
2022-09-06 14:40:57 +00:00
* orange
2022-05-27 21:13:37 +00:00
* aqua
* redhi
* greenhi
* yellowhi
* bluehi
* purple hi
* aquahi
* orangehi
* alert = orange
* warning = orangehi
*/
/* Global/Multi */
* {
font-family: "Anonymice Nerd Font", "Font Awesome 5 Brands", "Font Awesome 5 Free", Monospace;
2023-01-03 18:09:49 +00:00
font-size: 14px;
2022-05-27 21:13:37 +00:00
min-height: 0;
}
window#waybar.window {
}
window#waybar {
2022-09-05 18:34:15 +00:00
margin: -5px;
border-bottom: solid 1px @fg;
2022-05-27 21:13:37 +00:00
background-color: @bg;
animation-name: fadeIn;
animation-duration: 1s;
color: @fg;
}
#window, #mode, #custom-weather, #mpd, #network, #cpu, #memory, #custom-disk, #temperature, #custom-battery, #pulseaudio, #tray, #custom-wallpaper, #custom-todo, #custom-osk, #custom-pkg, #custom-bar, #custom-gammastep, #idle_inhibitor, #custom-hibernate_inhibitor, #custom-clock, #custom-power {
2022-05-27 21:13:37 +00:00
color: @grey06;
padding: 0px 2px;
2022-05-27 21:13:37 +00:00
margin: 0px;
}
/* Tray */
2024-02-08 23:53:59 +00:00
#network, #custom-wallpaper, #custom-todo, #custom-osk {
font-size: 22px;
margin-top: -8px;
margin-bottom: -8px;
margin-left: 2px;
margin-right: 2px;
}
#tray, #custom-wallpaper, #custom-todo, #custom-osk, #custom-pkg, #custom-bar, #custom-gammastep, #idle_inhibitor, #custom-clock, #custom-power {
2022-05-27 21:13:37 +00:00
color: @bluehi;
}
/* Workspaces */
#workspaces {
color: @fg;
}
#workspaces button.visible {
background-color: @grey06;
}
#workspaces button.focused {
background-color: @fg;
color: @grey06;
}
#workspaces button.urgent {
background-color: @redhi;
color: @white;
}
/* Mode */
#mode {
background-color: @grey06;
color: @bg;
}
/* Window title */
#window {
color: @fg;
}
/* MPD */
#mpd {
color: @bg;
}
/* Weather */
2023-01-03 18:09:49 +00:00
#custom-weather {
margin-top: -8px;
margin-bottom: -2px;
2023-01-03 18:09:49 +00:00
}
2022-05-27 21:13:37 +00:00
/* Networks */
#network {
color: @blue;
2024-02-08 23:53:59 +00:00
margin-right: 8px;
margin-top: -9px;
margin-bottom: -9px;
2022-05-27 21:13:37 +00:00
}
#network.wireguard {
2024-02-08 23:53:59 +00:00
margin-top: -3px;
margin-left: -3px;
margin-right: 0px;
}
2022-05-27 21:13:37 +00:00
#network.disconnected {
color: @red;
2024-02-08 23:53:59 +00:00
margin-top: -3px;
margin-right: -4px;
2022-05-27 21:13:37 +00:00
}
#network.wifi {
2024-02-08 23:53:59 +00:00
margin-top: -9px;
margin-right: 0px;
2022-05-27 21:13:37 +00:00
}
/* CPU */
#cpu {
color: @fg;
color: @greenhi;
}
/* Memory */
#memory {
color: @fg;
color: @purplehi;
}
/* Disk */
#custom-disk {
color: @fg;
color: @purple;
}
/* Temperature */
#temperature {
color: @fg;
color: @yellowhi;
}
#temperature.critical {
color: @redhi;
}
/* Backlight */
#backlight {
2024-02-08 23:53:59 +00:00
margin-left: 5px;
margin-right: 2px;
2022-05-27 21:13:37 +00:00
color: @fg;
color: @greenhi;
}
/* Battery */
#custom-battery {
2022-09-12 15:42:45 +00:00
color: @green;
2022-05-27 21:13:37 +00:00
}
#custom-battery.charging {
color: @green;
}
#custom-battery.discharging {
2022-09-12 15:42:45 +00:00
color: @yellow;
}
#custom-battery.low {
2022-05-27 21:13:37 +00:00
color: @orange;
}
#custom-battery.critical {
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
color: @redhi;
}
/* Pulseaudio */
#pulseaudio {
color: @bluehi;
}
#pulseaudio.muted {
color: @grey06;
}
2022-09-12 15:42:45 +00:00
/* Tray */
2022-05-27 21:13:37 +00:00
2022-09-12 15:42:45 +00:00
#tray {
2024-02-08 23:53:59 +00:00
margin-right: -4px;
2022-05-27 21:13:37 +00:00
}
/* Wallpaper rotation */
#custom-wallpaper {
2024-02-08 23:53:59 +00:00
margin-left: -4px;
margin-top: -10px;
}
2022-05-27 21:13:37 +00:00
/* Todo-txt */
#custom-todo {
2022-08-23 19:56:33 +00:00
}
2022-08-26 05:06:16 +00:00
/* On-Screen Keyboard */
#custom-osk {
}
2022-09-23 21:39:30 +00:00
#custom-osk.activated {
color: @white;
}
2022-08-23 19:56:33 +00:00
/* Package upgrades */
#custom-pkg {
margin-bottom: -3px;
2022-05-27 21:13:37 +00:00
}
2022-09-06 14:40:57 +00:00
#custom-pkg.updateable {
2023-01-07 17:03:31 +00:00
color: @orange;
2022-09-06 14:40:57 +00:00
}
2022-09-12 15:42:45 +00:00
/* Bar locker */
2022-05-27 21:13:37 +00:00
2022-09-12 15:42:45 +00:00
#custom-bar {
margin-right: 6px;
2022-08-26 05:06:16 +00:00
}
2022-09-12 15:42:45 +00:00
/* Gammastep */
2022-08-26 05:06:16 +00:00
#custom-gammastep {
margin-top: -5px;
2022-05-27 21:13:37 +00:00
}
2022-09-12 15:42:45 +00:00
#custom-gammastep.enabled {
2023-01-07 17:03:31 +00:00
color: #fefefe;
2022-09-12 15:42:45 +00:00
}
2022-05-27 21:13:37 +00:00
/* Idle Inhibitor */
#idle_inhibitor.activated {
color: @white;
}
2022-09-12 15:42:45 +00:00
/* Clock */
#custom-clock {
color: @fg;
}
2022-05-27 21:13:37 +00:00
/* Power button */
#custom-power {
margin-right: 0px;
margin-top: 1px;
2022-05-27 21:13:37 +00:00
color: @red;
}