mirror of
https://github.com/heygen-com/hyperframes.git
synced 2026-09-01 19:42:03 +00:00
* 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)
195 lines
5.1 KiB
JSON
195 lines
5.1 KiB
JSON
{
|
|
"$schema": "vscode://schemas/color-theme",
|
|
"name": "Dark+",
|
|
"include": "./dark_vs.json",
|
|
"tokenColors": [
|
|
{
|
|
"name": "Function declarations",
|
|
"scope": [
|
|
"entity.name.function",
|
|
"support.function",
|
|
"support.constant.handlebars",
|
|
"source.powershell variable.other.member",
|
|
"entity.name.operator.custom-literal" // See https://en.cppreference.com/w/cpp/language/user_literal
|
|
],
|
|
"settings": {
|
|
"foreground": "#DCDCAA"
|
|
}
|
|
},
|
|
{
|
|
"name": "Types declaration and references",
|
|
"scope": [
|
|
"support.class",
|
|
"support.type",
|
|
"entity.name.type",
|
|
"entity.name.namespace",
|
|
"entity.other.attribute",
|
|
"entity.name.scope-resolution",
|
|
"entity.name.class",
|
|
"storage.type.numeric.go",
|
|
"storage.type.byte.go",
|
|
"storage.type.boolean.go",
|
|
"storage.type.string.go",
|
|
"storage.type.uintptr.go",
|
|
"storage.type.error.go",
|
|
"storage.type.rune.go",
|
|
"storage.type.cs",
|
|
"storage.type.generic.cs",
|
|
"storage.type.modifier.cs",
|
|
"storage.type.variable.cs",
|
|
"storage.type.annotation.java",
|
|
"storage.type.generic.java",
|
|
"storage.type.java",
|
|
"storage.type.object.array.java",
|
|
"storage.type.primitive.array.java",
|
|
"storage.type.primitive.java",
|
|
"storage.type.token.java",
|
|
"storage.type.groovy",
|
|
"storage.type.annotation.groovy",
|
|
"storage.type.parameters.groovy",
|
|
"storage.type.generic.groovy",
|
|
"storage.type.object.array.groovy",
|
|
"storage.type.primitive.array.groovy",
|
|
"storage.type.primitive.groovy"
|
|
],
|
|
"settings": {
|
|
"foreground": "#4EC9B0"
|
|
}
|
|
},
|
|
{
|
|
"name": "Types declaration and references, TS grammar specific",
|
|
"scope": [
|
|
"meta.type.cast.expr",
|
|
"meta.type.new.expr",
|
|
"support.constant.math",
|
|
"support.constant.dom",
|
|
"support.constant.json",
|
|
"entity.other.inherited-class",
|
|
"punctuation.separator.namespace.ruby"
|
|
],
|
|
"settings": {
|
|
"foreground": "#4EC9B0"
|
|
}
|
|
},
|
|
{
|
|
"name": "Control flow / Special keywords",
|
|
"scope": [
|
|
"keyword.control",
|
|
"source.cpp keyword.operator.new",
|
|
"keyword.operator.delete",
|
|
"keyword.other.using",
|
|
"keyword.other.directive.using",
|
|
"keyword.other.operator",
|
|
"entity.name.operator"
|
|
],
|
|
"settings": {
|
|
"foreground": "#C586C0"
|
|
}
|
|
},
|
|
{
|
|
"name": "Variable and parameter name",
|
|
"scope": [
|
|
"variable",
|
|
"meta.definition.variable.name",
|
|
"support.variable",
|
|
"entity.name.variable",
|
|
"constant.other.placeholder" // placeholders in strings
|
|
],
|
|
"settings": {
|
|
"foreground": "#9CDCFE"
|
|
}
|
|
},
|
|
{
|
|
"name": "Constants and enums",
|
|
"scope": ["variable.other.constant", "variable.other.enummember"],
|
|
"settings": {
|
|
"foreground": "#4FC1FF"
|
|
}
|
|
},
|
|
{
|
|
"name": "Object keys, TS grammar specific",
|
|
"scope": ["meta.object-literal.key"],
|
|
"settings": {
|
|
"foreground": "#9CDCFE"
|
|
}
|
|
},
|
|
{
|
|
"name": "CSS property value",
|
|
"scope": [
|
|
"support.constant.property-value",
|
|
"support.constant.font-name",
|
|
"support.constant.media-type",
|
|
"support.constant.media",
|
|
"constant.other.color.rgb-value",
|
|
"constant.other.rgb-value",
|
|
"support.constant.color"
|
|
],
|
|
"settings": {
|
|
"foreground": "#CE9178"
|
|
}
|
|
},
|
|
{
|
|
"name": "Regular expression groups",
|
|
"scope": [
|
|
"punctuation.definition.group.regexp",
|
|
"punctuation.definition.group.assertion.regexp",
|
|
"punctuation.definition.character-class.regexp",
|
|
"punctuation.character.set.begin.regexp",
|
|
"punctuation.character.set.end.regexp",
|
|
"keyword.operator.negation.regexp",
|
|
"support.other.parenthesis.regexp"
|
|
],
|
|
"settings": {
|
|
"foreground": "#CE9178"
|
|
}
|
|
},
|
|
{
|
|
"scope": [
|
|
"constant.character.character-class.regexp",
|
|
"constant.other.character-class.set.regexp",
|
|
"constant.other.character-class.regexp",
|
|
"constant.character.set.regexp"
|
|
],
|
|
"settings": {
|
|
"foreground": "#d16969"
|
|
}
|
|
},
|
|
{
|
|
"scope": ["keyword.operator.or.regexp", "keyword.control.anchor.regexp"],
|
|
"settings": {
|
|
"foreground": "#DCDCAA"
|
|
}
|
|
},
|
|
{
|
|
"scope": "keyword.operator.quantifier.regexp",
|
|
"settings": {
|
|
"foreground": "#d7ba7d"
|
|
}
|
|
},
|
|
{
|
|
"scope": ["constant.character", "constant.other.option"],
|
|
"settings": {
|
|
"foreground": "#569cd6"
|
|
}
|
|
},
|
|
{
|
|
"scope": "constant.character.escape",
|
|
"settings": {
|
|
"foreground": "#d7ba7d"
|
|
}
|
|
},
|
|
{
|
|
"scope": "entity.name.label",
|
|
"settings": {
|
|
"foreground": "#C8C8C8"
|
|
}
|
|
}
|
|
],
|
|
"semanticTokenColors": {
|
|
"newOperator": "#C586C0",
|
|
"stringLiteral": "#ce9178",
|
|
"customLiteral": "#DCDCAA",
|
|
"numberLiteral": "#b5cea8"
|
|
}
|
|
}
|