ignore: cloud

cloud/app/src/routes/workspace.tsx

@@ -1,10 +1,11 @@
+import "./workspace/workspace.css"
 import { RouteSectionProps } from "@solidjs/router";
 
 export default function WorkspaceLayout(props: RouteSectionProps) {
   return (
-    <div>
+    <main data-page="workspace">
       <h1>Workspace</h1>
       {props.children}
-    </div>
+    </main>
   );
 }

cloud/app/src/routes/workspace/workspace.css

@@ -0,0 +1,10 @@
+[data-page="workspace"] {
+  font-family: var(--font-mono);
+
+  @media (prefers-color-scheme: dark) {
+  }
+}
+
+[data-page="workspace"] {
+  font-family: var(--font-mono);
+}