chore: moved to support stow

.config/waybar/style.css

@@ -0,0 +1,255 @@
+/* =============================================================================
+ *
+ * Waybar configuration
+ *
+ * Configuration reference: https://github.com/Alexays/Waybar/wiki/Configuration
+ *
+ * =========================================================================== */
+
+/* -----------------------------------------------------------------------------
+ * Keyframes
+ * -------------------------------------------------------------------------- */
+ @define-color magenta #9d7cd8;
+ @define-color magenta_2 #ff007c;
+ @define-color bg_highlight #292e42;
+ @define-color blue_1 #65bcff;
+ @define-color bg #222436;
+/*
+Arc-Dark Color Scheme
+*/
+@keyframes blink-warning {
+    70% {
+        color: white;
+    }
+
+    to {
+        color: white;
+        background-color: orange;
+    }
+}
+
+@keyframes blink-critical {
+    70% {
+      color: white;
+    }
+
+    to {
+        color: white;
+        background-color: red;
+    }
+}
+
+/* -----------------------------------------------------------------------------
+ * Base styles
+ * -------------------------------------------------------------------------- */
+
+/* Reset all styles */
+* {
+
+    border: none;
+    border-radius: 0;
+    min-height: 0;
+    margin: 0px;
+    padding: 0;
+    /* color: @blue_1; */
+}
+
+
+/* The whole bar */
+window#waybar {
+    /* color: #dfdfdf; */
+    background-color: rgba(0,0,0,0);
+    /* background-color: @bg; */
+    font-family: JetBrains Mono Nerd Font;
+    /*font-family: Intel One Mono Nerd Font;*/
+    font-size: 14px;
+    /* border-radius: 3px; */
+}
+
+/* Every modules */
+#battery,
+#clock,
+#backlight,
+#cpu,
+#custom-keyboard-layout,
+#memory,
+#mode,
+#custom-weather,
+#network,
+#pulseaudio,
+#temperature,
+#tray,
+#idle_inhibitor,
+#window,
+#workspaces,
+#custom-power,
+#custom-media,
+#custom-PBPbattery {
+    padding:0.25rem 0.75rem;
+    /* margin: 1px 6px; */
+    /* background-color: @bg;
+    border-radius: 20px; */
+    color: @blue_1;
+}
+
+#custom-separator {
+    color: @bg_highlight;
+}
+
+.modules-right,
+.modules-left,
+.modules-center {
+    background-color: @bg;
+    border-radius: 20px;
+}
+/* -----------------------------------------------------------------------------
+ * Modules styles
+ * -------------------------------------------------------------------------- */
+
+#clock {
+    /* color: @magenta_2; */
+    color: @magenta;
+}
+
+#custom-weather {
+    color: @magenta;
+}
+
+#battery {
+    animation-timing-function: linear;
+    animation-iteration-count: infinite;
+    animation-direction: alternate;
+}
+
+#battery.warning {
+    color: orange;
+}
+
+#battery.critical {
+    color: red;
+}
+
+#battery.warning.discharging {
+    animation-name: blink-warning;
+    animation-duration: 3s;
+}
+
+#battery.critical.discharging {
+    animation-name: blink-critical;
+    animation-duration: 2s;
+}
+
+#cpu {
+    color: @magenta;
+}
+
+#cpu.warning {
+    color: orange;
+}
+
+#cpu.critical {
+    color: red;
+}
+
+#memory {
+    animation-timing-function: linear;
+    animation-iteration-count: infinite;
+    animation-direction: alternate;
+    color: @magenta;
+}
+
+#memory.warning {
+    color: orange;
+ }
+
+#memory.critical {
+    color: red;
+    animation-name: blink-critical;
+    animation-duration: 2s;
+    padding-left:5px;
+    padding-right:5px;
+}
+
+#mode {
+    /* background: @highlight; */
+    /* background: #dfdfdf; */
+    border-bottom: 3px transparent;
+    color:@magenta_2;
+    /* margin-left: 5px; */
+    padding: 7px;
+}
+
+#network.disconnected {
+    color: orange;
+}
+
+#pulseaudio {
+    color: @magenta;
+    border-left: 0px;
+    border-right: 0px;
+    margin-right: 0;
+    border-radius: 20px 0 0 20px;
+}
+
+/* #pulseaudio.muted { */
+/*     color: @magenta_2; */
+/* } */
+/**/
+#pulseaudio.microphone {
+    border-left: 0px;
+    border-right: 0px;
+    margin-left: 0;
+    padding-left: 0;
+    border-radius: 0 20px 20px 0;
+}
+
+/* #pulseaudio.microphone.muted { */
+/*     color: @magenta_2; */
+/* } */
+
+
+#temperature.critical {
+    color: red;
+}
+
+#window {
+    font-weight: bold;
+    color: #f7768e;
+}
+
+#custom-media {
+    color: @magenta;
+}
+
+#workspaces {
+    font-size:16px;
+    border-radius: 20px;
+}
+
+#workspaces button {
+    border-bottom: 3px solid transparent;
+    margin-bottom: 0px;
+    color: @blue_1;
+}
+
+#workspaces button.active {
+    color: @magenta;
+    border-bottom: 1px solid @magenta;
+    /* margin-bottom: 1px; */
+    padding-left:0;
+}
+
+#workspaces button.urgent {
+    border-bottom: 1px solid @magenta_2;
+    color: #c9545d;
+}
+
+#custom-power {
+    font-size:18px;
+    padding-right: 1rem;
+}
+
+#backlight.icon {
+    padding-right:1px;
+    font-size: 13px;
+}