diff --git a/crates/theme/src/theme.rs b/crates/theme/src/theme.rs
index 20f0787826..e54dcdfd1e 100644
--- a/crates/theme/src/theme.rs
+++ b/crates/theme/src/theme.rs
@@ -65,6 +65,7 @@ pub struct Theme {
     pub assistant: AssistantStyle,
     pub feedback: FeedbackStyle,
     pub welcome: WelcomeStyle,
+    pub color_scheme: ColorScheme,
     pub titlebar: Titlebar,
 }
 
diff --git a/styles/src/style_tree/app.ts b/styles/src/style_tree/app.ts
index ccfdd60a98..e4bf232b62 100644
--- a/styles/src/style_tree/app.ts
+++ b/styles/src/style_tree/app.ts
@@ -57,6 +57,21 @@ export default function app(): any {
         tooltip: tooltip(),
         terminal: terminal(),
         assistant: assistant(),
-        feedback: feedback()
+        feedback: feedback(),
+        color_scheme: {
+            ...theme,
+            players: Object.values(theme.players),
+            ramps: {
+                neutral: theme.ramps.neutral.colors(100, "hex"),
+                red: theme.ramps.red.colors(100, "hex"),
+                orange: theme.ramps.orange.colors(100, "hex"),
+                yellow: theme.ramps.yellow.colors(100, "hex"),
+                green: theme.ramps.green.colors(100, "hex"),
+                cyan: theme.ramps.cyan.colors(100, "hex"),
+                blue: theme.ramps.blue.colors(100, "hex"),
+                violet: theme.ramps.violet.colors(100, "hex"),
+                magenta: theme.ramps.magenta.colors(100, "hex"),
+            },
+        },
     }
 }