mirror of
https://github.com/heygen-com/hyperframes.git
synced 2026-09-07 10:06:21 +00:00
Miguel Ángel
5245e19062
* feat(registry): add VS Code theme visualizer example Full VS Code workbench recreation with per-character typing animation across 12 built-in themes. Includes activity bar, sidebar, tabs, editor with line-by-line cursor tracking, terminal panel, and status bar — all driven by official VS Code theme JSON files. Themes: Dark Modern, Dark 2026, Dark+, Light Modern, Light 2026, Light+, Visual Studio Dark, Visual Studio Light, High Contrast, High Contrast Light, Solarized Light, Monokai. Includes build scripts to regenerate compositions from theme JSON. * feat(registry): add 12 code snippet blocks for hyperframes add code Individual blocks for each VS Code built-in theme, all tagged "code" so `npx hyperframes add code` installs the full set. Each block is a self-contained VS Code workbench with per-character typing animation, activity bar, sidebar, tabs, terminal, and status bar driven by official theme JSON data. * docs: add mdx pages for code snippet blocks and example - 12 block doc pages under catalog/blocks/code-snippet-* - "Code Snippets" nav group in docs.json - vscode-theme-visualizer entry in examples.mdx * docs: revert examples.mdx — code snippets belong in catalog only * docs: drop redundant 'Code Snippet' prefix from sidebar titles * docs: add video previews to code snippet catalog pages * style: format HTML, CSS, and MJS files for CI * fix: address review feedback — build pipeline, LICENSE, dead code, nav order 1. Build script now regenerates both example compositions AND published blocks in registry/blocks/code-snippet-*/, keeping them in sync. 2. Add MIT LICENSE for vendored VS Code theme JSONs (microsoft/vscode). 3. Remove dead `chars` variable from runtime, build script, all blocks, and all example compositions. 4. Alphabetize Code Snippets nav group in docs.json to match catalog convention. * style: format all build-generated files (render-entries, CSS, index)
134 lines
5.3 KiB
JSON
134 lines
5.3 KiB
JSON
{
|
|
"$schema": "vscode://schemas/color-theme",
|
|
"name": "Dark Modern",
|
|
"include": "./dark_plus.json",
|
|
"colors": {
|
|
"activityBar.activeBorder": "#0078D4",
|
|
"activityBar.background": "#181818",
|
|
"activityBar.border": "#2B2B2B",
|
|
"activityBar.foreground": "#D7D7D7",
|
|
"activityBar.inactiveForeground": "#868686",
|
|
"activityBarBadge.background": "#0078D4",
|
|
"activityBarBadge.foreground": "#FFFFFF",
|
|
"badge.background": "#616161",
|
|
"badge.foreground": "#F8F8F8",
|
|
"button.background": "#0078D4",
|
|
"button.border": "#ffffff1a",
|
|
"button.foreground": "#FFFFFF",
|
|
"button.hoverBackground": "#026EC1",
|
|
"button.secondaryBackground": "#00000000",
|
|
"button.secondaryForeground": "#CCCCCC",
|
|
"button.secondaryHoverBackground": "#2B2B2B",
|
|
"chat.slashCommandBackground": "#26477866",
|
|
"chat.slashCommandForeground": "#85B6FF",
|
|
"chat.editedFileForeground": "#E2C08D",
|
|
"checkbox.background": "#313131",
|
|
"checkbox.border": "#3C3C3C",
|
|
"debugToolBar.background": "#181818",
|
|
"descriptionForeground": "#9D9D9D",
|
|
"dropdown.background": "#313131",
|
|
"dropdown.border": "#3C3C3C",
|
|
"dropdown.foreground": "#CCCCCC",
|
|
"dropdown.listBackground": "#1F1F1F",
|
|
"editor.background": "#1F1F1F",
|
|
"editor.findMatchBackground": "#9E6A03",
|
|
"editor.foreground": "#CCCCCC",
|
|
"editorGroup.border": "#FFFFFF17",
|
|
"editorGroupHeader.tabsBackground": "#181818",
|
|
"editorGroupHeader.tabsBorder": "#2B2B2B",
|
|
"editorGutter.addedBackground": "#2EA043",
|
|
"editorGutter.deletedBackground": "#F85149",
|
|
"editorGutter.modifiedBackground": "#0078D4",
|
|
"editorLineNumber.activeForeground": "#CCCCCC",
|
|
"editorLineNumber.foreground": "#6E7681",
|
|
"editorOverviewRuler.border": "#010409",
|
|
"editorWidget.background": "#202020",
|
|
"errorForeground": "#F85149",
|
|
"focusBorder": "#0078D4",
|
|
"foreground": "#CCCCCC",
|
|
"icon.foreground": "#CCCCCC",
|
|
"input.background": "#313131",
|
|
"input.border": "#3C3C3C",
|
|
"input.foreground": "#CCCCCC",
|
|
"input.placeholderForeground": "#989898",
|
|
"inputOption.activeBackground": "#2489DB82",
|
|
"inputOption.activeBorder": "#2488DB",
|
|
"keybindingLabel.foreground": "#CCCCCC",
|
|
"menu.background": "#1F1F1F",
|
|
"menu.selectionBackground": "#0078d4",
|
|
"notificationCenterHeader.background": "#1F1F1F",
|
|
"notificationCenterHeader.foreground": "#CCCCCC",
|
|
"notifications.background": "#1F1F1F",
|
|
"notifications.border": "#2B2B2B",
|
|
"notifications.foreground": "#CCCCCC",
|
|
"panel.background": "#181818",
|
|
"panel.border": "#2B2B2B",
|
|
"panelInput.border": "#2B2B2B",
|
|
"panelTitle.activeBorder": "#0078D4",
|
|
"panelTitle.activeForeground": "#CCCCCC",
|
|
"panelTitle.inactiveForeground": "#9D9D9D",
|
|
"peekViewEditor.background": "#1F1F1F",
|
|
"peekViewEditor.matchHighlightBackground": "#BB800966",
|
|
"peekViewResult.background": "#1F1F1F",
|
|
"peekViewResult.matchHighlightBackground": "#BB800966",
|
|
"pickerGroup.border": "#3C3C3C",
|
|
"progressBar.background": "#0078D4",
|
|
"quickInput.background": "#222222",
|
|
"quickInput.foreground": "#CCCCCC",
|
|
"settings.dropdownBackground": "#313131",
|
|
"settings.dropdownBorder": "#3C3C3C",
|
|
"settings.headerForeground": "#FFFFFF",
|
|
"settings.modifiedItemIndicator": "#BB800966",
|
|
"sideBar.background": "#181818",
|
|
"sideBar.border": "#2B2B2B",
|
|
"sideBar.foreground": "#CCCCCC",
|
|
"sideBarSectionHeader.background": "#181818",
|
|
"sideBarSectionHeader.border": "#2B2B2B",
|
|
"sideBarSectionHeader.foreground": "#CCCCCC",
|
|
"sideBarTitle.foreground": "#CCCCCC",
|
|
"statusBar.background": "#181818",
|
|
"statusBar.border": "#2B2B2B",
|
|
"statusBarItem.hoverBackground": "#F1F1F133",
|
|
"statusBarItem.hoverForeground": "#FFFFFF",
|
|
"statusBar.debuggingBackground": "#0078D4",
|
|
"statusBar.debuggingForeground": "#FFFFFF",
|
|
"statusBar.focusBorder": "#0078D4",
|
|
"statusBar.foreground": "#CCCCCC",
|
|
"statusBar.noFolderBackground": "#1F1F1F",
|
|
"statusBarItem.focusBorder": "#0078D4",
|
|
"statusBarItem.prominentBackground": "#6E768166",
|
|
"statusBarItem.remoteBackground": "#0078D4",
|
|
"statusBarItem.remoteForeground": "#FFFFFF",
|
|
"tab.activeBackground": "#1F1F1F",
|
|
"tab.activeBorder": "#1F1F1F",
|
|
"tab.activeBorderTop": "#0078D4",
|
|
"tab.activeForeground": "#FFFFFF",
|
|
"tab.selectedBorderTop": "#6caddf",
|
|
"tab.border": "#2B2B2B",
|
|
"tab.hoverBackground": "#1F1F1F",
|
|
"tab.inactiveBackground": "#181818",
|
|
"tab.inactiveForeground": "#9D9D9D",
|
|
"tab.unfocusedActiveBorder": "#1F1F1F",
|
|
"tab.unfocusedActiveBorderTop": "#2B2B2B",
|
|
"tab.unfocusedHoverBackground": "#1F1F1F",
|
|
"terminal.foreground": "#CCCCCC",
|
|
"terminal.tab.activeBorder": "#0078D4",
|
|
"textBlockQuote.background": "#2B2B2B",
|
|
"textBlockQuote.border": "#616161",
|
|
"textCodeBlock.background": "#2B2B2B",
|
|
"textLink.activeForeground": "#4daafc",
|
|
"textLink.foreground": "#4daafc",
|
|
"textPreformat.foreground": "#D0D0D0",
|
|
"textPreformat.background": "#3C3C3C",
|
|
"textSeparator.foreground": "#21262D",
|
|
"titleBar.activeBackground": "#181818",
|
|
"titleBar.activeForeground": "#CCCCCC",
|
|
"titleBar.border": "#2B2B2B",
|
|
"titleBar.inactiveBackground": "#1F1F1F",
|
|
"titleBar.inactiveForeground": "#9D9D9D",
|
|
"welcomePage.tileBackground": "#2B2B2B",
|
|
"welcomePage.progress.foreground": "#0078D4",
|
|
"widget.border": "#313131"
|
|
}
|
|
}
|