1 files changed, 185 insertions, 0 deletions
diff --git a/.config/waybar/style.css b/.config/waybar/style.css
new file mode 100644
index 0000000..182a733
--- /dev/null
+++ b/.config/waybar/style.css
@@ -0,0 +1,185 @@
+/* ================================ */
+/*            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;
+  text-decoration: none;
+  transition: 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, */
+/* #window, */
+#idle_inhibitor,
+#language,
+#custom-layout,
+#custom-keyboard-layout,
+#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;
+  margin: 0px 4px 4px 0px;
+	box-shadow: 3px 4px 2px -2px rgba(0, 0, 0, 0.5);
+}
+
+/* #window, */
+#idle_inhibitor,
+#language,
+#custom-layout,
+#custom-keyboard-layout,
+#custom-brightness,
+#custom-memory,
+#custom-battery,
+#custom-battery.critical,
+#custom-battery.warning,
+#custom-audio,
+#clock {
+  padding-right: 4px;
+}
+
+/* ================================ */
+/*            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-layout             */
+/* ================================ */
+#custom-layout {
+  color: #d79921;
+}
+
+/*================================= */
+/*   custom-keyboard-layout    */
+/*==================================*/
+#custom-keyboard-layout {
+  color: #98971a;
+}
+
+/* ================================ */
+/*         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 {
+  padding: 0;
+}
+
+#tags button {
+  color: #928374;
+  background: #3c3836;
+  padding: 0 4px;
+  margin: 0px -0.5px;
+  min-width: 15px;
+}
+
+#tags button:hover {
+  color: #fff4d2;
+  background: #fe8019;
+}
+
+#tags button.occupied {
+  color: #fff4d2;
+  background: #98971a;
+}
+
+#tags button.focused {
+  color: #fff4d2;
+  background: #fe8019;
+}
+
+#tags button.urgent {
+  color: #fff4d2;
+  background: #cc241d;
+}
+