mirror of
https://github.com/heygen-com/hyperframes.git
synced 2026-09-03 23:03:09 +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)
153 lines
6.2 KiB
JSON
153 lines
6.2 KiB
JSON
{
|
|
"$schema": "vscode://schemas/color-theme",
|
|
"name": "Light Modern",
|
|
"include": "./light_plus.json",
|
|
"colors": {
|
|
"activityBar.activeBorder": "#005FB8",
|
|
"activityBar.background": "#F8F8F8",
|
|
"activityBar.border": "#E5E5E5",
|
|
"activityBar.foreground": "#1F1F1F",
|
|
"activityBar.inactiveForeground": "#616161",
|
|
"activityBarBadge.background": "#005FB8",
|
|
"activityBarBadge.foreground": "#FFFFFF",
|
|
"badge.background": "#CCCCCC",
|
|
"badge.foreground": "#3B3B3B",
|
|
"button.background": "#005FB8",
|
|
"button.border": "#0000001a",
|
|
"button.foreground": "#FFFFFF",
|
|
"button.hoverBackground": "#0258A8",
|
|
"button.secondaryBackground": "#E5E5E5",
|
|
"button.secondaryForeground": "#3B3B3B",
|
|
"button.secondaryHoverBackground": "#CCCCCC",
|
|
"chat.slashCommandBackground": "#ADCEFF7A",
|
|
"chat.slashCommandForeground": "#26569E",
|
|
"chat.editedFileForeground": "#895503",
|
|
"checkbox.background": "#F8F8F8",
|
|
"checkbox.border": "#CECECE",
|
|
"descriptionForeground": "#3B3B3B",
|
|
"dropdown.background": "#FFFFFF",
|
|
"dropdown.border": "#CECECE",
|
|
"dropdown.foreground": "#3B3B3B",
|
|
"dropdown.listBackground": "#FFFFFF",
|
|
"editor.background": "#FFFFFF",
|
|
"editor.foreground": "#3B3B3B",
|
|
"editor.inactiveSelectionBackground": "#E5EBF1",
|
|
"editor.selectionHighlightBackground": "#ADD6FF80",
|
|
"editorGroup.border": "#E5E5E5",
|
|
"editorGroupHeader.tabsBackground": "#F8F8F8",
|
|
"editorGroupHeader.tabsBorder": "#E5E5E5",
|
|
"editorGutter.addedBackground": "#2EA043",
|
|
"editorGutter.deletedBackground": "#F85149",
|
|
"editorGutter.modifiedBackground": "#005FB8",
|
|
"editorIndentGuide.background1": "#D3D3D3",
|
|
"editorLineNumber.activeForeground": "#171184",
|
|
"editorLineNumber.foreground": "#6E7681",
|
|
"editorOverviewRuler.border": "#E5E5E5",
|
|
"editorSuggestWidget.background": "#F8F8F8",
|
|
"editorWidget.background": "#F8F8F8",
|
|
"errorForeground": "#F85149",
|
|
"focusBorder": "#005FB8",
|
|
"foreground": "#3B3B3B",
|
|
"icon.foreground": "#3B3B3B",
|
|
"input.background": "#FFFFFF",
|
|
"input.border": "#CECECE",
|
|
"input.foreground": "#3B3B3B",
|
|
"input.placeholderForeground": "#767676",
|
|
"inputOption.activeBackground": "#BED6ED",
|
|
"inputOption.activeBorder": "#005FB8",
|
|
"inputOption.activeForeground": "#000000",
|
|
"keybindingLabel.foreground": "#3B3B3B",
|
|
"list.activeSelectionBackground": "#E8E8E8",
|
|
"list.activeSelectionForeground": "#000000",
|
|
"list.activeSelectionIconForeground": "#000000",
|
|
"list.hoverBackground": "#F2F2F2",
|
|
"list.focusAndSelectionOutline": "#005FB8",
|
|
"menu.border": "#CECECE",
|
|
"menu.selectionBackground": "#005FB8",
|
|
"menu.selectionForeground": "#ffffff",
|
|
"notebook.cellBorderColor": "#E5E5E5",
|
|
"notebook.selectedCellBackground": "#C8DDF150",
|
|
"notificationCenterHeader.background": "#FFFFFF",
|
|
"notificationCenterHeader.foreground": "#3B3B3B",
|
|
"notifications.background": "#FFFFFF",
|
|
"notifications.border": "#E5E5E5",
|
|
"notifications.foreground": "#3B3B3B",
|
|
"panel.background": "#F8F8F8",
|
|
"panel.border": "#E5E5E5",
|
|
"panelInput.border": "#E5E5E5",
|
|
"panelTitle.activeBorder": "#005FB8",
|
|
"panelTitle.activeForeground": "#3B3B3B",
|
|
"panelTitle.inactiveForeground": "#3B3B3B",
|
|
"peekViewEditor.matchHighlightBackground": "#BB800966",
|
|
"peekViewResult.background": "#FFFFFF",
|
|
"peekViewResult.matchHighlightBackground": "#BB800966",
|
|
"pickerGroup.border": "#E5E5E5",
|
|
"pickerGroup.foreground": "#8B949E",
|
|
"ports.iconRunningProcessForeground": "#369432",
|
|
"progressBar.background": "#005FB8",
|
|
"quickInput.background": "#F8F8F8",
|
|
"quickInput.foreground": "#3B3B3B",
|
|
"searchEditor.textInputBorder": "#CECECE",
|
|
"settings.dropdownBackground": "#FFFFFF",
|
|
"settings.dropdownBorder": "#CECECE",
|
|
"settings.headerForeground": "#1F1F1F",
|
|
"settings.modifiedItemIndicator": "#BB800966",
|
|
"settings.numberInputBorder": "#CECECE",
|
|
"settings.textInputBorder": "#CECECE",
|
|
"sideBar.background": "#F8F8F8",
|
|
"sideBar.border": "#E5E5E5",
|
|
"sideBar.foreground": "#3B3B3B",
|
|
"sideBarSectionHeader.background": "#F8F8F8",
|
|
"sideBarSectionHeader.border": "#E5E5E5",
|
|
"sideBarSectionHeader.foreground": "#3B3B3B",
|
|
"sideBarTitle.foreground": "#3B3B3B",
|
|
"statusBar.background": "#F8F8F8",
|
|
"statusBar.foreground": "#3B3B3B",
|
|
"statusBar.border": "#E5E5E5",
|
|
"statusBarItem.hoverBackground": "#1F1F1F11",
|
|
"statusBarItem.hoverForeground": "#000000",
|
|
"statusBarItem.compactHoverBackground": "#CCCCCC",
|
|
"statusBar.debuggingBackground": "#FD716C",
|
|
"statusBar.debuggingForeground": "#000000",
|
|
"statusBar.focusBorder": "#005FB8",
|
|
"statusBar.noFolderBackground": "#F8F8F8",
|
|
"statusBarItem.errorBackground": "#C72E0F",
|
|
"statusBarItem.focusBorder": "#005FB8",
|
|
"statusBarItem.prominentBackground": "#6E768166",
|
|
"statusBarItem.remoteBackground": "#005FB8",
|
|
"statusBarItem.remoteForeground": "#FFFFFF",
|
|
"tab.activeBackground": "#FFFFFF",
|
|
"tab.activeBorder": "#F8F8F8",
|
|
"tab.activeBorderTop": "#005FB8",
|
|
"tab.activeForeground": "#3B3B3B",
|
|
"tab.selectedBorderTop": "#68a3da",
|
|
"tab.border": "#E5E5E5",
|
|
"tab.hoverBackground": "#FFFFFF",
|
|
"tab.inactiveBackground": "#F8F8F8",
|
|
"tab.inactiveForeground": "#868686",
|
|
"tab.lastPinnedBorder": "#D4D4D4",
|
|
"tab.unfocusedActiveBorder": "#F8F8F8",
|
|
"tab.unfocusedActiveBorderTop": "#E5E5E5",
|
|
"tab.unfocusedHoverBackground": "#F8F8F8",
|
|
"terminalCursor.foreground": "#005FB8",
|
|
"terminal.foreground": "#3B3B3B",
|
|
"terminal.inactiveSelectionBackground": "#E5EBF1",
|
|
"terminal.tab.activeBorder": "#005FB8",
|
|
"textBlockQuote.background": "#F8F8F8",
|
|
"textBlockQuote.border": "#E5E5E5",
|
|
"textCodeBlock.background": "#F8F8F8",
|
|
"textLink.activeForeground": "#005FB8",
|
|
"textLink.foreground": "#005FB8",
|
|
"textPreformat.foreground": "#3B3B3B",
|
|
"textPreformat.background": "#0000001F",
|
|
"textSeparator.foreground": "#21262D",
|
|
"titleBar.activeBackground": "#F8F8F8",
|
|
"titleBar.activeForeground": "#1E1E1E",
|
|
"titleBar.border": "#E5E5E5",
|
|
"titleBar.inactiveBackground": "#F8F8F8",
|
|
"titleBar.inactiveForeground": "#8B949E",
|
|
"welcomePage.tileBackground": "#F3F3F3",
|
|
"widget.border": "#E5E5E5"
|
|
}
|
|
}
|