Matugen Based Colours

main.css

@@ -81,33 +81,44 @@ menu > menuitem:hover > label {
 
 
 
+#box-widget-2{
+    /* background-color: alpha(#1C1C1C, 1); */
+    background: linear-gradient(to bottom, #202020, #141414);
+    min-width: 170px;
+    min-height: 170px;
+    border-radius: 16px;
+}
 
 #weather-widget label{
     font-family: "SF Pro Rounded";
     /* font-size: 20px; */
-    font-weight: 600;
-    margin-left: 10px;
+    margin-left: 12px;
 }
 
 #city {
     margin-top: 10px;
+    color: #68A7B5;
+    font-weight: 600;
     font-size: 20px;
 
 }
 #temperature {
     font-size: 50px;
+    font-weight: 400;
 }
 
 #condition-emoji{
-    margin-top: 10px;
+    margin-top: 5px;
     font-size: 16px;
 }
 
 #condition {
     font-size: 15px;
+    font-weight: 600;
 }
 #feels-like {
 
+    font-weight: 600;
     font-size: 15px;
 }
 /* # */
@@ -138,29 +149,26 @@ menu > menuitem:hover > label {
     padding: 5px;
     margin-top: 10px;
     font-size: 30px;
-    color: alpha(#fff, 0.7);
+    color: alpha(#fff, 0.9);
     font-weight: 600;
 }
 
 #date label{
-    color: alpha(#fff, 0.7);
+    color: alpha(#fff, 0.9);
+
     margin-top: -10px;
     font-size: 90px;
     font-weight: 600;
 }
 #day label{
-    color: alpha(#FF0000, 0.7);
+
+    color: alpha(#72BBCC, 0.9);
 }
 #box-widget{
-    background-color: alpha(#232323, 1);
+    /* background-color: alpha(#232323, 1); */
+    background: linear-gradient(to bottom, #202020, #141414);
     margin: 20px 20px 20px 20px;
     min-width: 170px;
     min-height: 170px;
     border-radius: 16px;
 }
-#box-widget-2{
-    background-color: alpha(#425D8A, 1);
-    min-width: 170px;
-    min-height: 170px;
-    border-radius: 16px;
-}

modules/widget.py

@@ -449,6 +449,37 @@ class Date(Box):
         self.add(self.datethree)
 
 
+class raminfo(Box):
+    @staticmethod
+    def bake_progress_bar(name: str = "progress-bar", size: int = 45, **kwargs):
+        return CircularProgressBar(
+            name=name,
+            start_angle=180,
+            end_angle=540,
+            min_value=0,
+            max_value=100,
+            size=size,
+            **kwargs,
+        )
+
+    @staticmethod
+    def bake_progress_icon(**kwargs):
+        return Label(**kwargs).build().add_style_class("progress-icon").unwrap()
+
+    def __init__(self, **kwargs):
+        super().__init__(
+            layer="bottom",
+            title="sysinfo",
+            name="sysinfo",
+            visible=False,
+            all_visible=False,
+            **kwargs,
+        )
+
+
+# FIX: GTK ERRORS
+
+
 class Deskwidgets(Window):
     config = load_config()
 
@@ -475,9 +506,10 @@ class Deskwidgets(Window):
 
         bottom_left = Window(
             anchor="bottom left",
+            name="box-widget",
             orientation="h",
             layer="bottom",
-            child=Box(),
+            child=raminfo(),
         )
 
         container = Box(