VSCode Horizon Themes
Publisher: DevberryThemes in package: 2
Better themes for VSCode
Color themes
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.activeBorder#0f0f0f
- activityBar.background#fdfdfd
- activityBar.border#e7e7ee
- activityBar.foreground#0f0f0f
- activityBar.inactiveForeground#525252
- activityBarBadge.background#60656c
- activityBarBadge.foreground#fdfdfd
- badge.background#60656c
- badge.foreground#fdfdfd
- button.background#60656c
- button.foreground#fdfdfd
- dropdown.background#ebebeb
- dropdown.border#e7e7ee
- dropdown.foreground#0f0f0f
- dropdown.listBackground#fdfdfd
- editor.background#fdfdfd
- editor.findMatchBackground#6969ff66
- editor.findMatchHighlightBackground#6969ff55
- editor.findRangeHighlightBackground#ebebebcc
- editor.foreground#0f0f0f
- editor.hoverHighlightBackground#e7e7ee66
- editor.inactiveSelectionBackground#e7e7ee66
- editor.lineHighlightBackground#ebebeb
- editor.lineHighlightBorder#e7e7ee
- editor.rangeHighlightBackground#ebebeb44
- editor.selectionBackground#e7e7ee77
- editor.selectionHighlightBackground#6d6d7611
- editor.wordHighlightBackground#e7e7ee11
- editor.wordHighlightStrongBackground#e7e7ee22
- editorBracketMatch.background#e7e7ee
- editorBracketMatch.border#e7e7ee
- editorGroup.border#e7e7ee
- editorGroupHeader.tabsBackground#fdfdfd
- editorGutter.addedBackground#69a5ff
- editorGutter.background#fdfdfd
- editorGutter.deletedBackground#60656c
- editorGutter.modifiedBackground#69a5ff
- editorHoverWidget.background#e7e7ee
- editorIndentGuide.background1#e7e7ee
- editorLineNumber.activeForeground#0f0f0f
- editorLineNumber.foreground#e7e7ee
- editorSuggestWidget.background#fdfdfd
- editorSuggestWidget.border#e7e7ee
- editorSuggestWidget.foreground#0f0f0f
- editorSuggestWidget.highlightForeground#525252
- editorSuggestWidget.selectedBackground#e7e7ee
- editorWhitespace.foreground#e7e7ee
- editorWidget.background#ebebeb
- editorWidget.border#e7e7ee
- input.background#ebebeb
- input.border#e7e7ee
- input.foreground#0f0f0f
- input.placeholderForeground#525252
- list.activeSelectionBackground#e7e7ee
- list.activeSelectionForeground#0f0f0f
- list.focusOutline#6969ff
- list.foreground#0f0f0f
- list.hoverBackground#e7e7ee
- list.hoverForeground#0f0f0f
- list.inactiveSelectionBackground#e7e7ee
- list.inactiveSelectionForeground#0f0f0f
- menu.background#fdfdfd
- menu.border#e7e7ee
- menu.foreground#0f0f0f
- menu.selectionBackground#e7e7ee
- menu.selectionForeground#0f0f0f
- panel.background#fdfdfd
- panel.border#e7e7ee
- panelTitle.activeBorder#e7e7ee
- panelTitle.activeForeground#0f0f0f
- panelTitle.inactiveForeground#525252
- sideBar.background#fdfdfd
- sideBar.border#e7e7ee
- sideBar.foreground#0f0f0f
- sideBarSectionHeader.background#ebebeb
- sideBarSectionHeader.border#e7e7ee
- sideBarSectionHeader.foreground#0f0f0f
- sideBarTitle.foreground#0f0f0f
- statusBar.background#fdfdfd
- statusBar.border#e7e7ee
- statusBar.debuggingBackground#60656c
- statusBar.debuggingForeground#0f0f0f
- statusBar.foreground#0f0f0f
- tab.activeBackground#fdfdfd
- tab.activeForeground#0f0f0f
- tab.activeModifiedBorder#6969ff
- tab.border#e7e7ee
- tab.hoverBackground#e7e7ee
- tab.inactiveBackground#ebebeb
- tab.inactiveForeground#525252
- tab.inactiveModifiedBorder#60656c
- tab.unfocusedHoverBackground#e7e7ee
- terminal.ansiBlue#60656c
- terminal.ansiCyan#69a5ff
- terminal.ansiGreen#69a5ff
- terminal.ansiMagenta#69a5ff
- terminal.ansiRed#60656c
- terminal.ansiYellow#6969ff
- terminal.background#fdfdfd
- terminal.foreground#0f0f0f
- terminalCursor.background#fdfdfd
- terminalCursor.foreground#0f0f0f
- titleBar.activeBackground#fdfdfd
- titleBar.activeForeground#0f0f0f
- titleBar.border#e7e7ee
- titleBar.inactiveBackground#ebebeb
- titleBar.inactiveForeground#525252
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source, support.type.property-name.css | #0f0f0f | — |
| punctuation, punctuation.terminator, punctuation.definition.tag, punctuation.separator, punctuation.definition.string, punctuation.section.block | #525252 | — |
| entity.name.type.class | #6969ff | — |
| entity.name.type.interface, entity.name.type | #6969ff | — |
| entity.name.type.struct | #6969ff | — |
| entity.name.type.enum | #6969ff | — |
| support.type | #60656c | — |
| variable.type.parameter, variable.parameter.type | #6969ff | — |
| entity.name.function, support.function, meta.function-call.generic | #6969ff | — |
| entity.name.function.method, meta.function.method | #60656c | — |
| variable.function | #0f0f0f | — |
| variable, meta.variable, variable.other.object.property, variable.other.readwrite.alias | #0f0f0f | — |
| variable.other.object | #0f0f0f | — |
| variable.other.global, variable.language.this | #69a5ff | — |
| variable.other.local | #0f0f0f | — |
| variable.parameter, meta.parameter | #0f0f0f | — |
| variable.other.property, meta.property | #0f0f0f | — |
| meta.object-literal.key | #0f0f0f | — |
| keyword | #60656c | — |
| keyword.control.import, keyword.control.from, keyword.import | #60656c | — |
| storage.modifier, keyword.modifier, storage.type, keyword.other, keyword.control | #60656c | bold |
| keyword.operator | #60656c | — |
| string, string.other.link, markup.inline.raw.string.markdown | #69a5ff | — |
| constant.character.escape, constant.other.placeholder | #0f0f0f | — |
| constant.numeric, string.unquoted.shell | #69d6ff | — |
| constant.language.boolean, constant.language.json, constant.language, constant.language.java | #69d6ff | — |
| variable.other.constant, variable.readonly, constant.other.colors | #0f0f0f | — |
| comment, punctuation.definition.comment | #6d6d76 | italic |
| comment.documentation, comment.line.documentation | #6d6d76 | — |
| entity.name.tag | #60656c | bold |
| support.class.component | #60656c | — |
| entity.other.attribute-name, meta.attribute | #6969ff | — |
| markup.underline.link | #60656c | — |
| entity.name.namespace, storage.modifier.namespace, markup.bold.markdown, entity.name.scope-resolution.cpp | #6969ff | — |
| entity.name.module, storage.modifier.module | #60656c | — |
| entity.name.function.preprocessor, meta.preprocessor | #60656c | — |
| meta.preprocessor | #69a5ff | — |
| keyword.control.exception, keyword.control.trycatch | #60656c | — |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #6969ff | — |
| entity.name.label, punctuation.definition.label | #69a5ff | — |