diff --git a/quickshell/matugen/configs/codium.toml b/quickshell/matugen/configs/codium.toml
index 210b1b4b..21d3f23f 100644
--- a/quickshell/matugen/configs/codium.toml
+++ b/quickshell/matugen/configs/codium.toml
@@ -1,13 +1,11 @@
 [templates.dmscodiumdefault]
-input_path = 'SHELL_DIR/matugen/templates/vscode-color-theme.json'
+input_path = 'SHELL_DIR/matugen/templates/vscode-color-theme-default.json'
 output_path = '~/.vscode-oss/extensions/local.dynamic-base16-dankshell-0.0.1/themes/dankshell-default-base.json'
 
 [templates.dmscodiumdark]
-input_path = 'SHELL_DIR/matugen/templates/vscode-color-theme.json'
+input_path = 'SHELL_DIR/matugen/templates/vscode-color-theme-dark.json'
 output_path = '~/.vscode-oss/extensions/local.dynamic-base16-dankshell-0.0.1/themes/dankshell-dark-base.json'
-mode = 'Dark'
 
 [templates.dmscodiumlight]
-input_path = 'SHELL_DIR/matugen/templates/vscode-color-theme.json'
+input_path = 'SHELL_DIR/matugen/templates/vscode-color-theme-light.json'
 output_path = '~/.vscode-oss/extensions/local.dynamic-base16-dankshell-0.0.1/themes/dankshell-light-base.json'
-mode = 'Light'
diff --git a/quickshell/matugen/configs/vscode.toml b/quickshell/matugen/configs/vscode.toml
index 7630c079..558bc26d 100644
--- a/quickshell/matugen/configs/vscode.toml
+++ b/quickshell/matugen/configs/vscode.toml
@@ -1,13 +1,11 @@
 [templates.dmsvscodedefault]
-input_path = 'SHELL_DIR/matugen/templates/vscode-color-theme.json'
+input_path = 'SHELL_DIR/matugen/templates/vscode-color-theme-default.json'
 output_path = '~/.vscode/extensions/local.dynamic-base16-dankshell-0.0.1/themes/dankshell-default-base.json'
 
 [templates.dmsvscodedark]
-input_path = 'SHELL_DIR/matugen/templates/vscode-color-theme.json'
+input_path = 'SHELL_DIR/matugen/templates/vscode-color-theme-dark.json'
 output_path = '~/.vscode/extensions/local.dynamic-base16-dankshell-0.0.1/themes/dankshell-dark-base.json'
-mode = 'Dark'
 
 [templates.dmsvscodelight]
-input_path = 'SHELL_DIR/matugen/templates/vscode-color-theme.json'
+input_path = 'SHELL_DIR/matugen/templates/vscode-color-theme-light.json'
 output_path = '~/.vscode/extensions/local.dynamic-base16-dankshell-0.0.1/themes/dankshell-light-base.json'
-mode = 'Light'
diff --git a/quickshell/matugen/templates/vscode-color-theme-dark.json b/quickshell/matugen/templates/vscode-color-theme-dark.json
new file mode 100644
index 00000000..03ad7c6e
--- /dev/null
+++ b/quickshell/matugen/templates/vscode-color-theme-dark.json
@@ -0,0 +1,315 @@
+{
+  "$schema": "vscode://schemas/color-theme",
+  "name": "Dynamic Base16 DankShell",
+  "colors": {
+    "editor.background": "{{colors.background.dark.hex}}",
+    "editor.foreground": "{{colors.on_surface.dark.hex}}",
+    "editorLineNumber.foreground": "{{colors.outline.dark.hex}}",
+    "editorLineNumber.activeForeground": "{{colors.on_surface.dark.hex}}",
+    "editorCursor.foreground": "{{colors.primary.dark.hex}}",
+    "editor.selectionBackground": "{{colors.primary_container.dark.hex}}",
+    "editor.inactiveSelectionBackground": "{{colors.background.dark.hex}}",
+    "editor.lineHighlightBackground": "{{colors.background.dark.hex}}",
+    "editorIndentGuide.background": "{{colors.background.dark.hex}}",
+    "editorIndentGuide.activeBackground": "{{colors.outline.dark.hex}}",
+    "editorWhitespace.foreground": "{{colors.outline_variant.dark.hex}}",
+    "editorBracketMatch.background": "{{colors.background.dark.hex}}",
+    "editorBracketMatch.border": "{{colors.primary.dark.hex}}",
+
+    "activityBar.background": "{{colors.background.dark.hex}}",
+    "activityBar.foreground": "{{colors.on_surface.dark.hex}}",
+    "activityBar.activeBorder": "{{colors.primary.dark.hex}}",
+    "activityBar.activeBackground": "{{colors.background.dark.hex}}",
+    "activityBarBadge.background": "{{colors.primary.dark.hex}}",
+    "activityBarBadge.foreground": "{{colors.on_primary.dark.hex}}",
+
+    "sideBar.background": "{{colors.background.dark.hex}}",
+    "sideBar.foreground": "{{colors.on_surface.dark.hex}}",
+    "sideBar.border": "{{colors.background.dark.hex}}",
+    "sideBarTitle.foreground": "{{colors.on_surface.dark.hex}}",
+    "sideBarSectionHeader.background": "{{colors.background.dark.hex}}",
+    "sideBarSectionHeader.foreground": "{{colors.on_surface.dark.hex}}",
+
+    "list.activeSelectionBackground": "{{colors.background.dark.hex}}",
+    "list.activeSelectionForeground": "{{colors.on_surface.dark.hex}}",
+    "list.inactiveSelectionBackground": "{{colors.background.dark.hex}}",
+    "list.inactiveSelectionForeground": "{{colors.on_surface.dark.hex}}",
+    "list.hoverBackground": "{{colors.background.dark.hex}}",
+    "list.hoverForeground": "{{colors.on_surface.dark.hex}}",
+    "list.focusBackground": "{{colors.background.dark.hex}}",
+    "list.focusForeground": "{{colors.on_surface.dark.hex}}",
+    "list.highlightForeground": "{{colors.primary.dark.hex}}",
+
+    "statusBar.background": "{{colors.background.dark.hex}}",
+    "statusBar.foreground": "{{colors.on_surface.dark.hex}}",
+    "statusBar.border": "{{colors.background.dark.hex}}",
+    "statusBar.noFolderBackground": "{{colors.background.dark.hex}}",
+    "statusBar.debuggingBackground": "{{colors.error.dark.hex}}",
+    "statusBar.debuggingForeground": "{{colors.on_error.dark.hex}}",
+
+    "tab.activeBackground": "{{colors.background.dark.hex}}",
+    "tab.inactiveBackground": "{{colors.background.dark.hex}}",
+    "tab.activeForeground": "{{colors.on_surface.dark.hex}}",
+    "tab.inactiveForeground": "{{colors.outline.dark.hex}}",
+    "tab.border": "{{colors.background.dark.hex}}",
+    "tab.activeBorder": "{{colors.primary.dark.hex}}",
+    "tab.unfocusedActiveBorder": "{{colors.outline.dark.hex}}",
+
+    "editorGroupHeader.tabsBackground": "{{colors.background.dark.hex}}",
+    "editorGroupHeader.noTabsBackground": "{{colors.background.dark.hex}}",
+
+    "titleBar.activeBackground": "{{colors.background.dark.hex}}",
+    "titleBar.activeForeground": "{{colors.on_surface.dark.hex}}",
+    "titleBar.inactiveBackground": "{{colors.background.dark.hex}}",
+    "titleBar.inactiveForeground": "{{colors.outline.dark.hex}}",
+    "titleBar.border": "{{colors.background.dark.hex}}",
+
+    "input.background": "{{colors.background.dark.hex}}",
+    "input.foreground": "{{colors.on_surface.dark.hex}}",
+    "input.border": "{{colors.outline.dark.hex}}",
+    "input.placeholderForeground": "{{colors.outline.dark.hex}}",
+    "inputOption.activeBorder": "{{colors.primary.dark.hex}}",
+    "inputValidation.errorBackground": "{{colors.error.dark.hex}}",
+    "inputValidation.errorBorder": "{{colors.error.dark.hex}}",
+
+    "dropdown.background": "{{colors.background.dark.hex}}",
+    "dropdown.foreground": "{{colors.on_surface.dark.hex}}",
+    "dropdown.border": "{{colors.outline.dark.hex}}",
+
+    "quickInput.background": "{{colors.background.dark.hex}}",
+    "quickInput.foreground": "{{colors.on_surface.dark.hex}}",
+    "quickInputList.focusBackground": "{{colors.background.dark.hex}}",
+    "quickInputList.focusForeground": "{{colors.on_surface.dark.hex}}",
+
+    "button.background": "{{colors.primary.dark.hex}}",
+    "button.foreground": "{{colors.on_primary.dark.hex}}",
+    "button.hoverBackground": "{{colors.primary_container.dark.hex}}",
+
+    "focusBorder": "{{colors.primary.dark.hex}}",
+    "badge.background": "{{colors.secondary.dark.hex}}",
+    "badge.foreground": "{{colors.on_secondary.dark.hex}}",
+
+    "panel.background": "{{colors.background.dark.hex}}",
+    "panel.border": "{{colors.primary.dark.hex}}",
+    "panelTitle.activeBorder": "{{colors.primary.dark.hex}}",
+    "panelTitle.activeForeground": "{{colors.on_surface.dark.hex}}",
+    "panelTitle.inactiveForeground": "{{colors.outline.dark.hex}}",
+
+    "terminal.background": "{{colors.background.dark.hex}}",
+    "terminal.foreground": "{{colors.on_surface.dark.hex}}",
+
+    "gitDecoration.modifiedResourceForeground": "{{colors.primary.dark.hex}}",
+    "gitDecoration.addedResourceForeground": "{{colors.primary.dark.hex}}",
+    "gitDecoration.stageModifiedResourceForeground": "{{colors.primary.dark.hex}}",
+    "gitDecoration.stageDeletedResourceForeground": "{{colors.error.dark.hex}}",
+    "gitDecoration.deletedResourceForeground": "{{colors.error.dark.hex}}",
+    "gitDecoration.untrackedResourceForeground": "{{colors.secondary.dark.hex}}",
+    "gitDecoration.ignoredResourceForeground": "{{colors.outline.dark.hex}}",
+    "gitDecoration.conflictingResourceForeground": "{{colors.error_container.dark.hex}}",
+    "gitDecoration.submoduleResourceForeground": "{{colors.primary.dark.hex}}",
+
+    "editorWidget.background": "{{colors.background.dark.hex}}",
+    "editorWidget.border": "{{colors.outline.dark.hex}}",
+    "editorSuggestWidget.background": "{{colors.background.dark.hex}}",
+    "editorSuggestWidget.border": "{{colors.outline.dark.hex}}",
+    "editorSuggestWidget.selectedBackground": "{{colors.background.dark.hex}}",
+    "editorSuggestWidget.highlightForeground": "{{colors.primary.dark.hex}}",
+
+    "peekView.border": "{{colors.primary.dark.hex}}",
+    "peekViewEditor.background": "{{colors.background.dark.hex}}",
+    "peekViewResult.background": "{{colors.background.dark.hex}}",
+    "peekViewTitle.background": "{{colors.background.dark.hex}}",
+
+    "notificationCenter.border": "{{colors.outline.dark.hex}}",
+    "notifications.background": "{{colors.background.dark.hex}}",
+    "notifications.border": "{{colors.outline.dark.hex}}",
+
+    "breadcrumb.foreground": "{{colors.outline.dark.hex}}",
+    "breadcrumb.focusForeground": "{{colors.on_surface.dark.hex}}",
+    "breadcrumb.activeSelectionForeground": "{{colors.primary.dark.hex}}",
+
+    "scrollbarSlider.background": "{{colors.outline.dark.hex}}40",
+    "scrollbarSlider.hoverBackground": "{{colors.outline.dark.hex}}60",
+    "scrollbarSlider.activeBackground": "{{colors.outline.dark.hex}}80",
+
+    "editorError.foreground": "{{colors.error.dark.hex}}",
+    "editorWarning.foreground": "{{colors.tertiary.dark.hex}}",
+    "editorInfo.foreground": "{{colors.primary.dark.hex}}",
+
+    "editorGutter.addedBackground": "{{colors.secondary.dark.hex}}",
+    "editorGutter.modifiedBackground": "{{colors.tertiary.dark.hex}}",
+    "editorGutter.deletedBackground": "{{colors.error.dark.hex}}",
+
+    "diffEditor.insertedTextBackground": "{{colors.secondary.dark.hex}}20",
+    "diffEditor.removedTextBackground": "{{colors.error.dark.hex}}20",
+
+    "merge.currentHeaderBackground": "{{colors.primary.dark.hex}}40",
+    "merge.incomingHeaderBackground": "{{colors.secondary.dark.hex}}40",
+
+    "menubar.selectionBackground": "{{colors.background.dark.hex}}",
+    "menu.background": "{{colors.background.dark.hex}}",
+    "menu.foreground": "{{colors.on_surface.dark.hex}}",
+    "menu.selectionBackground": "{{colors.background.dark.hex}}",
+    "menu.selectionForeground": "{{colors.on_surface.dark.hex}}",
+
+    "debugToolBar.background": "{{colors.background.dark.hex}}",
+    "debugExceptionWidget.background": "{{colors.background.dark.hex}}",
+    "debugExceptionWidget.border": "{{colors.error.dark.hex}}"
+  },
+
+  "tokenColors": [
+    {
+      "scope": ["comment", "punctuation.definition.comment"],
+      "settings": {
+        "foreground": "{{colors.outline.dark.hex}}",
+        "fontStyle": "italic"
+      }
+    },
+    {
+      "scope": ["keyword", "storage.type", "storage.modifier"],
+      "settings": {
+        "foreground": "{{colors.primary.dark.hex}}"
+      }
+    },
+    {
+      "scope": ["variable", "meta.object-literal.key"],
+      "settings": {
+        "foreground": "{{colors.on_surface.dark.hex}}"
+      }
+    },
+    {
+      "scope": ["string", "constant.other.symbol"],
+      "settings": {
+        "foreground": "{{colors.secondary.dark.hex}}"
+      }
+    },
+    {
+      "scope": ["constant.numeric", "constant.language", "constant.character"],
+      "settings": {
+        "foreground": "{{colors.tertiary.dark.hex}}"
+      }
+    },
+    {
+      "scope": ["entity.name.type", "support.type", "entity.name.class"],
+      "settings": {
+        "foreground": "{{colors.tertiary.dark.hex}}"
+      }
+    },
+    {
+      "scope": ["entity.name.function", "support.function"],
+      "settings": {
+        "foreground": "{{colors.primary.dark.hex}}"
+      }
+    },
+    {
+      "scope": ["support.class", "support.variable", "variable.language"],
+      "settings": {
+        "foreground": "{{colors.secondary.dark.hex}}"
+      }
+    },
+    {
+      "scope": ["invalid"],
+      "settings": {
+        "foreground": "{{colors.error.dark.hex}}"
+      }
+    },
+    {
+      "scope": ["invalid.deprecated"],
+      "settings": {
+        "foreground": "{{colors.outline.dark.hex}}"
+      }
+    },
+    {
+      "scope": ["markup.heading"],
+      "settings": {
+        "foreground": "{{colors.primary.dark.hex}}",
+        "fontStyle": "bold"
+      }
+    },
+    {
+      "scope": ["markup.bold"],
+      "settings": {
+        "foreground": "{{colors.tertiary.dark.hex}}",
+        "fontStyle": "bold"
+      }
+    },
+    {
+      "scope": ["markup.italic"],
+      "settings": {
+        "foreground": "{{colors.primary.dark.hex}}",
+        "fontStyle": "italic"
+      }
+    },
+    {
+      "scope": ["markup.underline"],
+      "settings": {
+        "fontStyle": "underline"
+      }
+    },
+    {
+      "scope": ["markup.quote"],
+      "settings": {
+        "foreground": "{{colors.secondary.dark.hex}}"
+      }
+    },
+    {
+      "scope": ["markup.list"],
+      "settings": {
+        "foreground": "{{colors.on_surface.dark.hex}}"
+      }
+    },
+    {
+      "scope": ["markup.raw", "markup.inline.raw"],
+      "settings": {
+        "foreground": "{{colors.secondary.dark.hex}}"
+      }
+    }
+  ],
+
+  "semanticHighlighting": true,
+  "semanticTokenColors": {
+    "variable.readonly": {
+      "foreground": "{{colors.tertiary.dark.hex}}"
+    },
+    "property": {
+      "foreground": "{{colors.on_surface.dark.hex}}"
+    },
+    "function": {
+      "foreground": "{{colors.primary.dark.hex}}"
+    },
+    "method": {
+      "foreground": "{{colors.primary.dark.hex}}"
+    },
+    "type": {
+      "foreground": "{{colors.tertiary.dark.hex}}"
+    },
+    "class": {
+      "foreground": "{{colors.tertiary.dark.hex}}"
+    },
+    "enumMember": {
+      "foreground": "{{colors.tertiary.dark.hex}}"
+    },
+    "string": {
+      "foreground": "{{colors.secondary.dark.hex}}"
+    },
+    "number": {
+      "foreground": "{{colors.tertiary.dark.hex}}"
+    },
+    "comment": {
+      "foreground": "{{colors.outline.dark.hex}}",
+      "fontStyle": "italic"
+    },
+    "keyword": {
+      "foreground": "{{colors.primary.dark.hex}}"
+    },
+    "operator": {
+      "foreground": "{{colors.on_surface.dark.hex}}"
+    },
+    "parameter": {
+      "foreground": "{{colors.on_surface.dark.hex}}"
+    },
+    "namespace": {
+      "foreground": "{{colors.secondary.dark.hex}}"
+    }
+  }
+}
diff --git a/quickshell/matugen/templates/vscode-color-theme-default.json b/quickshell/matugen/templates/vscode-color-theme-default.json
new file mode 100644
index 00000000..2485e5be
--- /dev/null
+++ b/quickshell/matugen/templates/vscode-color-theme-default.json
@@ -0,0 +1,315 @@
+{
+  "$schema": "vscode://schemas/color-theme",
+  "name": "Dynamic Base16 DankShell",
+  "colors": {
+    "editor.background": "{{colors.background.default.hex}}",
+    "editor.foreground": "{{colors.on_surface.default.hex}}",
+    "editorLineNumber.foreground": "{{colors.outline.default.hex}}",
+    "editorLineNumber.activeForeground": "{{colors.on_surface.default.hex}}",
+    "editorCursor.foreground": "{{colors.primary.default.hex}}",
+    "editor.selectionBackground": "{{colors.primary_container.default.hex}}",
+    "editor.inactiveSelectionBackground": "{{colors.background.default.hex}}",
+    "editor.lineHighlightBackground": "{{colors.background.default.hex}}",
+    "editorIndentGuide.background": "{{colors.background.default.hex}}",
+    "editorIndentGuide.activeBackground": "{{colors.outline.default.hex}}",
+    "editorWhitespace.foreground": "{{colors.outline_variant.default.hex}}",
+    "editorBracketMatch.background": "{{colors.background.default.hex}}",
+    "editorBracketMatch.border": "{{colors.primary.default.hex}}",
+
+    "activityBar.background": "{{colors.background.default.hex}}",
+    "activityBar.foreground": "{{colors.on_surface.default.hex}}",
+    "activityBar.activeBorder": "{{colors.primary.default.hex}}",
+    "activityBar.activeBackground": "{{colors.background.default.hex}}",
+    "activityBarBadge.background": "{{colors.primary.default.hex}}",
+    "activityBarBadge.foreground": "{{colors.on_primary.default.hex}}",
+
+    "sideBar.background": "{{colors.background.default.hex}}",
+    "sideBar.foreground": "{{colors.on_surface.default.hex}}",
+    "sideBar.border": "{{colors.background.default.hex}}",
+    "sideBarTitle.foreground": "{{colors.on_surface.default.hex}}",
+    "sideBarSectionHeader.background": "{{colors.background.default.hex}}",
+    "sideBarSectionHeader.foreground": "{{colors.on_surface.default.hex}}",
+
+    "list.activeSelectionBackground": "{{colors.background.default.hex}}",
+    "list.activeSelectionForeground": "{{colors.on_surface.default.hex}}",
+    "list.inactiveSelectionBackground": "{{colors.background.default.hex}}",
+    "list.inactiveSelectionForeground": "{{colors.on_surface.default.hex}}",
+    "list.hoverBackground": "{{colors.background.default.hex}}",
+    "list.hoverForeground": "{{colors.on_surface.default.hex}}",
+    "list.focusBackground": "{{colors.background.default.hex}}",
+    "list.focusForeground": "{{colors.on_surface.default.hex}}",
+    "list.highlightForeground": "{{colors.primary.default.hex}}",
+
+    "statusBar.background": "{{colors.background.default.hex}}",
+    "statusBar.foreground": "{{colors.on_surface.default.hex}}",
+    "statusBar.border": "{{colors.background.default.hex}}",
+    "statusBar.noFolderBackground": "{{colors.background.default.hex}}",
+    "statusBar.debuggingBackground": "{{colors.error.default.hex}}",
+    "statusBar.debuggingForeground": "{{colors.on_error.default.hex}}",
+
+    "tab.activeBackground": "{{colors.background.default.hex}}",
+    "tab.inactiveBackground": "{{colors.background.default.hex}}",
+    "tab.activeForeground": "{{colors.on_surface.default.hex}}",
+    "tab.inactiveForeground": "{{colors.outline.default.hex}}",
+    "tab.border": "{{colors.background.default.hex}}",
+    "tab.activeBorder": "{{colors.primary.default.hex}}",
+    "tab.unfocusedActiveBorder": "{{colors.outline.default.hex}}",
+
+    "editorGroupHeader.tabsBackground": "{{colors.background.default.hex}}",
+    "editorGroupHeader.noTabsBackground": "{{colors.background.default.hex}}",
+
+    "titleBar.activeBackground": "{{colors.background.default.hex}}",
+    "titleBar.activeForeground": "{{colors.on_surface.default.hex}}",
+    "titleBar.inactiveBackground": "{{colors.background.default.hex}}",
+    "titleBar.inactiveForeground": "{{colors.outline.default.hex}}",
+    "titleBar.border": "{{colors.background.default.hex}}",
+
+    "input.background": "{{colors.background.default.hex}}",
+    "input.foreground": "{{colors.on_surface.default.hex}}",
+    "input.border": "{{colors.outline.default.hex}}",
+    "input.placeholderForeground": "{{colors.outline.default.hex}}",
+    "inputOption.activeBorder": "{{colors.primary.default.hex}}",
+    "inputValidation.errorBackground": "{{colors.error.default.hex}}",
+    "inputValidation.errorBorder": "{{colors.error.default.hex}}",
+
+    "dropdown.background": "{{colors.background.default.hex}}",
+    "dropdown.foreground": "{{colors.on_surface.default.hex}}",
+    "dropdown.border": "{{colors.outline.default.hex}}",
+
+    "quickInput.background": "{{colors.background.default.hex}}",
+    "quickInput.foreground": "{{colors.on_surface.default.hex}}",
+    "quickInputList.focusBackground": "{{colors.background.default.hex}}",
+    "quickInputList.focusForeground": "{{colors.on_surface.default.hex}}",
+
+    "button.background": "{{colors.primary.default.hex}}",
+    "button.foreground": "{{colors.on_primary.default.hex}}",
+    "button.hoverBackground": "{{colors.primary_container.default.hex}}",
+
+    "focusBorder": "{{colors.primary.default.hex}}",
+    "badge.background": "{{colors.secondary.default.hex}}",
+    "badge.foreground": "{{colors.on_secondary.default.hex}}",
+
+    "panel.background": "{{colors.background.default.hex}}",
+    "panel.border": "{{colors.primary.default.hex}}",
+    "panelTitle.activeBorder": "{{colors.primary.default.hex}}",
+    "panelTitle.activeForeground": "{{colors.on_surface.default.hex}}",
+    "panelTitle.inactiveForeground": "{{colors.outline.default.hex}}",
+
+    "terminal.background": "{{colors.background.default.hex}}",
+    "terminal.foreground": "{{colors.on_surface.default.hex}}",
+
+    "gitDecoration.modifiedResourceForeground": "{{colors.primary.default.hex}}",
+    "gitDecoration.addedResourceForeground": "{{colors.primary.default.hex}}",
+    "gitDecoration.stageModifiedResourceForeground": "{{colors.primary.default.hex}}",
+    "gitDecoration.stageDeletedResourceForeground": "{{colors.error.default.hex}}",
+    "gitDecoration.deletedResourceForeground": "{{colors.error.default.hex}}",
+    "gitDecoration.untrackedResourceForeground": "{{colors.secondary.default.hex}}",
+    "gitDecoration.ignoredResourceForeground": "{{colors.outline.default.hex}}",
+    "gitDecoration.conflictingResourceForeground": "{{colors.error_container.default.hex}}",
+    "gitDecoration.submoduleResourceForeground": "{{colors.primary.default.hex}}",
+
+    "editorWidget.background": "{{colors.background.default.hex}}",
+    "editorWidget.border": "{{colors.outline.default.hex}}",
+    "editorSuggestWidget.background": "{{colors.background.default.hex}}",
+    "editorSuggestWidget.border": "{{colors.outline.default.hex}}",
+    "editorSuggestWidget.selectedBackground": "{{colors.background.default.hex}}",
+    "editorSuggestWidget.highlightForeground": "{{colors.primary.default.hex}}",
+
+    "peekView.border": "{{colors.primary.default.hex}}",
+    "peekViewEditor.background": "{{colors.background.default.hex}}",
+    "peekViewResult.background": "{{colors.background.default.hex}}",
+    "peekViewTitle.background": "{{colors.background.default.hex}}",
+
+    "notificationCenter.border": "{{colors.outline.default.hex}}",
+    "notifications.background": "{{colors.background.default.hex}}",
+    "notifications.border": "{{colors.outline.default.hex}}",
+
+    "breadcrumb.foreground": "{{colors.outline.default.hex}}",
+    "breadcrumb.focusForeground": "{{colors.on_surface.default.hex}}",
+    "breadcrumb.activeSelectionForeground": "{{colors.primary.default.hex}}",
+
+    "scrollbarSlider.background": "{{colors.outline.default.hex}}40",
+    "scrollbarSlider.hoverBackground": "{{colors.outline.default.hex}}60",
+    "scrollbarSlider.activeBackground": "{{colors.outline.default.hex}}80",
+
+    "editorError.foreground": "{{colors.error.default.hex}}",
+    "editorWarning.foreground": "{{colors.tertiary.default.hex}}",
+    "editorInfo.foreground": "{{colors.primary.default.hex}}",
+
+    "editorGutter.addedBackground": "{{colors.secondary.default.hex}}",
+    "editorGutter.modifiedBackground": "{{colors.tertiary.default.hex}}",
+    "editorGutter.deletedBackground": "{{colors.error.default.hex}}",
+
+    "diffEditor.insertedTextBackground": "{{colors.secondary.default.hex}}20",
+    "diffEditor.removedTextBackground": "{{colors.error.default.hex}}20",
+
+    "merge.currentHeaderBackground": "{{colors.primary.default.hex}}40",
+    "merge.incomingHeaderBackground": "{{colors.secondary.default.hex}}40",
+
+    "menubar.selectionBackground": "{{colors.background.default.hex}}",
+    "menu.background": "{{colors.background.default.hex}}",
+    "menu.foreground": "{{colors.on_surface.default.hex}}",
+    "menu.selectionBackground": "{{colors.background.default.hex}}",
+    "menu.selectionForeground": "{{colors.on_surface.default.hex}}",
+
+    "debugToolBar.background": "{{colors.background.default.hex}}",
+    "debugExceptionWidget.background": "{{colors.background.default.hex}}",
+    "debugExceptionWidget.border": "{{colors.error.default.hex}}"
+  },
+
+  "tokenColors": [
+    {
+      "scope": ["comment", "punctuation.definition.comment"],
+      "settings": {
+        "foreground": "{{colors.outline.default.hex}}",
+        "fontStyle": "italic"
+      }
+    },
+    {
+      "scope": ["keyword", "storage.type", "storage.modifier"],
+      "settings": {
+        "foreground": "{{colors.primary.default.hex}}"
+      }
+    },
+    {
+      "scope": ["variable", "meta.object-literal.key"],
+      "settings": {
+        "foreground": "{{colors.on_surface.default.hex}}"
+      }
+    },
+    {
+      "scope": ["string", "constant.other.symbol"],
+      "settings": {
+        "foreground": "{{colors.secondary.default.hex}}"
+      }
+    },
+    {
+      "scope": ["constant.numeric", "constant.language", "constant.character"],
+      "settings": {
+        "foreground": "{{colors.tertiary.default.hex}}"
+      }
+    },
+    {
+      "scope": ["entity.name.type", "support.type", "entity.name.class"],
+      "settings": {
+        "foreground": "{{colors.tertiary.default.hex}}"
+      }
+    },
+    {
+      "scope": ["entity.name.function", "support.function"],
+      "settings": {
+        "foreground": "{{colors.primary.default.hex}}"
+      }
+    },
+    {
+      "scope": ["support.class", "support.variable", "variable.language"],
+      "settings": {
+        "foreground": "{{colors.secondary.default.hex}}"
+      }
+    },
+    {
+      "scope": ["invalid"],
+      "settings": {
+        "foreground": "{{colors.error.default.hex}}"
+      }
+    },
+    {
+      "scope": ["invalid.deprecated"],
+      "settings": {
+        "foreground": "{{colors.outline.default.hex}}"
+      }
+    },
+    {
+      "scope": ["markup.heading"],
+      "settings": {
+        "foreground": "{{colors.primary.default.hex}}",
+        "fontStyle": "bold"
+      }
+    },
+    {
+      "scope": ["markup.bold"],
+      "settings": {
+        "foreground": "{{colors.tertiary.default.hex}}",
+        "fontStyle": "bold"
+      }
+    },
+    {
+      "scope": ["markup.italic"],
+      "settings": {
+        "foreground": "{{colors.primary.default.hex}}",
+        "fontStyle": "italic"
+      }
+    },
+    {
+      "scope": ["markup.underline"],
+      "settings": {
+        "fontStyle": "underline"
+      }
+    },
+    {
+      "scope": ["markup.quote"],
+      "settings": {
+        "foreground": "{{colors.secondary.default.hex}}"
+      }
+    },
+    {
+      "scope": ["markup.list"],
+      "settings": {
+        "foreground": "{{colors.on_surface.default.hex}}"
+      }
+    },
+    {
+      "scope": ["markup.raw", "markup.inline.raw"],
+      "settings": {
+        "foreground": "{{colors.secondary.default.hex}}"
+      }
+    }
+  ],
+
+  "semanticHighlighting": true,
+  "semanticTokenColors": {
+    "variable.readonly": {
+      "foreground": "{{colors.tertiary.default.hex}}"
+    },
+    "property": {
+      "foreground": "{{colors.on_surface.default.hex}}"
+    },
+    "function": {
+      "foreground": "{{colors.primary.default.hex}}"
+    },
+    "method": {
+      "foreground": "{{colors.primary.default.hex}}"
+    },
+    "type": {
+      "foreground": "{{colors.tertiary.default.hex}}"
+    },
+    "class": {
+      "foreground": "{{colors.tertiary.default.hex}}"
+    },
+    "enumMember": {
+      "foreground": "{{colors.tertiary.default.hex}}"
+    },
+    "string": {
+      "foreground": "{{colors.secondary.default.hex}}"
+    },
+    "number": {
+      "foreground": "{{colors.tertiary.default.hex}}"
+    },
+    "comment": {
+      "foreground": "{{colors.outline.default.hex}}",
+      "fontStyle": "italic"
+    },
+    "keyword": {
+      "foreground": "{{colors.primary.default.hex}}"
+    },
+    "operator": {
+      "foreground": "{{colors.on_surface.default.hex}}"
+    },
+    "parameter": {
+      "foreground": "{{colors.on_surface.default.hex}}"
+    },
+    "namespace": {
+      "foreground": "{{colors.secondary.default.hex}}"
+    }
+  }
+}
diff --git a/quickshell/matugen/templates/vscode-color-theme-light.json b/quickshell/matugen/templates/vscode-color-theme-light.json
new file mode 100644
index 00000000..67a1e0cc
--- /dev/null
+++ b/quickshell/matugen/templates/vscode-color-theme-light.json
@@ -0,0 +1,315 @@
+{
+  "$schema": "vscode://schemas/color-theme",
+  "name": "Dynamic Base16 DankShell",
+  "colors": {
+    "editor.background": "{{colors.background.light.hex}}",
+    "editor.foreground": "{{colors.on_surface.light.hex}}",
+    "editorLineNumber.foreground": "{{colors.outline.light.hex}}",
+    "editorLineNumber.activeForeground": "{{colors.on_surface.light.hex}}",
+    "editorCursor.foreground": "{{colors.primary.light.hex}}",
+    "editor.selectionBackground": "{{colors.primary_container.light.hex}}",
+    "editor.inactiveSelectionBackground": "{{colors.background.light.hex}}",
+    "editor.lineHighlightBackground": "{{colors.background.light.hex}}",
+    "editorIndentGuide.background": "{{colors.background.light.hex}}",
+    "editorIndentGuide.activeBackground": "{{colors.outline.light.hex}}",
+    "editorWhitespace.foreground": "{{colors.outline_variant.light.hex}}",
+    "editorBracketMatch.background": "{{colors.background.light.hex}}",
+    "editorBracketMatch.border": "{{colors.primary.light.hex}}",
+
+    "activityBar.background": "{{colors.background.light.hex}}",
+    "activityBar.foreground": "{{colors.on_surface.light.hex}}",
+    "activityBar.activeBorder": "{{colors.primary.light.hex}}",
+    "activityBar.activeBackground": "{{colors.background.light.hex}}",
+    "activityBarBadge.background": "{{colors.primary.light.hex}}",
+    "activityBarBadge.foreground": "{{colors.on_primary.light.hex}}",
+
+    "sideBar.background": "{{colors.background.light.hex}}",
+    "sideBar.foreground": "{{colors.on_surface.light.hex}}",
+    "sideBar.border": "{{colors.background.light.hex}}",
+    "sideBarTitle.foreground": "{{colors.on_surface.light.hex}}",
+    "sideBarSectionHeader.background": "{{colors.background.light.hex}}",
+    "sideBarSectionHeader.foreground": "{{colors.on_surface.light.hex}}",
+
+    "list.activeSelectionBackground": "{{colors.background.light.hex}}",
+    "list.activeSelectionForeground": "{{colors.on_surface.light.hex}}",
+    "list.inactiveSelectionBackground": "{{colors.background.light.hex}}",
+    "list.inactiveSelectionForeground": "{{colors.on_surface.light.hex}}",
+    "list.hoverBackground": "{{colors.background.light.hex}}",
+    "list.hoverForeground": "{{colors.on_surface.light.hex}}",
+    "list.focusBackground": "{{colors.background.light.hex}}",
+    "list.focusForeground": "{{colors.on_surface.light.hex}}",
+    "list.highlightForeground": "{{colors.primary.light.hex}}",
+
+    "statusBar.background": "{{colors.background.light.hex}}",
+    "statusBar.foreground": "{{colors.on_surface.light.hex}}",
+    "statusBar.border": "{{colors.background.light.hex}}",
+    "statusBar.noFolderBackground": "{{colors.background.light.hex}}",
+    "statusBar.debuggingBackground": "{{colors.error.light.hex}}",
+    "statusBar.debuggingForeground": "{{colors.on_error.light.hex}}",
+
+    "tab.activeBackground": "{{colors.background.light.hex}}",
+    "tab.inactiveBackground": "{{colors.background.light.hex}}",
+    "tab.activeForeground": "{{colors.on_surface.light.hex}}",
+    "tab.inactiveForeground": "{{colors.outline.light.hex}}",
+    "tab.border": "{{colors.background.light.hex}}",
+    "tab.activeBorder": "{{colors.primary.light.hex}}",
+    "tab.unfocusedActiveBorder": "{{colors.outline.light.hex}}",
+
+    "editorGroupHeader.tabsBackground": "{{colors.background.light.hex}}",
+    "editorGroupHeader.noTabsBackground": "{{colors.background.light.hex}}",
+
+    "titleBar.activeBackground": "{{colors.background.light.hex}}",
+    "titleBar.activeForeground": "{{colors.on_surface.light.hex}}",
+    "titleBar.inactiveBackground": "{{colors.background.light.hex}}",
+    "titleBar.inactiveForeground": "{{colors.outline.light.hex}}",
+    "titleBar.border": "{{colors.background.light.hex}}",
+
+    "input.background": "{{colors.background.light.hex}}",
+    "input.foreground": "{{colors.on_surface.light.hex}}",
+    "input.border": "{{colors.outline.light.hex}}",
+    "input.placeholderForeground": "{{colors.outline.light.hex}}",
+    "inputOption.activeBorder": "{{colors.primary.light.hex}}",
+    "inputValidation.errorBackground": "{{colors.error.light.hex}}",
+    "inputValidation.errorBorder": "{{colors.error.light.hex}}",
+
+    "dropdown.background": "{{colors.background.light.hex}}",
+    "dropdown.foreground": "{{colors.on_surface.light.hex}}",
+    "dropdown.border": "{{colors.outline.light.hex}}",
+
+    "quickInput.background": "{{colors.background.light.hex}}",
+    "quickInput.foreground": "{{colors.on_surface.light.hex}}",
+    "quickInputList.focusBackground": "{{colors.background.light.hex}}",
+    "quickInputList.focusForeground": "{{colors.on_surface.light.hex}}",
+
+    "button.background": "{{colors.primary.light.hex}}",
+    "button.foreground": "{{colors.on_primary.light.hex}}",
+    "button.hoverBackground": "{{colors.primary_container.light.hex}}",
+
+    "focusBorder": "{{colors.primary.light.hex}}",
+    "badge.background": "{{colors.secondary.light.hex}}",
+    "badge.foreground": "{{colors.on_secondary.light.hex}}",
+
+    "panel.background": "{{colors.background.light.hex}}",
+    "panel.border": "{{colors.primary.light.hex}}",
+    "panelTitle.activeBorder": "{{colors.primary.light.hex}}",
+    "panelTitle.activeForeground": "{{colors.on_surface.light.hex}}",
+    "panelTitle.inactiveForeground": "{{colors.outline.light.hex}}",
+
+    "terminal.background": "{{colors.background.light.hex}}",
+    "terminal.foreground": "{{colors.on_surface.light.hex}}",
+
+    "gitDecoration.modifiedResourceForeground": "{{colors.primary.light.hex}}",
+    "gitDecoration.addedResourceForeground": "{{colors.primary.light.hex}}",
+    "gitDecoration.stageModifiedResourceForeground": "{{colors.primary.light.hex}}",
+    "gitDecoration.stageDeletedResourceForeground": "{{colors.error.light.hex}}",
+    "gitDecoration.deletedResourceForeground": "{{colors.error.light.hex}}",
+    "gitDecoration.untrackedResourceForeground": "{{colors.secondary.light.hex}}",
+    "gitDecoration.ignoredResourceForeground": "{{colors.outline.light.hex}}",
+    "gitDecoration.conflictingResourceForeground": "{{colors.error_container.light.hex}}",
+    "gitDecoration.submoduleResourceForeground": "{{colors.primary.light.hex}}",
+
+    "editorWidget.background": "{{colors.background.light.hex}}",
+    "editorWidget.border": "{{colors.outline.light.hex}}",
+    "editorSuggestWidget.background": "{{colors.background.light.hex}}",
+    "editorSuggestWidget.border": "{{colors.outline.light.hex}}",
+    "editorSuggestWidget.selectedBackground": "{{colors.background.light.hex}}",
+    "editorSuggestWidget.highlightForeground": "{{colors.primary.light.hex}}",
+
+    "peekView.border": "{{colors.primary.light.hex}}",
+    "peekViewEditor.background": "{{colors.background.light.hex}}",
+    "peekViewResult.background": "{{colors.background.light.hex}}",
+    "peekViewTitle.background": "{{colors.background.light.hex}}",
+
+    "notificationCenter.border": "{{colors.outline.light.hex}}",
+    "notifications.background": "{{colors.background.light.hex}}",
+    "notifications.border": "{{colors.outline.light.hex}}",
+
+    "breadcrumb.foreground": "{{colors.outline.light.hex}}",
+    "breadcrumb.focusForeground": "{{colors.on_surface.light.hex}}",
+    "breadcrumb.activeSelectionForeground": "{{colors.primary.light.hex}}",
+
+    "scrollbarSlider.background": "{{colors.outline.light.hex}}40",
+    "scrollbarSlider.hoverBackground": "{{colors.outline.light.hex}}60",
+    "scrollbarSlider.activeBackground": "{{colors.outline.light.hex}}80",
+
+    "editorError.foreground": "{{colors.error.light.hex}}",
+    "editorWarning.foreground": "{{colors.tertiary.light.hex}}",
+    "editorInfo.foreground": "{{colors.primary.light.hex}}",
+
+    "editorGutter.addedBackground": "{{colors.secondary.light.hex}}",
+    "editorGutter.modifiedBackground": "{{colors.tertiary.light.hex}}",
+    "editorGutter.deletedBackground": "{{colors.error.light.hex}}",
+
+    "diffEditor.insertedTextBackground": "{{colors.secondary.light.hex}}20",
+    "diffEditor.removedTextBackground": "{{colors.error.light.hex}}20",
+
+    "merge.currentHeaderBackground": "{{colors.primary.light.hex}}40",
+    "merge.incomingHeaderBackground": "{{colors.secondary.light.hex}}40",
+
+    "menubar.selectionBackground": "{{colors.background.light.hex}}",
+    "menu.background": "{{colors.background.light.hex}}",
+    "menu.foreground": "{{colors.on_surface.light.hex}}",
+    "menu.selectionBackground": "{{colors.background.light.hex}}",
+    "menu.selectionForeground": "{{colors.on_surface.light.hex}}",
+
+    "debugToolBar.background": "{{colors.background.light.hex}}",
+    "debugExceptionWidget.background": "{{colors.background.light.hex}}",
+    "debugExceptionWidget.border": "{{colors.error.light.hex}}"
+  },
+
+  "tokenColors": [
+    {
+      "scope": ["comment", "punctuation.definition.comment"],
+      "settings": {
+        "foreground": "{{colors.outline.light.hex}}",
+        "fontStyle": "italic"
+      }
+    },
+    {
+      "scope": ["keyword", "storage.type", "storage.modifier"],
+      "settings": {
+        "foreground": "{{colors.primary.light.hex}}"
+      }
+    },
+    {
+      "scope": ["variable", "meta.object-literal.key"],
+      "settings": {
+        "foreground": "{{colors.on_surface.light.hex}}"
+      }
+    },
+    {
+      "scope": ["string", "constant.other.symbol"],
+      "settings": {
+        "foreground": "{{colors.secondary.light.hex}}"
+      }
+    },
+    {
+      "scope": ["constant.numeric", "constant.language", "constant.character"],
+      "settings": {
+        "foreground": "{{colors.tertiary.light.hex}}"
+      }
+    },
+    {
+      "scope": ["entity.name.type", "support.type", "entity.name.class"],
+      "settings": {
+        "foreground": "{{colors.tertiary.light.hex}}"
+      }
+    },
+    {
+      "scope": ["entity.name.function", "support.function"],
+      "settings": {
+        "foreground": "{{colors.primary.light.hex}}"
+      }
+    },
+    {
+      "scope": ["support.class", "support.variable", "variable.language"],
+      "settings": {
+        "foreground": "{{colors.secondary.light.hex}}"
+      }
+    },
+    {
+      "scope": ["invalid"],
+      "settings": {
+        "foreground": "{{colors.error.light.hex}}"
+      }
+    },
+    {
+      "scope": ["invalid.deprecated"],
+      "settings": {
+        "foreground": "{{colors.outline.light.hex}}"
+      }
+    },
+    {
+      "scope": ["markup.heading"],
+      "settings": {
+        "foreground": "{{colors.primary.light.hex}}",
+        "fontStyle": "bold"
+      }
+    },
+    {
+      "scope": ["markup.bold"],
+      "settings": {
+        "foreground": "{{colors.tertiary.light.hex}}",
+        "fontStyle": "bold"
+      }
+    },
+    {
+      "scope": ["markup.italic"],
+      "settings": {
+        "foreground": "{{colors.primary.light.hex}}",
+        "fontStyle": "italic"
+      }
+    },
+    {
+      "scope": ["markup.underline"],
+      "settings": {
+        "fontStyle": "underline"
+      }
+    },
+    {
+      "scope": ["markup.quote"],
+      "settings": {
+        "foreground": "{{colors.secondary.light.hex}}"
+      }
+    },
+    {
+      "scope": ["markup.list"],
+      "settings": {
+        "foreground": "{{colors.on_surface.light.hex}}"
+      }
+    },
+    {
+      "scope": ["markup.raw", "markup.inline.raw"],
+      "settings": {
+        "foreground": "{{colors.secondary.light.hex}}"
+      }
+    }
+  ],
+
+  "semanticHighlighting": true,
+  "semanticTokenColors": {
+    "variable.readonly": {
+      "foreground": "{{colors.tertiary.light.hex}}"
+    },
+    "property": {
+      "foreground": "{{colors.on_surface.light.hex}}"
+    },
+    "function": {
+      "foreground": "{{colors.primary.light.hex}}"
+    },
+    "method": {
+      "foreground": "{{colors.primary.light.hex}}"
+    },
+    "type": {
+      "foreground": "{{colors.tertiary.light.hex}}"
+    },
+    "class": {
+      "foreground": "{{colors.tertiary.light.hex}}"
+    },
+    "enumMember": {
+      "foreground": "{{colors.tertiary.light.hex}}"
+    },
+    "string": {
+      "foreground": "{{colors.secondary.light.hex}}"
+    },
+    "number": {
+      "foreground": "{{colors.tertiary.light.hex}}"
+    },
+    "comment": {
+      "foreground": "{{colors.outline.light.hex}}",
+      "fontStyle": "italic"
+    },
+    "keyword": {
+      "foreground": "{{colors.primary.light.hex}}"
+    },
+    "operator": {
+      "foreground": "{{colors.on_surface.light.hex}}"
+    },
+    "parameter": {
+      "foreground": "{{colors.on_surface.light.hex}}"
+    },
+    "namespace": {
+      "foreground": "{{colors.secondary.light.hex}}"
+    }
+  }
+}