Horizon Ultimate Themes
Publisher: HorizonThemes in package: 49
A collection of Horizon Themes with Core and Gamers editions, all paired with Horizon Icons and HorizonTags.
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#2F6FED
- activityBar.background#EAEEF4
- activityBar.border#DDE3EA
- activityBar.foreground#1F2933
- activityBar.inactiveForeground#8A94A6
- activityBarBadge.background#2F6FED
- activityBarBadge.foreground#FFFFFF
- badge.background#2F6FED
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#2F6FED
- breadcrumb.background#FAFBFD
- breadcrumb.focusForeground#1F2933
- breadcrumb.foreground#5B6472
- breadcrumbPicker.background#FFFFFF
- button.background#2F6FED
- button.foreground#FFFFFF
- button.hoverBackground#1D4ED8
- button.secondaryBackground#E3E8EF
- button.secondaryForeground#1F2933
- button.secondaryHoverBackground#DCE3EC
- checkbox.background#FFFFFF
- checkbox.border#D0D7DE
- checkbox.foreground#1F2933
- checkbox.selectBackground#2F6FED
- checkbox.selectBorder#2F6FED
- debugIcon.breakpointForeground#DC2626
- debugIcon.startForeground#15803D
- debugToolBar.background#FFFFFF
- descriptionForeground#5B6472
- diffEditor.border#DDE3EA
- diffEditor.diagonalFill#DDE3EA
- diffEditor.insertedLineBackground#0478571A
- diffEditor.insertedTextBackground#04785714
- diffEditor.removedLineBackground#DC26261A
- diffEditor.removedTextBackground#DC262614
- dropdown.background#FFFFFF
- dropdown.border#D0D7DE
- dropdown.foreground#1F2933
- dropdown.listBackground#FFFFFF
- editor.background#FAFBFD
- editor.findMatchBackground#FBBF2466
- editor.findMatchHighlightBackground#FBBF2433
- editor.findRangeHighlightBackground#2F6FED14
- editor.focusedStackFrameHighlightBackground#04785733
- editor.foreground#1F2933
- editor.hoverHighlightBackground#2F6FED14
- editor.inactiveSelectionBackground#2F6FED1A
- editor.lineHighlightBackground#EDF1F6
- editor.lineHighlightBorder#00000000
- editor.linkedEditingBackground#2F6FED14
- editor.rangeHighlightBackground#2F6FED0F
- editor.selectionBackground#2F6FED2E
- editor.selectionHighlightBackground#2F6FED1A
- editor.stackFrameHighlightBackground#B4530933
- editor.wordHighlightBackground#7C3AED1A
- editor.wordHighlightStrongBackground#7C3AED2E
- editorBracketHighlight.foreground1#2F6FED
- editorBracketHighlight.foreground2#7C3AED
- editorBracketHighlight.foreground3#0D9488
- editorBracketHighlight.foreground4#B45309
- editorBracketHighlight.foreground5#C2255C
- editorBracketHighlight.foreground6#047857
- editorBracketHighlight.unexpectedBracket.foreground#DC2626
- editorBracketMatch.background#2F6FED1F
- editorBracketMatch.border#2F6FED66
- editorBracketPairGuide.activeBackground1#2F6FED55
- editorBracketPairGuide.background1#2F6FED22
- editorCodeLens.foreground#8A94A6
- editorCursor.background#FAFBFD
- editorCursor.foreground#2F6FED
- editorError.foreground#DC2626
- editorGroup.border#E2E6EA
- editorGroupHeader.tabsBackground#F1F4F8
- editorGroupHeader.tabsBorder#E2E6EA
- editorGutter.addedBackground#15803D
- editorGutter.background#FAFBFD
- editorGutter.deletedBackground#DC2626
- editorGutter.modifiedBackground#B45309
- editorHint.foreground#0D9488
- editorHoverWidget.background#FFFFFF
- editorHoverWidget.border#DDE3EA
- editorHoverWidget.foreground#1F2933
- editorIndentGuide.activeBackground1#C7CFDA
- editorIndentGuide.background1#E5E9EF
- editorInfo.foreground#2F6FED
- editorLightBulb.foreground#B45309
- editorLineNumber.activeForeground#2F6FED
- editorLineNumber.foreground#A8B1C2
- editorOverviewRuler.border#DDE3EA
- editorOverviewRuler.errorForeground#DC2626
- editorOverviewRuler.infoForeground#2F6FED
- editorOverviewRuler.warningForeground#B45309
- editorRuler.foreground#E5E9EF
- editorSuggestWidget.background#FFFFFF
- editorSuggestWidget.border#DDE3EA
- editorSuggestWidget.foreground#1F2933
- editorSuggestWidget.highlightForeground#2F6FED
- editorSuggestWidget.selectedBackground#DCE3EC
- editorWarning.foreground#B45309
- editorWhitespace.foreground#D0D7DE
- editorWidget.background#FFFFFF
- editorWidget.border#DDE3EA
- editorWidget.foreground#1F2933
- editorWidget.resizeBorder#2F6FED
- errorForeground#DC2626
- extensionBadge.remoteBackground#2F6FED
- extensionButton.prominentBackground#2F6FED
- extensionButton.prominentForeground#FFFFFF
- extensionButton.prominentHoverBackground#1D4ED8
- extensionIcon.starForeground#B45309
- focusBorder#2F6FED66
- foreground#1F2933
- gitDecoration.addedResourceForeground#15803D
- gitDecoration.conflictingResourceForeground#C2255C
- gitDecoration.deletedResourceForeground#DC2626
- gitDecoration.ignoredResourceForeground#A8B1C2
- gitDecoration.modifiedResourceForeground#B45309
- gitDecoration.stageDeletedResourceForeground#DC2626
- gitDecoration.stageModifiedResourceForeground#B45309
- gitDecoration.untrackedResourceForeground#0D9488
- icon.foreground#5B6472
- input.background#FFFFFF
- input.border#D0D7DE
- input.foreground#1F2933
- input.placeholderForeground#8A94A6
- inputOption.activeBackground#2F6FED1F
- inputOption.activeBorder#2F6FED
- inputValidation.errorBorder#DC2626
- inputValidation.infoBorder#2F6FED
- inputValidation.warningBorder#B45309
- list.activeSelectionBackground#DCE3EC
- list.activeSelectionForeground#1F2933
- list.dropBackground#2F6FED1F
- list.focusBackground#DCE3EC
- list.focusForeground#1F2933
- list.highlightForeground#2F6FED
- list.hoverBackground#E3E8EF
- list.hoverForeground#1F2933
- list.inactiveSelectionBackground#E8ECF2
- list.inactiveSelectionForeground#1F2933
- menu.background#FFFFFF
- menu.border#E2E6EA
- menu.foreground#1F2933
- menu.selectionBackground#E3E8EF
- menu.selectionForeground#1F2933
- menu.separatorBackground#E2E6EA
- menubar.selectionBackground#E3E8EF
- menubar.selectionForeground#1F2933
- minimap.background#F4F6F8
- minimap.errorHighlight#DC262688
- minimap.findMatchHighlight#FBBF2488
- minimap.selectionHighlight#2F6FED44
- minimap.warningHighlight#B4530988
- minimapSlider.activeBackground#A8B1C277
- minimapSlider.background#A8B1C233
- minimapSlider.hoverBackground#A8B1C255
- notificationLink.foreground#2F6FED
- notifications.background#FFFFFF
- notifications.border#E2E6EA
- notifications.foreground#1F2933
- notificationsErrorIcon.foreground#DC2626
- notificationsInfoIcon.foreground#2F6FED
- notificationsWarningIcon.foreground#B45309
- panel.background#F4F6F8
- panel.border#E2E6EA
- panelTitle.activeBorder#2F6FED
- panelTitle.activeForeground#1F2933
- panelTitle.inactiveForeground#8A94A6
- peekView.border#2F6FED
- peekViewEditor.background#F4F6F8
- peekViewEditor.matchHighlightBackground#FBBF2466
- peekViewResult.background#FFFFFF
- peekViewResult.fileForeground#1F2933
- peekViewResult.lineForeground#5B6472
- peekViewResult.matchHighlightBackground#FBBF2466
- peekViewResult.selectionBackground#DCE3EC
- peekViewTitle.background#F4F6F8
- peekViewTitleDescription.foreground#8A94A6
- peekViewTitleLabel.foreground#1F2933
- quickInput.background#FFFFFF
- quickInput.foreground#1F2933
- quickInputList.focusBackground#DCE3EC
- quickInputList.focusForeground#1F2933
- scrollbar.shadow#DDE3EA
- scrollbarSlider.activeBackground#A8B1C277
- scrollbarSlider.background#A8B1C233
- scrollbarSlider.hoverBackground#A8B1C255
- selection.background#2F6FED33
- sideBar.background#F1F4F8
- sideBar.border#E2E6EA
- sideBar.foreground#1F2933
- sideBarSectionHeader.background#F1F4F8
- sideBarSectionHeader.border#E2E6EA
- sideBarSectionHeader.foreground#1F2933
- sideBarTitle.foreground#1F2933
- statusBar.background#F0F3F7
- statusBar.border#E2E6EA
- statusBar.debuggingBackground#B4530920
- statusBar.debuggingForeground#1F2933
- statusBar.foreground#1F2933
- statusBar.noFolderBackground#F0F3F7
- statusBarItem.activeBackground#DCE3EC
- statusBarItem.hoverBackground#E3E8EF
- statusBarItem.prominentBackground#E3E8EF
- statusBarItem.remoteBackground#2F6FED
- statusBarItem.remoteForeground#FFFFFF
- tab.activeBackground#FAFBFD
- tab.activeBorderTop#2F6FED
- tab.activeForeground#1F2933
- tab.border#E2E6EA
- tab.hoverBackground#EDF1F6
- tab.inactiveBackground#F1F4F8
- tab.inactiveForeground#8A94A6
- tab.unfocusedActiveBorderTop#2F6FED66
- terminal.ansiBlack#1F2933
- terminal.ansiBlue#2F6FED
- terminal.ansiBrightBlack#8A94A6
- terminal.ansiBrightBlue#3B82F6
- terminal.ansiBrightCyan#14B8A6
- terminal.ansiBrightGreen#16A34A
- terminal.ansiBrightMagenta#A855F7
- terminal.ansiBrightRed#EF4444
- terminal.ansiBrightWhite#1F2933
- terminal.ansiBrightYellow#D97706
- terminal.ansiCyan#0D9488
- terminal.ansiGreen#047857
- terminal.ansiMagenta#7C3AED
- terminal.ansiRed#DC2626
- terminal.ansiWhite#5B6472
- terminal.ansiYellow#B45309
- terminal.background#FAFBFD
- terminal.foreground#1F2933
- terminalCursor.foreground#2F6FED
- textCodeBlock.background#F1F4F8
- textLink.activeForeground#1D4ED8
- textLink.foreground#2F6FED
- textPreformat.foreground#7C3AED
- textSeparator.foreground#E2E6EA
- titleBar.activeBackground#F0F3F7
- titleBar.activeForeground#1F2933
- titleBar.border#E2E6EA
- titleBar.inactiveBackground#F0F3F7
- titleBar.inactiveForeground#8A94A6
- tree.indentGuidesStroke#D0D7DE
- welcomePage.background#FAFBFD
- welcomePage.progress.background#E3E8EF
- welcomePage.progress.foreground#2F6FED
- welcomePage.tileBackground#FFFFFF
- welcomePage.tileBorder#E2E6EA
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.block, comment.line, punctuation.definition.comment | #9099A8 | italic |
| string, string.quoted, string.template, string.regexp | #047857 | — |
| constant.numeric, constant.character.numeric | #B45309 | — |
| constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, keyword.other.unit | #0D9488 | — |
| constant.character.escape | #C2255C | — |
| keyword, keyword.control, keyword.control.flow, keyword.control.conditional, keyword.control.import, keyword.control.export | #4338CA | bold |
| keyword.operator, punctuation.separator, punctuation.terminator | #5B6472 | — |
| storage, storage.type, storage.modifier | #4338CA | — |
| entity.name.function, support.function, meta.function-call | #2563EB | — |
| entity.name.class, entity.name.type, entity.name.type.class, entity.other.inherited-class, support.class, support.type | #7C3AED | — |
| entity.name.tag, meta.tag | #DC2626 | — |
| entity.other.attribute-name | #C2255C | — |
| variable, variable.other, variable.other.readwrite | #1F2933 | — |
| variable.parameter | #B45309 | italic |
| variable.language, variable.language.this | #7C3AED | italic |
| variable.other.property, variable.other.object.property | #0D7490 | — |
| punctuation.definition.tag, punctuation.section.embedded | #8A94A6 | — |
| markup.heading | #2563EB | bold |
| markup.bold | #1F2933 | bold |
| markup.italic | #1F2933 | italic |
| markup.quote | #5B6472 | italic |
| markup.inline.raw, markup.fenced_code | #7C3AED | — |
| markup.underline.link | #2563EB | — |
| invalid, invalid.illegal | #FFFFFF | — |
| invalid.deprecated | #1F2933 | italic underline |