Added basic Calendar menu (WIP)

scss/bar/bar.scss

@@ -5,8 +5,8 @@
 }
 
 .bar_item_box_visible {
-  background: $surface0;
-  border-radius: 0.35rem;
+  background: transparentize($surface0, 0.2);
+  border-radius: 0.35em;
   padding: 0.2rem 0.9rem;
   margin: 0.5rem 0.25rem;
 

scss/bar/notifications.scss

@@ -1,8 +1,7 @@
 @import "../colors";
 
 .bar-notifications-label {
-  color: $yellow;
+  color: $lavender;
   font-size: 1.3em;
   min-width: 1em;
-  margin-right: 0.15em;
 }

scss/bar/workspace.scss

@@ -8,8 +8,8 @@
     border-radius: 1.9rem * .6;
     margin: 0rem 0.5rem * .5;
     transition: 300ms * .5;
-    background-color: $mauve;
-    color: $mauve;
+    background-color: $sky;
+    color: $sky;
 
     &.occupied {
       background-color: $yellow;
@@ -19,8 +19,8 @@
     }
 
     &.active {
-      color: $sky;
-      background-color: $sky;
+      color: $lavender;
+      background-color: $lavender;
       min-width: 11em;
       min-height: 4.5em;
     }

scss/main.scss

@@ -33,6 +33,7 @@
 @import "menus/bluetooth";
 @import "menus/media";
 @import "menus/notifications";
+@import "menus/calendar";
 
 //notifications
 @import "notifications/popups";

scss/menus/calendar.scss

@@ -0,0 +1,49 @@
+@import "../colors";
+
+.calendar-content-container {
+  margin-top: 0em;
+  min-width: 16em;
+  min-height: 6em;
+  background: $mantle;
+  border: 0.13em solid $surface0; border-radius: 0.4em;
+}
+
+.window-content.calendarmenu-window {
+  margin-right: 0.50em;
+}
+
+.calendar-content-items {
+  margin: 1em;
+}
+
+.calendar-menu-calendar {
+  all: unset;
+  padding: 1em;
+  color: $text;
+
+  &:selected {
+    box-shadow: inset 0 -0.4em 0 0 $pink,
+      inset 0 -0.2em 0 0 $mantle,
+      inset 0 0 0 0.01em $mantle;
+    color: $pink;
+    border-radius: 0em;
+  }
+
+  &.header {
+    background-color: transparent;
+    color: $teal;
+  }
+
+  &.highlight {
+    border: 2em solid $pink;
+    background-color: transparent;
+    color: $pink;
+  }
+
+  &:indeterminate {
+    color: $surface2;
+  }
+
+  font-size: 1.1em;
+  padding: 0.2em;
+}

scss/menus/media.scss

@@ -4,7 +4,7 @@
   min-width: 40rem;
   min-height: 10rem;
   background: $mantle;
-  border: 0.25rem solid $surface0; 
+  border: 0.13em solid $surface0; 
   border-radius: 0.4rem;
 }
 
@@ -82,12 +82,6 @@
   min-width: 2em;
   border-radius: 0.2rem;
 
-  tooltip {
-    min-width: 10rem;
-    min-height: 10rem;
-    background: red;
-  }
-
   &.disabled {
     background: $surface0;
   }
@@ -122,7 +116,7 @@ image {
     highlight,
     progress {
       min-height: 1rem;
-      background: $pink;
+      background: $lavender;
       border-radius: 0.3rem;
     }
   }

scss/menus/menu.scss

@@ -79,6 +79,10 @@
     }
 }
 
+tooltip label {
+    font-size: 0.9em;
+}
+
 .menu-separator {
     min-height: .1rem;
     margin: .6rem 0rem;
@@ -87,7 +91,7 @@
 
 .menu-items {
     background: $mantle;
-    border: .25rem solid $surface0;
+    border: .13em solid $surface0;
     border-radius: .5rem;
     min-width: 375px;
     color: $text;
@@ -184,3 +188,12 @@
 .menu-item-box {
     margin-bottom: 0.5rem;
 }
+.dropdown-menu-container {
+    // margin: 1.5em;
+    // box-shadow: 0 0 0.6em $mantle;
+}
+
+.top-right-event-box_top *{
+  min-height: 0em;
+  margin-top: 2.5em;
+}

scss/menus/notifications.scss

@@ -5,7 +5,7 @@
   min-width: 26em;
   min-height: 6em;
   background: $mantle;
-  border: 0.2em solid $surface0; border-radius: 0.4em;
+  border: 0.13em solid $surface0; border-radius: 0.4em;
 }
 
 .window-content.notificationsmenu-window {
@@ -67,8 +67,3 @@
   color: $red;
   font-size: 1.5em;
 }
-
-.top-right-event-box_top *{
-  min-height: 0em;
-  margin-top: 2.5em;
-}