diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 950455120..b65dd2122 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -24,11 +24,12 @@
     import { isSmallViewport, updateViewport } from '$lib/stores/viewport';
     import { feedback } from '$lib/stores/feedback';
     import { isStudio } from '$lib/system.js';
+    import { ThemeDarkStudio } from '$themes';
 
     function resolveTheme(theme: AppStore['themeInUse']) {
         switch (theme) {
             case 'dark':
-                return isCloud ? ThemeDarkCloud : ThemeDark;
+                return isStudio ? ThemeDarkStudio : isCloud ? ThemeDarkCloud : ThemeDark;
             case 'light':
                 return isStudio ? ThemeLightStudio : isCloud ? ThemeLightCloud : ThemeLight;
         }
diff --git a/src/themes/dark-studio.json b/src/themes/dark-studio.json
new file mode 100644
index 000000000..883e9cee7
--- /dev/null
+++ b/src/themes/dark-studio.json
@@ -0,0 +1,6 @@
+{
+  "bgcolor-accent": "var(--neutral-50)",
+  "bgcolor-accent-secondary": "var(--neutral-100)",
+  "bgcolor-accent-tertiary": "var(--neutral-150)",
+  "fgcolor-on-accent": "var(--neutral-950)"
+}
\ No newline at end of file
diff --git a/src/themes/index.ts b/src/themes/index.ts
index 0043a917f..7f4fed0cd 100644
--- a/src/themes/index.ts
+++ b/src/themes/index.ts
@@ -7,4 +7,8 @@ export { default as ThemeLightCloud } from './light-cloud.json';
 import { default as StudioLightOverride } from './light-studio.json';
 import { default as ThemeLightBase } from './light.json';
 
+import { default as StudioDarkOverride } from './dark-studio.json';
+import { default as ThemeDarkBase } from './dark.json';
+
 export const ThemeLightStudio = { ...ThemeLightBase, ...StudioLightOverride };
+export const ThemeDarkStudio = { ...ThemeDarkBase, ...StudioDarkOverride };