diff --git a/conf/waybar/style.css b/conf/waybar/style.css index 39e2648f..e53def38 100644 --- a/conf/waybar/style.css +++ b/conf/waybar/style.css @@ -1,4 +1,4 @@ -/* https://github.com/jan-warchol/selenized/blob/master/other-apps/wofi/selenized-dark.css */ +/* Originally based upon, but heavily modified from https://github.com/jan-warchol/selenized/blob/master/other-apps/wofi/selenized-dark.css */ * { border: none; @@ -11,29 +11,29 @@ } window#waybar { - background: #103c48; - border-bottom: 3px solid rgba(100, 114, 125, 0.5); - color: white; + background: #000000; + border-bottom: 3px solid #ff0000; + color: #ff0000; } tooltip { background: rgba(43, 48, 59, 0.5); - border: 1px solid rgba(100, 114, 125, 0.5); + border: 1px solid #ff0000; } tooltip label { - color: white; + color: #ff0000; } #workspaces button { padding: 0 5px; - background: #103c48; - color: white; - border-bottom: 3px solid #103c48; + background: #000000; + color: #ff0000; + border-bottom: 3px solid #000000; } #workspaces button.focused { background: #64727d; - border-bottom: 3px solid white; + border-bottom: 3px solid #ff0000; } #mode, @@ -43,34 +43,34 @@ tooltip label { } #mode { - background: #103c48; - border-bottom: 3px solid white; + background: #000000; + border-bottom: 3px solid #ff0000; } #clock { - background-color: #103c48; + background-color: #000000; } #battery { - background-color: #103c48; - color: white; + background-color: #000000; + color: #ff0000; } #battery.charging { - color: white; - background-color: #103c48; + color: #ff0000; + background-color: #000000; } @keyframes blink { to { - background-color: #103c48; - color: white; + background-color: #000000; + color: #ff0000; } } #battery.warning:not(.charging) { - background: #f53c3c; - color: white; + background: #ffffff; + color: #0000ff; animation-name: blink; animation-duration: 0.5s; animation-timing-function: linear; diff --git a/conf/waybar/style.css.selenized b/conf/waybar/style.css.selenized new file mode 100644 index 00000000..39e2648f --- /dev/null +++ b/conf/waybar/style.css.selenized @@ -0,0 +1,79 @@ +/* https://github.com/jan-warchol/selenized/blob/master/other-apps/wofi/selenized-dark.css */ + +* { + border: none; + border-radius: 0; + font-family: + Comic Shanns Mono-Regular, + monospace; + font-size: 10px; + min-height: 0; +} + +window#waybar { + background: #103c48; + border-bottom: 3px solid rgba(100, 114, 125, 0.5); + color: white; +} + +tooltip { + background: rgba(43, 48, 59, 0.5); + border: 1px solid rgba(100, 114, 125, 0.5); +} +tooltip label { + color: white; +} + +#workspaces button { + padding: 0 5px; + background: #103c48; + color: white; + border-bottom: 3px solid #103c48; +} + +#workspaces button.focused { + background: #64727d; + border-bottom: 3px solid white; +} + +#mode, +#clock, +#battery { + padding: 0 10px; +} + +#mode { + background: #103c48; + border-bottom: 3px solid white; +} + +#clock { + background-color: #103c48; +} + +#battery { + background-color: #103c48; + color: white; +} + +#battery.charging { + color: white; + background-color: #103c48; +} + +@keyframes blink { + to { + background-color: #103c48; + color: white; + } +} + +#battery.warning:not(.charging) { + background: #f53c3c; + color: white; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +}