diff --git a/.gitignore b/.gitignore
index c8f99d99b4..7097303857 100644
--- a/.gitignore
+++ b/.gitignore
@@ -69,3 +69,4 @@ transcript-analysis
 evals/results/
 .playwright-mcp/
 .warden/
+.vscode/
diff --git a/apps/app/src/react-app/domains/settings/appearance/theme-section.tsx b/apps/app/src/react-app/domains/settings/appearance/theme-section.tsx
index 9f3b0cd72d..3d86bc7f83 100644
--- a/apps/app/src/react-app/domains/settings/appearance/theme-section.tsx
+++ b/apps/app/src/react-app/domains/settings/appearance/theme-section.tsx
@@ -76,7 +76,7 @@ function ThemePicker(props: ThemePickerProps) {
         value="dark"
         label={t("settings.theme_dark")}
       >
-        <ThemePreview value="dark" className="bg-zinc-950" />
+        <ThemePreview value="dark" className="bg-black" />
         <ThemePickerLabel>{t("settings.theme_dark")}</ThemePickerLabel>
       </ThemePickerItem>
     </ToggleGroup>
@@ -117,7 +117,7 @@ function ThemePreview(props: ThemePreviewProps) {
       {props.value === "system" && (
         <div className="flex h-full">
           <div className="w-1/2 bg-white" />
-          <div className="w-1/2 bg-zinc-950" />
+          <div className="w-1/2 bg-black" />
         </div>
       )}
     </div>