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#f0f0f0
- activityBar.background#211f22
- activityBar.border#33353a00
- activityBar.foreground#f0f0f0
- activityBar.inactiveForeground#a0a0a0
- activityBarBadge.background#ff6969
- activityBarBadge.foreground#1a1b1e
- badge.background#ff6969
- badge.foreground#1a1b1e
- button.background#ff6969
- button.border#33353a
- button.foreground#1a1b1e
- button.hoverBackground#ff6969
- checkbox.background#222327
- checkbox.border#33353a
- checkbox.foreground#ff6969
- dropdown.background#222327
- dropdown.border#33353a
- dropdown.foreground#f0f0f0
- dropdown.listBackground#1a1b1e
- editor.background#1a1b1e
- editor.findMatchBackground#ff696966
- editor.findMatchHighlightBackground#ff696955
- editor.findRangeHighlightBackground#222327cc
- editor.foreground#f0f0f0
- editor.hoverHighlightBackground#33353a66
- editor.inactiveSelectionBackground#33353a66
- editor.lineHighlightBackground#222327
- editor.lineHighlightBorder#33353a
- editor.rangeHighlightBackground#22232744
- editor.selectionBackground#ff696955
- editor.selectionHighlightBackground#ff696933
- editor.wordHighlightBackground#33353a11
- editor.wordHighlightStrongBackground#33353a22
- editorBracketMatch.background#33353a
- editorBracketMatch.border#33353a
- editorGroup.border#33353a
- editorGroupHeader.tabsBackground#1a1b1e
- editorGutter.addedBackground#ff7a69
- editorGutter.background#1a1b1e
- editorGutter.deletedBackground#ffe369
- editorGutter.modifiedBackground#ffad69
- editorHoverWidget.background#33353a
- editorIndentGuide.background1#33353a
- editorLineNumber.activeForeground#f0f0f0
- editorLineNumber.foreground#a0a0a0
- editorSuggestWidget.background#1a1b1e
- editorSuggestWidget.border#33353a
- editorSuggestWidget.foreground#f0f0f0
- editorSuggestWidget.highlightForeground#a0a0a0
- editorSuggestWidget.selectedBackground#33353a
- editorWhitespace.foreground#33353a
- editorWidget.background#222327
- editorWidget.border#33353a
- extensionBadge.remoteBackground#ff6969
- extensionBadge.remoteForeground#1a1b1e
- extensionButton.background#ff6969
- extensionButton.foreground#1a1b1e
- extensionButton.hoverBackground#ff6969
- focusBorder#ff6969
- gitDecoration.addedResourceForeground#ff7a69
- gitDecoration.deletedResourceForeground#ffe369
- gitDecoration.ignoredResourceForeground#a0a0a0
- gitDecoration.modifiedResourceForeground#ffad69
- gitDecoration.renamedResourceForeground#8a8c91
- gitDecoration.untrackedResourceForeground#ff7a69
- input.background#222327
- input.border#33353a
- input.foreground#f0f0f0
- input.placeholderForeground#a0a0a0
- inputValidation.errorBorder#690069
- inputValidation.infoBorder#006969
- inputValidation.warningBorder#696900
- list.activeSelectionBackground#33353a
- list.activeSelectionForeground#f0f0f0
- list.focusBackground#33353a
- list.focusOutline#ff696900
- list.highlightForeground#ff6969
- list.hoverBackground#33353a
- list.hoverForeground#f0f0f0
- list.inactiveSelectionBackground#33353a
- list.inactiveSelectionForeground#f0f0f0
- markdownAlert.caution.foreground#690069
- markdownAlert.note.foreground#006969
- markdownAlert.warning.foreground#696900
- menu.background#1a1b1e
- menu.border#33353a
- menu.foreground#f0f0f0
- menu.selectionBackground#33353a
- menu.selectionForeground#f0f0f0
- minimap.errorHighlight#69006966
- minimap.infoHighlight#00696966
- minimap.warningHighlight#69690066
- minimapGutter.addedBackground#ff7a69
- minimapGutter.deletedBackground#ffe369
- minimapGutter.modifiedBackground#ffad69
- notificationCenterHeader.background#211f22
- notificationLink.foreground#ff6969
- notifications.background#1a1b1e
- notificationsErrorIcon.foreground#690069
- notificationsInfoIcon.foreground#006969
- notificationsWarningIcon.foreground#696900
- panel.background#211f22
- panel.border#33353a00
- panelTitle.activeBorder#33353a
- panelTitle.activeForeground#f0f0f0
- panelTitle.inactiveForeground#a0a0a0
- progressBar.background#ff6969
- radio.activeBackground#222327
- radio.activeBorder#33353a
- radio.activeForeground#ff6969
- settings.focusedRowBorder#ff696900
- settings.modifiedItemIndicator#ffad69
- settings.settingsHeaderHoverForeground#f0f0f0
- sideBar.background#211f22
- sideBar.border#33353a00
- sideBar.foreground#f0f0f0
- sideBarSectionHeader.background#211f22
- sideBarSectionHeader.border#33353a
- sideBarSectionHeader.foreground#f0f0f0
- sideBarTitle.foreground#f0f0f0
- statusBar.background#211f22
- statusBar.border#33353a00
- statusBar.debuggingBackground#ff6969
- statusBar.debuggingForeground#1a1b1e
- statusBar.focusBorder#211f2200
- statusBar.foreground#f0f0f0
- tab.activeBackground#1a1b1e
- tab.activeBorderTop#f0f0f0
- tab.activeForeground#f0f0f0
- tab.activeModifiedBorder#ff6969
- tab.border#33353a00
- tab.hoverBackground#2c292d
- tab.inactiveBackground#211f22
- tab.inactiveForeground#a0a0a0
- tab.inactiveModifiedBorder#8a8c91
- tab.unfocusedHoverBackground#33353a
- terminal.ansiBlue#ffad69
- terminal.ansiBrightBlue#ffad69
- terminal.ansiBrightCyan#ffad69
- terminal.ansiBrightGreen#8a8c91
- terminal.ansiBrightMagenta#ffad69
- terminal.ansiBrightRed#ff6969
- terminal.ansiBrightYellow#ff6969
- terminal.ansiCyan#ffad69
- terminal.ansiGreen#8a8c91
- terminal.ansiMagenta#ffad69
- terminal.ansiRed#ff6969
- terminal.ansiYellow#ff6969
- terminal.background#1a1b1e
- terminal.foreground#f0f0f0
- terminal.tab.activeBorder#f0f0f0
- terminalCursor.background#1a1b1e
- terminalCursor.foreground#f0f0f0
- textLink.activeForeground#ff6969
- textLink.foreground#ff6969
- titleBar.activeBackground#211f22
- titleBar.activeForeground#f0f0f0
- titleBar.border#33353a00
- titleBar.inactiveBackground#222327
- titleBar.inactiveForeground#a0a0a0
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source, support.type.property-name.css | #f0f0f0 | — |
| punctuation, punctuation.terminator, punctuation.definition.tag, punctuation.separator, punctuation.definition.string, punctuation.section.block | #a0a0a0 | — |
| entity.name.type.class | #ff6969 | — |
| entity.name.type.interface, entity.name.type | #ff6969 | — |
| entity.name.type.struct | #ff6969 | — |
| entity.name.type.enum | #ff6969 | — |
| support.type | #8a8c91 | — |
| variable.type.parameter, variable.parameter.type | #ff6969 | — |
| entity.name.function, support.function, meta.function-call.generic | #ff6969 | — |
| entity.name.function.method, meta.function.method | #8a8c91 | — |
| variable.function | #f0f0f0 | — |
| variable, meta.variable, variable.other.object.property, variable.other.readwrite.alias | #f0f0f0 | — |
| variable.other.object | #f0f0f0 | — |
| variable.other.global, variable.language.this | #ffad69 | — |
| variable.other.local | #f0f0f0 | — |
| variable.parameter, meta.parameter | #f0f0f0 | — |
| variable.other.property, meta.property | #f0f0f0 | — |
| meta.object-literal.key | #f0f0f0 | — |
| keyword | #8a8c91 | — |
| keyword.control.import, keyword.control.from, keyword.import | #8a8c91 | — |
| storage.modifier, keyword.modifier, storage.type, keyword.other, keyword.control | #8a8c91 | bold |
| keyword.operator | #8a8c91 | — |
| string, string.other.link, markup.inline.raw.string.markdown | #ffad69 | — |
| constant.character.escape, constant.other.placeholder | #f0f0f0 | — |
| constant.numeric, string.unquoted.shell | #ffd169 | — |
| constant.language.boolean, constant.language.json, constant.language, constant.language.java | #ffd169 | — |
| variable.other.constant, variable.readonly, constant.other.colors | #f0f0f0 | — |
| comment, punctuation.definition.comment | #818387 | italic |
| comment.documentation, comment.line.documentation | #818387 | — |
| entity.name.tag | #8a8c91 | bold |
| support.class.component | #8a8c91 | — |
| entity.other.attribute-name, meta.attribute | #ff6969 | — |
| markup.underline.link | #8a8c91 | — |
| entity.name.namespace, storage.modifier.namespace, markup.bold.markdown, entity.name.scope-resolution.cpp | #ff6969 | — |
| entity.name.module, storage.modifier.module | #8a8c91 | — |
| entity.name.function.preprocessor, meta.preprocessor | #8a8c91 | — |
| meta.preprocessor | #ffad69 | — |
| keyword.control.exception, keyword.control.trycatch | #8a8c91 | — |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #ff6969 | — |
| entity.name.label, punctuation.definition.label | #ffad69 | — |