💥 fix(ags): bar/media widget, new appearance to control center

ags/style/_control-center.scss

@@ -1,52 +1,25 @@
+@use "sass:color";
 @use "./wal";
 
 .control-center-container {
-  all: unset;
-  background: rgba(wal.$background, .6);
-  border-top-left-radius: 16px;
-  border-bottom-left-radius: 16px;
-
-  & * {
-    all: unset;
-    transition: 120ms linear;
-  }
+  background: rgba(wal.$background, .65);
+  border-radius: 24px;
+  padding: 24px 22px;
 
   & {
     & button {
       padding: 4px 6px;
-      background: scale-color($color: wal.$color1, $lightness: -20%);
-      border-radius: 12px;
     }
 
     & .quickactions {
-      padding: 10px 16px;
-      & .button-row {
-        & > button {
-          margin: 5px 2px;
-          border-radius: 2px;
-          padding: 0 8px;
-          background: rgba($color: scale-color($color: wal.$color1, $lightness: -20%), $alpha: .7);
+      background: wal.$color1;
+      & .hostname {
+        font-size: 15px;
+        font-weight: 600;
+      }
 
-          & label {
-            font-size: 16px;
-          }
-
-          &:hover {
-            background: rgba($color: scale-color($color: wal.$color1, $lightness: -20%), $alpha: 1);
-          }
-
-          &:first-child {
-            margin-left: 0;
-            border-top-left-radius: 8px;
-            border-bottom-left-radius: 8px;
-          }
-
-          &:last-child {
-            margin-right: 0;
-            border-top-right-radius: 8px;
-            border-bottom-right-radius: 8px;
-          }
-        }
+      & .uptime {
+        font-size: 12px;
       }
     }
   }