2 files changed, 13 insertions, 2 deletions
diff --git a/cloud/app/src/routes/workspace.tsx b/cloud/app/src/routes/workspace.tsx
index e2ecb182b..214d80c1b 100644
--- a/cloud/app/src/routes/workspace.tsx
+++ b/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>
   );
 }
diff --git a/cloud/app/src/routes/workspace/workspace.css b/cloud/app/src/routes/workspace/workspace.css
new file mode 100644
index 000000000..843e634f8
--- /dev/null
+++ b/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);
+}