.dotfiles/waybar/style.css

272 lines
3.7 KiB
CSS
Raw Normal View History

2022-05-27 21:13:37 +00:00
@import "gruvbox-oled.css";
/*
* 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
* aqua
* redhi
* greenhi
* yellowhi
* bluehi
* purple hi
* aquahi
* orangehi
* alert = orange
* warning = orangehi
*/
/* Global/Multi */
* {
font-family: "Anonymous Pro", "Font Awesome 5 Brands", "Font Awesome 5 Free", Monospace;
2022-09-05 18:34:15 +00:00
font-size: 20px;
2022-05-27 21:13:37 +00:00
min-height: 0;
}
window#waybar.window {
2022-09-05 18:34:15 +00:00
font-size: 20px;
2022-05-27 21:13:37 +00:00
}
window#waybar {
2022-09-05 18:34:15 +00:00
margin: -5px;
2022-05-27 21:13:37 +00:00
border-radius: 30px;
border: solid 2px @fg;
2022-09-05 18:34:15 +00:00
font-size: 20px;
2022-05-27 21:13:37 +00:00
background-color: @bg;
animation-name: fadeIn;
animation-duration: 1s;
color: @fg;
}
2022-08-23 20:20:40 +00:00
#window, #workspaces, #mode, #mpd, #network, #cpu, #memory, #custom-disk, #temperature, #backlight, #custom-battery, #pulseaudio, #custom-clock, #tray, #custom-todo, #custom-osk, #idle_inhibitor, #custom-power, #custom-weather {
2022-05-27 21:13:37 +00:00
color: @grey06;
padding: 0 5px;
margin: 0px;
}
/* Tray */
2022-08-26 05:06:16 +00:00
#tray, #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;
}
#mode, #mpd, #network, #cpu, #memory, #custom-disk, #temperature, #backlight, #custom-battery, #custom-clock, #tray, #custom-todo, #custom-osk, #idle_inhibitor {
border-top: solid 2px @fg;
border-bottom: solid 2px @fg;
}
#window {
2022-09-05 18:34:15 +00:00
padding: 5px;
2022-05-27 21:13:37 +00:00
}
/* Workspaces */
#workspaces {
color: @fg;
padding: 0px 0px;
margin: 0px;
margin-left: 15px;
border-radius: 0px;
}
#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;
}
/* Networks */
#network {
color: @blue;
2022-08-23 19:55:14 +00:00
margin-right: -8px;
2022-05-27 21:13:37 +00:00
}
#network.wireguard {
padding: 0px;
2022-08-23 19:55:14 +00:00
margin-right: 0px;
}
2022-05-27 21:13:37 +00:00
#network.disconnected {
color: @red;
}
#network.wifi {
}
/* 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 {
color: @fg;
color: @greenhi;
}
/* Battery */
#custom-battery {
color: @yellow;
}
#custom-battery.charging {
color: @green;
}
#custom-battery.discharging {
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;
}
/* Clock */
#custom-clock {
color: @fg;
}
/* Todo-txt */
#custom-todo {
2022-09-05 18:34:15 +00:00
font-size: 20px;
2022-08-23 19:56:33 +00:00
margin-top: -13px;
margin-bottom: -10px;
margin-left: -8px;
margin-right: -8px;
}
2022-08-26 05:06:16 +00:00
/* On-Screen Keyboard */
#custom-osk {
2022-09-05 18:34:15 +00:00
font-size: 30px;
2022-08-26 05:06:16 +00:00
margin-top: -13px;
margin-bottom: -15px;
}
2022-08-23 19:56:33 +00:00
/* Package upgrades */
#custom-pkg {
margin-bottom: -3px;
2022-05-27 21:13:37 +00:00
}
2022-08-26 05:06:16 +00:00
/* Gammastep */
2022-05-27 21:13:37 +00:00
2022-08-26 05:06:16 +00:00
#custom-gammastep.enabled {
color: #fefefe;
}
#custom-gammastep {
margin-top: -5px;
2022-05-27 21:13:37 +00:00
}
/* Idle Inhibitor */
#idle_inhibitor.activated {
/* background-color: @fg; */
color: @white;
}
/* Power button */
#custom-power {
2022-08-23 20:21:06 +00:00
margin-right: 8px;
2022-08-23 19:56:33 +00:00
margin-top: 8px;
2022-05-27 21:13:37 +00:00
color: @red;
}