✨ eww(calendar, volume-control, floating-media): changed some stuff lol

eww/styles/calendar.scss

@@ -1,19 +1,23 @@
 
 .calendar-box {
-    padding: 12px;
+    padding: 10px;
     background: rgba($background, 0.6);
     border-radius: 16px;
 
     & > label.calendar-header {
         font-size: 15px;
         font-weight: 700;
+        margin-bottom: 8px;
     }
 
     .month-calendar {
-        transition: all 120ms linear;
-        border-radius: 8px;
-        padding: 6px;
-        font-weight: 600;
+        & > * {
+            background: lighten($color: $background, $amount: 2);
+        }
+        border-radius: 12px;
+        padding: 0 5px;
+        padding-top: 10px;
+        font-weight: 500;
 
         & > .header {
             border-radius: 6px;
@@ -24,7 +28,7 @@
 
         // Selected day / Current day
         &:selected {
-            background: darken($color: $color3, $amount: 20);
+            background: darken($color: $color1, $amount: 20);
         }
     }
 }

eww/styles/volume-control.scss

@@ -1,9 +1,8 @@
 
 .volume-control {
-    background: rgba($background, .8);
-    padding: 8px;
+    background: rgba($background, .6);
+    padding: 6px;
     border-radius: 16px;
-    border: .5px solid rgba($foreground, .3);
 
     trough {
         background: rgba(lighten($color: $background, $amount: 8), .4);

eww/windows/calendar-window.yuck

@@ -10,7 +10,7 @@
          :orientation "vertical"
 
         (label :class "calendar-header"
-               :text "${month-name}")
+               :text "${month-name} ${day}, ${year}")
         (calendar :class "month-calendar"
                   :show-details true
                   :show-heading true

eww/windows/floating-media.yuck

@@ -1,7 +1,7 @@
 (defwindow floating-media []
     :monitor 0
     :geometry (geometry :anchor "top center"
-                        :width "420px")
+                        :width "400px")
     :exclusive false
     :stacking "fg"
     :focusable false