Update darkmode colors

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

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

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