Hybrid Next Plus
Publisher: toshimaruThemes in package: 1
Hybrid Next Plus Theme for VS Code.
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.background#161c1f
- activityBarBadge.background#4796c2
- badge.background#4796c2
- badge.foreground#d5dde1
- descriptionForeground#d5dde1dd
- editor.background#232c31
- editor.findMatchBackground#c5c8c648
- editor.findMatchBorder#4796c2
- editor.findMatchHighlightBackground#c5c8c633
- editor.foreground#c5c8c6
- editor.inactiveSelectionBackground#3A3D41
- editor.lineHighlightBackground#6464644d
- editor.selectionBackground#6464647d
- editor.selectionHighlightBackground#ADD6FF26
- editorCursor.foreground#8abeb7
- editorGroupHeader.tabsBackground#1d2428
- editorGutter.addedBackground#b5bd68
- editorGutter.deletedBackground#CC6666
- editorGutter.modifiedBackground#f0c674
- editorLineNumber.activeForeground#d5dde1
- editorOverviewRuler.addedForeground#b5bd68
- editorOverviewRuler.deletedForeground#CC6666
- editorOverviewRuler.modifiedForeground#f0c674
- editorWhitespace.foreground#c5c8c626
- editorWidget.background#1d2428
- errorForeground#CC6666
- focusBorder#4796c2
- list.activeSelectionBackground#4796c2
- list.dropBackground#4796c2
- list.focusBackground#4796c266
- list.focusForeground#d5dde1
- list.highlightForeground#ffffff
- list.inactiveSelectionBackground#344149
- minimap.findMatchHighlight#c5c8c666
- panel.background#1d2428
- panel.border#161c1f
- panelTitle.activeBorder#4796c2
- searchEditor.findMatchBorder#4796c2
- sideBar.background#1d2428
- sideBar.border#161c1f
- sideBar.foreground#c5c8c6
- sideBarTitle.foreground#BBBBBB
- statusBar.background#161c1f
- tab.activeBorderTop#4796c2
- tab.inactiveBackground#1d2428
- titleBar.activeBackground#161c1f
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6c7a80 | italic |
| variable, entity.name.variable, meta.definition.variable.name, support.variable, variable.parameter | #C5C8C6 | — |
| meta.template.expression, punctuation.accessor, punctuation.definition, punctuation.section, punctuation.separator | #C5C8C6 | — |
| punctuation.definition.variable | #cc6666 | — |
| meta.object-literal.key | #81a2be | — |
| constant.other.color, keyword.control, keyword.other.special-method, keyword.other.substitution, keyword.other.template, keyword, storage.type | #b294bb | — |
| keyword.operator, storage.modifier | #c5c8c6 | — |
| variable.other.constant | #F0C674 | — |
| entity.name.tag, meta.tag.sgml, meta.tag, punctuation.definition.tag, punctuation.section.embedded | #de935f | — |
| punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.definition.tag.html | #6c7a80 | — |
| punctuation.separator.inheritance.php, punctuation.separator.key-value, punctuation.separator.dictionary.key-value | #c5c8c6 | — |
| entity.name.function, meta.function-call, support.function, variable.function, variable.language | #81a2be | — |
| string.other.link | #81a2be | — |
| constant.numeric, constant.language | #8ABEB7 | — |
| support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other | #de935f | — |
| constant.other.key, constant.other.symbol, entity.other.inherited-class, markup.heading, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js, string | #b5bd68 | — |
| entity.name, meta.use.php, support.class, support.other.namespace.php, support.type | #de935f | — |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name | #c5c8c6 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #FF5370 | — |
| entity.other.attribute-name | #81a2be | — |
| string.regexp | #cc6666 | — |
| constant.character.escape | #b294bb | — |
| *url*, *link*, *uri* | — | underline |
| punctuation.support.type.property-name, punctuation.definition.string | #6c7a80 | — |
| punctuation.definition.array.begin.json, punctuation.definition.array.end.json | #cc6666 | — |
| source.json meta.structure.dictionary.json support.type.property-name.json | #81a2be | — |
| markup.inline.raw | #b294bb | — |
| entity.name.section.markdown | #f0c674 | — |
| markup.italic | #b294bb | italic |
| markup.bold | #81a2be | bold |
| markup.underline | #81a2be | underline |
| markup.strike | #CC6666 | — |
| markup.quote punctuation.definition.blockquote.markdown | #65737E | — |
| markup.quote | #b5bd6888 | italic |
| markup.inserted | #b5bd68 | — |
| markup.deleted | #cc6666 | — |
| markup.changed | #f0c674 | — |
| string.other.link.title.markdown, string.other.link.description.markdown | #b5bd68 | — |
| constant.other.reference.link.markdown | #de935f | — |
| fenced_code.block.language | #8ABEB7 | — |
| markup.raw.block | #81a2be | — |
| markup.raw.block.fenced.markdown, punctuation.definition.fenced.markdown | #00000050 | — |
| beginning.punctuation.definition.list.markdown, beginning.punctuation.definition.quote.markdown, punctuation.definition.bold.markdown, punctuation.definition.heading.markdown, punctuation.definition.italic.markdown, punctuation.definition.list.begin.markdown, punctuation.definition.markdown, punctuation.definition.raw.markdown | #6c7a80 | — |
| variable.language.fenced.markdown | #65737E | — |
| meta.separator | #65737E | bold |
| markup.table | #EEFFFF | — |
| invalid, invalid.illegal | #FF5370 | — |
| token.info-token | #4796c2 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #FF5370 | — |
| token.debug-token | #b294bb | — |
| source.yaml entity.name.tag | #81a2be | — |
| strong | — | bold |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...