Initial commit

.config/waybar/style.css

@@ -0,0 +1,168 @@
+* {
+    border: none;
+    border-radius: 16px;
+    font-family:
+        Roboto, "Font Awesome 5", "SFNS Display", Helvetica, Arial, sans-serif;
+    font-size: 16px;
+    font-weight: 700;
+    min-height: 0;
+    margin: 4px 0 0 0;
+}
+
+window#waybar {
+    /* background: rgba(43, 48, 59, 0.5); */
+    background-color: transparent;
+    border-bottom: none;
+    color: #ffffff;
+}
+
+.modules-left {
+    padding: 0 0 0 16px;
+}
+
+window#waybar.hidden {
+    opacity: 0;
+}
+/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */
+#workspaces button {
+    padding: 0 8px;
+    /* background: transparent; */
+    color: #ffffff;
+    /* border-bottom: 3px solid transparent; */
+}
+
+#workspaces button.focused {
+    background: #64727d;
+    border-bottom: 3px solid #ffffff;
+}
+
+#workspaces button.urgent {
+    background-color: #eb4d4b;
+}
+
+#mode {
+    background: #64727d;
+    border-bottom: 3px solid #ffffff;
+}
+
+#clock,
+#cpu,
+#memory,
+#network,
+#pulseaudio,
+#custom-media,
+#tray,
+#bluetooth,
+#mode {
+    padding: 0 16px;
+    margin: 0 4px;
+}
+
+#clock {
+    /* background-color: #64727d; */
+    background-color: transparent;
+    color: #ffffff;
+}
+
+tooltip {
+    margin: 8px;
+    font-family: Roboto;
+    background-color: rgba(35, 35, 35, 0.8);
+    text-shadow: none;
+    box-shadow: none;
+    border: 2px solid rgba(153, 153, 153, 0.4);
+}
+
+tooltip label {
+    margin: 16px;
+    font-family: Roboto;
+}
+
+@keyframes blink {
+    to {
+        background-color: #ffffff;
+        color: #000000;
+    }
+}
+
+#cpu {
+    /* background: #2ecc71; */
+    /* color: #000000; */
+    background: transparent;
+    border: 2px solid rgba(41, 128, 185, 0.3);
+    padding: 0.5rem 1.25rem 0.5rem 1rem;
+}
+
+#memory {
+    /* background: #9b59b6; */
+    background: transparent;
+    border: 2px solid rgba(155, 89, 182, 0.3);
+    padding: 0.5rem 1rem;
+}
+
+#network {
+    /* background: #2980b9; */
+    background: rgba(46, 204, 113, 0.1);
+    border: 2px solid rgba(46, 204, 113, 0.3);
+    padding: 0.5rem 1.5rem 0.5rem 1rem;
+    color: rgba(6, 204, 113, 0.8);
+}
+
+#network.disconnected {
+    /* background: #f53c3c; */
+    background: rgba(245, 60, 60, 0.1);
+    border: 2px solid rgba(245, 60, 60, 0.3);
+    padding: 0.5rem 1.5rem 0.5rem 1rem;
+    color: rgba(245, 60, 60, 0.8);
+}
+
+#pulseaudio {
+    /* background: #f1c40f; */
+    padding: 0.5rem 2rem;
+    background: transparent;
+    border: 2px solid rgba(241, 196, 15, 0.2);
+    padding: 0.5rem 1rem;
+}
+
+#pulseaudio.muted {
+    /* background: #90b1b1; */
+    padding: 0.5rem 2rem;
+    background: transparent;
+    border: 2px solid rgba(144, 177, 177, 0.3);
+    padding: 0.5rem 1rem;
+}
+
+#custom-media {
+    background: #66cc99;
+    color: #2a5c45;
+}
+
+.custom-spotify {
+    background: #66cc99;
+}
+
+.custom-vlc {
+    background: #ffa000;
+}
+
+#tray {
+    /* background-color: #2980b9; */
+    background-color: transparent;
+    color: #ffffff;
+}
+
+#bluetooth {
+    background: transparent;
+    border: 2px solid rgba(118, 165, 175, 0.3);
+    padding: 0.5rem 1.5rem;
+    color: #ffffff;
+}
+
+/* #idle_inhibitor {
+    background-color: #2d3436;
+}
+
+#idle_inhibitor.activated {
+    background-color: #ecf0f1;
+    color: #2d3436;
+} */