1 files changed, 250 insertions, 0 deletions
diff --git a/.config/waybar/style.css b/.config/waybar/style.css
new file mode 100644
index 0000000..923d175
--- /dev/null
+++ b/.config/waybar/style.css
@@ -0,0 +1,250 @@
+/* ================================ */
+/*            Common CSS            */
+/* ================================ */
+* {
+  /* `otf-font-awesome` is required to be installed for icons */
+  padding: 0;
+  margin: 0;
+  min-height: 0;
+  border-radius: 0;
+  border: none;
+  text-shadow: none;
+  transition: none;
+  box-shadow: none;
+}
+
+/* the whole window */
+window#waybar {
+  color: #fff4d2;
+  background: none;
+}
+
+window#waybar.hidden {
+  opacity: 1;
+}
+
+#tags,
+/* #tags button, */
+/* #tags button.occupied, */
+/* #tags button.focused, */
+/* #tags button.urgent, */
+/* #tags button:not(.occupied):not(.focused), */
+#workspaces button,
+#workspaces button:hover,
+#workspaces button.visible,
+#workspaces button.visible:hover,
+#workspaces button.active,
+#workspaces button.active:hover,
+#workspaces button.urgent,
+#window,
+#idle_inhibitor,
+#language,
+#custom-scratchpad-indicator,
+#custom-brightness,
+#custom-memory,
+#custom-battery,
+#custom-battery.critical,
+#custom-battery.warning,
+#custom-audio,
+#custom-clock {
+  font-family: GoMono Nerd Font;
+  font-size: 12px;
+  font-weight: 800;
+  color: #202020;
+  background: #202020;
+  border: 2px solid #202020;
+}
+
+#window,
+#idle_inhibitor,
+#language,
+#custom-scratchpad-indicator,
+#custom-brightness,
+#custom-memory,
+#custom-battery,
+#custom-battery.critical,
+#custom-battery.warning,
+#custom-audio,
+#clock {
+  padding-right: 4px;
+}
+
+/* ================================ */
+/*       workspaces module          */
+/* ================================ */
+#workspaces {
+  margin: 0px;
+}
+
+#workspaces button {
+  color: #fff4d2;
+  padding: 0 4px;
+  margin: 0px 3px;
+  min-width: 15px;
+}
+
+#workspaces button:hover {
+  background: #d3869b;
+}
+
+#workspaces button.visible {
+  background: #8ec07c;
+}
+
+#workspaces button.visible:hover {
+  background: #8ec07c;
+}
+
+#workspaces button.active {
+  background: #8ec07c;
+}
+
+#workspaces button.active:hover {
+  background: #8ec07c;
+}
+
+#workspaces button.urgent {
+  background: #cc241d;
+}
+
+/* ================================ */
+/*            window                 */
+/* ================================ */
+
+#window {
+  color: #d3869b;
+  margin-right: 4px;
+}
+
+window#waybar.empty #window {
+  background-color: transparent;
+  color: transparent;
+  border-bottom: none;
+  box-shadow: none;
+  padding-right: 0px;
+  padding-left: 0px;
+  margin-left: 0px;
+  margin-right: 0px;
+}
+
+/* ================================ */
+/*            idle_inhibitor                 */
+/* ================================ */
+
+#idle_inhibitor {
+  color: #458588;
+  padding: 0;
+}
+
+/* ================================ */
+/*            language                 */
+/* ================================ */
+
+#language {
+  color: #fb4934;
+}
+
+/* ================================ */
+/*            custom-audio                  */
+/* ================================ */
+#custom-audio {
+  color: #d65d0e;
+}
+
+#custom-audio.muted {
+  color: #cc241d;
+}
+
+/* ================================ */
+/*            custom-brightness             */
+/* ================================ */
+#custom-brightness {
+  color: #d79921;
+}
+
+/*================================= */
+/*   custom-scratchpad-indicator    */
+/*==================================*/
+#custom-scratchpad-indicator {
+  color: #8ec07c;
+}
+
+/* ================================ */
+/*         pulseaudio               */
+/* ================================ */
+#pulseaudio {
+  color: #83a598;
+}
+
+#pulseaudio.muted {
+  color: #fb4934;
+}
+
+/* ================================ */
+/*            custom-battery               */
+/* ================================ */
+#custom-battery {
+  color: #689d6a;
+}
+
+#custom-battery.warning {
+  color: #fe8019;
+}
+
+#custom-battery.critical {
+  color: #cc241d;
+}
+
+/* ================================ */
+/*            clock                 */
+/* ================================ */
+#custom-clock {
+  color: #689d6a;
+}
+
+/* ================================ */
+/*            Tags                 */
+/* ================================ */
+
+#tags {
+  margin: 0px;
+}
+
+#tags button {
+  color: #928374;
+  background: #3c3836;
+  padding: 0 4px;
+  margin: 0px 2px;
+  min-width: 15px;
+}
+
+#tags button:hover {
+  color: #fff4d2;
+  background: #fe8019;
+}
+
+#tags button:not(.occupied):not(.focused) {
+  /* font-size: 0; */
+  /* min-width: 0; */
+  /* min-height: 0; */
+  /* margin: 0; */
+  /* padding: 0; */
+  /* color: transparent; */
+  /* background-color: transparent; */
+}
+
+#tags button.occupied {
+  color: #fff4d2;
+  background: #98971a;
+}
+
+#tags button.focused {
+  color: #fff4d2;
+  background: #fe8019;
+}
+
+#tags button.urgent {
+  color: #fff4d2;
+  background: #cc241d;
+}
+