> ## Documentation Index > Fetch the complete documentation index at: /llms.txt > Use this file to discover all available pages before exploring further. # Code Snippet - Dark Modern > VS Code workbench with per-character typing animation in the Dark Modern theme. Full editor chrome with activity bar, sidebar, tabs, terminal, and status bar. # Code Snippet - Dark Modern VS Code workbench with per-character typing animation in the Dark Modern theme. Full editor chrome with activity bar, sidebar, tabs, terminal, and status bar. **Code Snippet - Dark Modern** ```html code-snippet-dark-modern.html theme={null} Dark Modern VS Code Theme Composition ``` Copy npx hyperframes add code-snippet-dark-modern to the clipboard That writes `compositions/code-snippet-dark-modern.html`, plus 1 supporting file under `assets/`. ## Add it to your video It runs for 11 seconds at 1920×1080. Paste this into your composition: ```html index.html theme={null}
``` Move it in time with `data-start`. Put it on a different timeline row with `data-track-index`. See [data attributes](/concepts/data-attributes.md) for the rest. Tagged `code` `developer` `showcase` `vscode`. ## Related topics * [Browse the complete Catalog](/catalog.md) * [Add assets and Catalog items in the browser editor](/studio/assets-and-blocks.md) * [Put blocks together into one video](/concepts/compositions.md) ## Related topics - [Text, captions and code on screen](/prompting/captions-catalog.md) - [Inspiration](/examples.md) - [Turn a GitHub PR into a video](/guides/pr-to-video.md) This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.