take better colors

dotconfig/eww/analog_clock/clock.scss

@@ -1,39 +1,36 @@
 
 .clock {
-    border-radius: 31px;
-    background: rgba(40,40,40,0.8);
+    border-radius: 20px;
+    padding: 10px;
+    background: rgba(30, 31, 40, 0.8)
 }
 
 
 .analog-clock {
     padding: 2rem;
-    background: #282828;
+    margin: 10px;
+    background: #282a36;
     border-radius: 100%;
-    border: 7px solid #282828;
+    border: 7px solid #282a36;
     box-shadow: inset 4px 4px 10px rgba(0,0,0,0.5),
-                inset -4px -4px 10px rgba(67,67,67,0.5),
+                inset -4px -4px 10px rgba(40,42,54,0.5),
                 4px 4px 10px rgba(0,0,0,0.3);
     border-radius: 50%;
 }
 
 
 .time-container {
-    margin-top: 15px;
-    margin-left: 20px;
-    margin-right: 20px;
+    margin-top: 20px;
+    margin-left: 10px;
+    margin-right: 15px;
 }
 
-.time-first {
-    padding: 10px;
-    background: rgba(20,20,20,0.7);
-    border-radius: 10px;
-    color: #00FFFF;
-}
 
 .time {
     padding: 10px;
-    margin-left: 5px;
-    background: rgba(20,20,20,0.7);
+    margin-left: 0px;
+    margin-right: 5px;
+    background: rgba(40,42,54,1.0);
     border-radius: 10px;
     color: #00FFFF;
     
@@ -41,8 +38,8 @@
 
 .date {
     padding: 10px;
-    margin: 5px 20px;
-    background: rgba(20,20,20,0.7);
+    margin: 5px 20px 0px 10px;
+    background: rgba(40,42,54,1.0);
     border-radius: 10px;
     color: #00FFFF;
 }

dotconfig/eww/analog_clock/clock.yuck

@@ -25,12 +25,12 @@
 
 (defwidget clock []
   (box :vexpand false :hexpand false
-    :width 155
-    :height 155
+    :width 180
+    :height 180
     :space-evenly false
-    (box :width 155 :height 155 :class "analog-clock")
+    (box :width 180 :height 180 :class "analog-clock")
     (box 
-      :height 155 
+      :height 180
       :width 175
       :class "numerical-clock" 
       :orientation "v"
@@ -38,7 +38,7 @@
       (box
         :class "time-container"
         (box
-          :class "time-first"
+          :class "time"
           (label :text hours)
           )
         (box
@@ -63,10 +63,9 @@
 (defwindow clock
   :monitor 0
   :geometry (geometry 
-              :x "12%"
+              :x "5%"
               :y "10%"
-              :width "150px"
-              :height "150px"
+              :height "180px"
               :anchor "bottom left")
   :stacking "bg"
   :exclusive true