diff --git a/src-web/lib/theme/themes.ts b/src-web/lib/theme/themes.ts
index c02d0123..6a84fa50 100644
--- a/src-web/lib/theme/themes.ts
+++ b/src-web/lib/theme/themes.ts
@@ -1,78 +1,20 @@
-import { Color } from './color';
 import { catppuccin } from './themes/catppuccin';
 import { github } from './themes/github';
+import { hotdogStand } from './themes/hotdog-stand';
 import { monokaiPro } from './themes/monokai-pro';
 import { relaxing } from './themes/relaxing';
 import { rosePine } from './themes/rose-pine';
 import { yaak, yaakDark, yaakLight } from './themes/yaak';
-import type { YaakTheme } from './window';
 
-const hotdogStand: YaakTheme = {
-  id: 'hotdog-stand',
-  name: 'Hotdog Stand',
-  background: new Color('#ff0000', 'dark'),
-  backgroundHighlight: new Color('#000000', 'dark'),
-  backgroundHighlightSecondary: new Color('#000000', 'dark'),
-  foreground: new Color('#ffffff', 'dark'),
-  foregroundSubtle: new Color('#ffffff', 'dark'),
-  foregroundSubtler: new Color('#ffff00', 'dark'),
-  colors: {
-    primary: new Color('#ffff00', 'dark'),
-    secondary: new Color('#ffff00', 'dark'),
-    info: new Color('#ffff00', 'dark'),
-    notice: new Color('#ffff00', 'dark'),
-    warning: new Color('#ffff00', 'dark'),
-    danger: new Color('#ffff00', 'dark'),
-  },
-  components: {
-    appHeader: {
-      background: new Color('#000000', 'dark'),
-      foreground: new Color('#ffffff', 'dark'),
-      foregroundSubtle: new Color('#ffff00', 'dark'),
-      foregroundSubtler: new Color('#ff0000', 'dark'),
-    },
-    menu: {
-      background: new Color('#000000', 'dark'),
-      backgroundHighlight: new Color('#ff0000', 'dark'),
-      backgroundHighlightSecondary: new Color('#ff0000', 'dark'),
-      foreground: new Color('#ffffff', 'dark'),
-      foregroundSubtle: new Color('#ffff00', 'dark'),
-      foregroundSubtler: new Color('#ffff00', 'dark'),
-    },
-    button: {
-      background: new Color('#000000', 'dark'),
-      foreground: new Color('#ffffff', 'dark'),
-      colors: {
-        primary: new Color('#000000', 'dark'),
-        secondary: new Color('#ffffff', 'dark'),
-        info: new Color('#000000', 'dark'),
-        notice: new Color('#ffff00', 'dark'),
-        warning: new Color('#000000', 'dark'),
-        danger: new Color('#ff0000', 'dark'),
-      },
-    },
-    editor: {
-      colors: {
-        primary: new Color('#ffffff', 'dark'),
-        secondary: new Color('#ffffff', 'dark'),
-        info: new Color('#ffffff', 'dark'),
-        notice: new Color('#ffff00', 'dark'),
-        warning: new Color('#ffffff', 'dark'),
-        danger: new Color('#ffffff', 'dark'),
-      },
-    },
-  },
-};
+export const defaultDarkTheme = yaakDark;
+export const defaultLightTheme = yaakLight;
 
 export const yaakThemes = [
-  hotdogStand,
   ...yaak,
   ...catppuccin,
   ...relaxing,
   ...rosePine,
   ...github,
   ...monokaiPro,
+  ...hotdogStand,
 ];
-
-export const defaultDarkTheme = yaakDark;
-export const defaultLightTheme = yaakLight;
diff --git a/src-web/lib/theme/themes/hotdog-stand.ts b/src-web/lib/theme/themes/hotdog-stand.ts
new file mode 100644
index 00000000..6b1d632a
--- /dev/null
+++ b/src-web/lib/theme/themes/hotdog-stand.ts
@@ -0,0 +1,61 @@
+import { Color } from '../color';
+import type { YaakTheme } from '../window';
+
+const hotdogStandDefault: YaakTheme = {
+  id: 'hotdog-stand',
+  name: 'Hotdog Stand',
+  background: new Color('#ff0000', 'dark'),
+  backgroundHighlight: new Color('#000000', 'dark'),
+  backgroundHighlightSecondary: new Color('#000000', 'dark'),
+  foreground: new Color('#ffffff', 'dark'),
+  foregroundSubtle: new Color('#ffffff', 'dark'),
+  foregroundSubtler: new Color('#ffff00', 'dark'),
+  colors: {
+    primary: new Color('#ffff00', 'dark'),
+    secondary: new Color('#ffff00', 'dark'),
+    info: new Color('#ffff00', 'dark'),
+    notice: new Color('#ffff00', 'dark'),
+    warning: new Color('#ffff00', 'dark'),
+    danger: new Color('#ffff00', 'dark'),
+  },
+  components: {
+    appHeader: {
+      background: new Color('#000000', 'dark'),
+      foreground: new Color('#ffffff', 'dark'),
+      foregroundSubtle: new Color('#ffff00', 'dark'),
+      foregroundSubtler: new Color('#ff0000', 'dark'),
+    },
+    menu: {
+      background: new Color('#000000', 'dark'),
+      backgroundHighlight: new Color('#ff0000', 'dark'),
+      backgroundHighlightSecondary: new Color('#ff0000', 'dark'),
+      foreground: new Color('#ffffff', 'dark'),
+      foregroundSubtle: new Color('#ffff00', 'dark'),
+      foregroundSubtler: new Color('#ffff00', 'dark'),
+    },
+    button: {
+      background: new Color('#000000', 'dark'),
+      foreground: new Color('#ffffff', 'dark'),
+      colors: {
+        primary: new Color('#000000', 'dark'),
+        secondary: new Color('#ffffff', 'dark'),
+        info: new Color('#000000', 'dark'),
+        notice: new Color('#ffff00', 'dark'),
+        warning: new Color('#000000', 'dark'),
+        danger: new Color('#ff0000', 'dark'),
+      },
+    },
+    editor: {
+      colors: {
+        primary: new Color('#ffffff', 'dark'),
+        secondary: new Color('#ffffff', 'dark'),
+        info: new Color('#ffffff', 'dark'),
+        notice: new Color('#ffff00', 'dark'),
+        warning: new Color('#ffffff', 'dark'),
+        danger: new Color('#ffffff', 'dark'),
+      },
+    },
+  },
+};
+
+export const hotdogStand = [hotdogStandDefault];
diff --git a/src-web/lib/theme/themes/yaak.ts b/src-web/lib/theme/themes/yaak.ts
index ece7ace6..74ae3941 100644
--- a/src-web/lib/theme/themes/yaak.ts
+++ b/src-web/lib/theme/themes/yaak.ts
@@ -54,8 +54,8 @@ export const yaakDark: YaakTheme = {
         primary: new Color('hsl(266,100%,79%)', 'dark').lower(0.1),
         secondary: new Color('hsl(245,23%,60%)', 'dark').lower(0.1),
         info: new Color('hsl(206,100%,63%)', 'dark').lower(0.1),
-        success: new Color('hsl(150,99%,44%)', 'dark').lower(0.1),
-        notice: new Color('hsl(48,80%,63%)', 'dark').lower(0.1),
+        success: new Color('hsl(150,99%,44%)', 'dark').lower(0.15),
+        notice: new Color('hsl(48,80%,63%)', 'dark').lower(0.2),
         warning: new Color('hsl(28,100%,61%)', 'dark').lower(0.1),
         danger: new Color('hsl(342,90%,68%)', 'dark').lower(0.1),
       },