Skip to content

Commit 749b312

Browse files
committed
add vscode to docs
1 parent 7f450e8 commit 749b312

3 files changed

Lines changed: 22 additions & 1 deletion

File tree

docs/dankmaterialshell/application-themes.mdx

Lines changed: 22 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,8 @@ sidebar_position: 4.2
44
---
55

66
import Hero from '@site/src/components/Hero';
7+
import ThemedImage from '@theme/ThemedImage';
8+
import useBaseUrl from '@docusaurus/useBaseUrl';
79

810
<Hero
911
asciiArt={`████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
@@ -196,9 +198,28 @@ Restart DMS to generate the palette, then enable Pywalfox in the browser.
196198
- Keep userChrome/userContent overrides under version control
197199
- Disable conflicting theme extensions when using DMS-managed colors
198200

201+
## Editors
202+
203+
Editors use a mix of `dank16` and matugen to produce a colorful, theme-honoring template with contrast in the editor itself.
204+
205+
### VSCode
206+
207+
Open the command palette with `ctrl`+`shift`+`p`, choose `Preferences: Color Scheme` and then pick `Dynamic Base16 DankShell`
208+
209+
<ThemedImage
210+
alt="VS Code theme selection"
211+
sources={{
212+
light: useBaseUrl('/img/vscodelight.png'),
213+
dark: useBaseUrl('/img/vscode.png'),
214+
}}
215+
style={{ maxWidth: '800px', width: '100%' }}
216+
/>
217+
218+
219+
199220
## Terminal Applications
200221

201-
Matugen automatically generates theme files for supported terminal emulators.
222+
Terminal editors use a custom `dank16` algorithm alongside matugen to generate a palette that honors the theme aesthetic while also providing 16 ansi colors.
202223

203224
### Ghostty
204225

static/img/vscode.png

79.1 KB
Loading

static/img/vscodelight.png

80 KB
Loading

0 commit comments

Comments
 (0)