rtw

 1@@ -56,7 +56,7 @@ function Summary$StatusText(props) {
 2         });
 3       }, 5000);
 4     }),
 5-    className: "hidden md:block md:transition md:transition-opacity md:ease-in-out md:duration-1000",
 6+    className: "hidden md:block md:transition-opacity md:ease-in-out md:duration-1000",
 7     id: props.id
 8   });
 9 }
10@@ -106,13 +106,13 @@ function Summary(props) {
11     case "Offline" :
12       tmp$1 = JsxRuntime.jsx(LucidePreact.GlobeOff, {
13         size: 14,
14-        strokeWidth: 4
15+        strokeWidth: 3
16       });
17       break;
18     case "Connecting" :
19       tmp$1 = JsxRuntime.jsx(LucidePreact.WifiSync, {
20         size: 14,
21-        strokeWidth: 4
22+        strokeWidth: 3
23       });
24       break;
25     case "Synced" :
26@@ -124,7 +124,7 @@ function Summary(props) {
27     case "Saving" :
28       tmp$1 = JsxRuntime.jsx(LucidePreact.CloudUpload, {
29         size: 14,
30-        strokeWidth: 4
31+        strokeWidth: 3
32       });
33       break;
34   }
35@@ -173,7 +173,7 @@ function Summary(props) {
36               className: "flex flex-row gap-2"
37             })
38           ],
39-          className: "flex flex-row gap-4 md:gap-8 text-xs items-center justify-start bg-(--color-paper) px-4 py-2"
40+          className: "flex flex-row gap-4 md:gap-8 text-xs items-center justify-start bg-paper px-4 py-2"
41         }),
42         JsxRuntime.jsx("div", {
43           children: JsxRuntime.jsxs("div", {
44@@ -182,9 +182,9 @@ function Summary(props) {
45               JsxRuntime.jsx("div", {
46                 children: tmp$1,
47                 className: Preact.cls("m-auto", {
48-                  "text-(--color-yellow)": status === "Connecting" || status === "Saving",
49-                  "text-(--color-green)": status === "Synced",
50-                  "text-(--color-red)": status === "Offline"
51+                  "text-yellow": status === "Connecting" || status === "Saving",
52+                  "text-green": status === "Synced",
53+                  "text-red": status === "Offline"
54                 })
55               })
56             ],

 1@@ -41,7 +41,7 @@ module StatusText = {
 2         }, 5000)
 3         None
 4       })}
 5-      className="hidden md:block md:transition md:transition-opacity md:ease-in-out md:duration-1000"
 6+      className="hidden md:block md:transition-opacity md:ease-in-out md:duration-1000"
 7     >
 8       {status->Preact.string}
 9     </div>
10@@ -73,7 +73,7 @@ let make = (~doc: string) => {
11   >
12     <div className="flex flex-row justify-between">
13       <div
14-        className="flex flex-row gap-4 md:gap-8 text-xs items-center justify-start bg-(--color-paper) px-4 py-2"
15+        className="flex flex-row gap-4 md:gap-8 text-xs items-center justify-start bg-paper px-4 py-2"
16       >
17         <div className="flex flex-row gap-2">
18           <div className="capitalize"> {"WAYPOINTS"->Preact.string} </div>
19@@ -100,17 +100,17 @@ let make = (~doc: string) => {
20             className={Preact.cls(
21               "m-auto",
22               dict{
23-                "text-(--color-yellow)": status == State.Connecting || status == State.Saving,
24-                "text-(--color-green)": status == State.Synced,
25-                "text-(--color-red)": status == State.Offline,
26+                "text-yellow": status == State.Connecting || status == State.Saving,
27+                "text-green": status == State.Synced,
28+                "text-red": status == State.Offline,
29               },
30             )}
31           >
32             {switch status {
33-            | Offline => <Icons.GlobeOff strokeWidth=4 size=14 />
34-            | Connecting => <Icons.WifiSync strokeWidth=4 size=14 />
35+            | Offline => <Icons.GlobeOff strokeWidth=3 size=14 />
36+            | Connecting => <Icons.WifiSync strokeWidth=3 size=14 />
37             | Synced => <Icons.Check strokeWidth=4 size=14 />
38-            | Saving => <Icons.CloudUpload strokeWidth=4 size=14 />
39+            | Saving => <Icons.CloudUpload strokeWidth=3 size=14 />
40             }}
41           </div>
42         </div>