diff --git a/cloud/app/src/routes/workspace.tsx b/cloud/app/src/routes/workspace.tsx
index e2ecb182..214d80c1 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 00000000..843e634f
--- /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);
+}
diff --git a/cloud/app/src/style/base.css b/cloud/app/src/style/base.css
index 853b3c38..a4847ed4 100644
--- a/cloud/app/src/style/base.css
+++ b/cloud/app/src/style/base.css
@@ -1,6 +1,7 @@
 html {
   line-height: 1;
   background-color: var(--color-bg);
+  color: var(--color-text);
 }
 
 body {
diff --git a/cloud/app/src/style/token/color.css b/cloud/app/src/style/token/color.css
index 31d11e2d..35846acd 100644
--- a/cloud/app/src/style/token/color.css
+++ b/cloud/app/src/style/token/color.css
@@ -47,7 +47,7 @@
 @media (prefers-color-scheme: dark) {
   :root {
     /* OpenCode dark theme colors */
-    /*--color-bg: #0c0c0e;*/
+    --color-bg: #0c0c0e;
     --color-bg-surface: #161618;
     --color-bg-elevated: #1c1c1f;
 
@@ -87,4 +87,4 @@
     --color-surface-hover: var(--color-bg-elevated);
     --color-border: var(--color-border);
   }
-}
\ No newline at end of file
+}