initial commit, you are welcome odette

2024-09-06 16:55:55 -07:00
commit af9d9e3451
37 changed files with 2858 additions and 0 deletions
--- a/style/components/bar.scss
+++ b/style/components/bar.scss
@ -0,0 +1,75 @@
+* :not(selection) :not(tooltip) {
+    all: unset;
+}
+
+#status-bar {
+  background-color: $bg;
+
+  border-radius: 0 10px 10px 0; 
+
+  .dial-container {
+    margin-top: 10px;
+
+    .battery-dial {
+      @include bar-dial($battery-dial-bg, $battery-dial-fg)
+    }    
+
+    .volume-dial {
+      @include bar-dial($volume-dial-bg, $volume-dial-fg)
+    }    
+
+    .brightness-dial {
+      @include bar-dial($brightness-dial-bg, $brightness-dial-fg)
+    }
+  }
+
+  .workspace-container {
+    background-color: $bg-alt-1;
+    border-radius: 10px;
+    padding: 6px 0px;
+    margin: 0px 12px;
+      border: none;
+
+    .ws-norm {
+      min-width: 15px;
+      border-radius: 10px;
+      margin: 2px 5px;
+      padding: 6px 10px; 
+      background-color: $ws-inactive;
+      color: $fg;
+    }
+
+    .ws-active {
+      color: $bg;
+      background-color: $ws-active;
+    }
+  }
+
+  .menu-visibility-button {
+    border-radius: 0px 10px 10px 0px;
+    padding: 10px 0px 10px 2px;
+    background-color: $bg-alt-1
+  }
+
+  .clock {
+    background-color: $bg-alt-1;
+    margin: 8px;
+    margin-bottom: 10px;
+    padding: 6px 2px;
+    border-radius: 10px;
+  }
+
+  .mpd-controls {
+    .button {
+      font-size: 14px;
+      margin: 2px;
+      margin-bottom: 8px;
+      font-family: 'Symbols Nerd Font Mono';
+
+      &:hover {
+        color: $button-hover-color;
+      }
+    }
+  }
+}
+