Add light/dark mode support with CSS variables

app/app.config.ts

@@ -6,8 +6,13 @@ export default defineAppConfig({
     },
     formField: {
       slots: {
-        label: "block font-medium text-stone-200",
+        label: "block font-medium text-[--ui-text-dimmed]",
       },
     },
   },
+  colorMode: {
+    preference: "system", // default value of $colorMode.preference
+    fallback: "dark", // fallback value if not system preference found
+    classSuffix: "", // default is '', set to '-mode' to have 'dark-mode' and 'light-mode'
+  },
 });