format

.changeset/honest-scissors-smile.md

@@ -0,0 +1,5 @@
+---
+"claude-dev": patch
+---
+
+Loads the theme variables into the webview so they are available in css

src/integrations/theme/default-themes/hc_black.json

@@ -12,7 +12,9 @@
 		"statusBarItem.remoteBackground": "#00000000",
 		"ports.iconRunningProcessForeground": "#FFFFFF",
 		"editorWhitespace.foreground": "#7c7c7c",
-		"actionBar.toggledBackground": "#383a49"
+		"actionBar.toggledBackground": "#383a49",
+		"textCodeBlock.background": "#21ACFF",
+		"textPreformat.foreground": "#000000"
 	},
 	"tokenColors": [
 		{

src/integrations/theme/default-themes/hc_light.json

@@ -554,6 +554,8 @@
 		}
 	],
 	"colors": {
-		"actionBar.toggledBackground": "#dddddd"
+		"actionBar.toggledBackground": "#dddddd",
+		"textCodeBlock.background": "#0F4A85",
+		"textPreformat.foreground": "#FFFFFF"
 	}
 }

src/integrations/theme/getTheme.ts

@@ -71,6 +71,11 @@ export async function getTheme() {
 			parsed = mergeJson(parsed, includeTheme)
 		}
 
+		// Push the merged, parsed colors to the global configuration so the variables are available in the webview
+		vscode.workspace
+			.getConfiguration()
+			.update("workbench.colorCustomizations", parsed.colors, vscode.ConfigurationTarget.Global)
+
 		const converted = convertTheme(parsed)
 
 		converted.base = (