✨ feat: use eww as bar!

2024-11-23 10:10:28 -03:00
parent 1f08358b10
commit fb7b91699e
18 changed files with 349 additions and 0 deletions
@@ -0,0 +1,117 @@
+
+.bar {
+    background: transparent;
+    padding: 4px;
+}
+
+/* Styles .widgets-[left/center/right] */
+.widgets-left,
+.widgets-center,
+.widgets-right {
+    background: rgba($background, 0.6);
+    border-radius: 18px;
+    padding: 6px;
+
+    & > * {
+        margin: 0 3px;
+    }
+
+    & > *:first-child {
+        margin-left: 0;
+    }
+
+    & > *:last-child {
+        margin-right: 0;
+    }
+}
+
+button {
+    padding: 6px 10px;
+    border-radius: 12px;
+}
+
+button:hover {
+    background: darken($color: $color1, $amount: 5);
+}
+
+button:active {
+    background: darken($color: $color1, $amount: 20)
+}
+
+button label {
+    color: $foreground;
+}
+
+menu {
+    background: $background;
+    border-radius: 14px;
+    padding: 2px;
+
+    & > menuitem {
+        padding: 8px 24px;
+        border-radius: 5px;
+
+        &:hover {
+            background: $color1;
+        }
+
+        &:first-child {
+            border-top-left-radius: inherit;
+            border-top-right-radius: inherit;
+        }
+
+        &:last-child {
+            border-bottom-left-radius: inherit;
+            border-bottom-right-radius: inherit;
+        }
+
+        label {
+            font-weight: 600;
+            color: $foreground;
+        }
+    }
+
+    & > separator {
+        background: lighten($color: $background, $amount: 5);
+        margin: .5px 10px;
+        padding: 1px 0;
+        border-radius: 1px;
+    }
+}
+
+.workspaces {
+    padding: 2px 6px;
+    border-radius: 16px;
+
+    & > button {
+        padding: 0 9px;
+        border-radius: 50%;
+        margin: 0 2px;
+        background: darken($color1, 20);
+    }
+
+}
+.workspaces button:hover {
+    color: $color1;
+}
+
+.distro-logo {
+    padding: 0 16px;
+
+    & label {
+        font-size: 15px;
+    }
+}
+
+.systray {
+    margin: 0 6px;
+    
+    & > * > * {
+        margin: 0 4px
+    }
+}
+
+.notifications button {
+    padding-left: 11px;
+    padding-right: 11px;
+}