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);
+}

cloud/app/src/style/base.css

@@ -1,6 +1,7 @@
 html {
   line-height: 1;
   background-color: var(--color-bg);
+  color: var(--color-text);
 }
 
 body {

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);
   }
-}
+}