HVAKR Themes
Publisher: flowcircuitsThemes in package: 2
Light and dark color themes from HVAKR — built on the Blueprint.js palette with warm orange accents.
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#fd491a
- activityBar.background#111418
- activityBar.foreground#ffffff
- activityBar.inactiveForeground#ffffff99
- activityBarBadge.background#fd491a
- activityBarBadge.foreground#ffffff
- badge.background#fd491a
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#111418e6
- breadcrumb.focusForeground#111418e6
- breadcrumb.foreground#5f6b7c
- breadcrumbPicker.background#ffffff
- button.background#fd491a
- button.foreground#ffffff
- button.hoverBackground#e43102
- button.secondaryBackground#e5e8eb
- button.secondaryForeground#111418e6
- button.secondaryHoverBackground#d3d8de
- checkbox.background#ffffff
- checkbox.border#d3d8de
- checkbox.foreground#111418e6
- checkbox.selectBackground#215db0
- commandCenter.activeBackground#f6f7f9
- commandCenter.activeForeground#111418e6
- commandCenter.background#ffffff
- commandCenter.border#dce0e5
- commandCenter.foreground#111418e6
- debugToolBar.background#ffffff
- descriptionForeground#111418cc
- diffEditor.insertedLineBackground#23855111
- diffEditor.insertedTextBackground#23855122
- diffEditor.removedLineBackground#cd424611
- diffEditor.removedTextBackground#cd424622
- dropdown.background#ffffff
- dropdown.border#d3d8de
- dropdown.foreground#111418e6
- dropdown.listBackground#ffffff
- editor.background#ffffff
- editor.findMatchBackground#fbd065
- editor.findMatchHighlightBackground#fbd06566
- editor.foldBackground#f6f7f9
- editor.foreground#111418e6
- editor.hoverHighlightBackground#215db01a
- editor.inactiveSelectionBackground#215db01a
- editor.lineHighlightBackground#f6f7f9
- editor.rangeHighlightBackground#ffefeb44
- editor.selectionBackground#215db033
- editor.wordHighlightBackground#215db01a
- editor.wordHighlightStrongBackground#215db033
- editorBracketHighlight.foreground1#215db0
- editorBracketHighlight.foreground2#fd491a
- editorBracketHighlight.foreground3#5642a6
- editorBracketHighlight.foreground4#1c6e42
- editorBracketHighlight.foreground5#866103
- editorBracketHighlight.foreground6#cd4246
- editorBracketMatch.background#215db01a
- editorBracketMatch.border#215db066
- editorCursor.foreground#fd491a
- editorError.foreground#cd4246
- editorGroup.border#dce0e5
- editorGroupHeader.tabsBackground#f6f7f9
- editorGroupHeader.tabsBorder#dce0e5
- editorGutter.addedBackground#238551
- editorGutter.deletedBackground#cd4246
- editorGutter.modifiedBackground#2d72d2
- editorHint.foreground#238551
- editorHoverWidget.background#ffffff
- editorHoverWidget.border#dce0e5
- editorIndentGuide.activeBackground#abb3bf
- editorIndentGuide.background#dce0e5
- editorInfo.foreground#2d72d2
- editorLineNumber.activeForeground#5f6b7c
- editorLineNumber.foreground#abb3bf
- editorLink.activeForeground#215db0
- editorOverviewRuler.addedForeground#23855188
- editorOverviewRuler.deletedForeground#cd424688
- editorOverviewRuler.modifiedForeground#2d72d288
- editorRuler.foreground#dce0e5
- editorSuggestWidget.selectedBackground#215db01a
- editorWarning.foreground#d1980b
- editorWhitespace.foreground#abb3bf66
- editorWidget.background#ffffff
- editorWidget.border#dce0e5
- errorForeground#cd4246
- focusBorder#215db0
- foreground#111418e6
- gitDecoration.addedResourceForeground#238551
- gitDecoration.conflictingResourceForeground#d1980b
- gitDecoration.deletedResourceForeground#cd4246
- gitDecoration.ignoredResourceForeground#abb3bf
- gitDecoration.modifiedResourceForeground#2d72d2
- gitDecoration.untrackedResourceForeground#238551
- icon.foreground#5f6b7c
- input.background#ffffff
- input.border#d3d8de
- input.foreground#111418e6
- input.placeholderForeground#11141899
- inputOption.activeBackground#215db022
- inputOption.activeBorder#215db0
- inputOption.activeForeground#215db0
- inputValidation.errorBackground#ffffff
- inputValidation.errorBorder#cd4246
- inputValidation.warningBackground#ffffff
- inputValidation.warningBorder#d1980b
- list.activeSelectionBackground#215db022
- list.activeSelectionForeground#111418e6
- list.errorForeground#cd4246
- list.focusOutline#215db0
- list.highlightForeground#215db0
- list.hoverBackground#f6f7f9
- list.inactiveSelectionBackground#e5e8eb
- list.warningForeground#d1980b
- listFilterWidget.background#f6f7f9
- merge.currentHeaderBackground#23855144
- merge.incomingHeaderBackground#2d72d244
- minimap.selectionHighlight#215db044
- notificationCenterHeader.background#f6f7f9
- notifications.background#ffffff
- notifications.border#dce0e5
- notifications.foreground#111418e6
- panel.background#f6f7f9
- panel.border#dce0e5
- panelTitle.activeBorder#fd491a
- panelTitle.activeForeground#111418e6
- panelTitle.inactiveForeground#5f6b7c
- peekView.border#215db0
- peekViewEditor.background#f6f7f9
- peekViewEditor.matchHighlightBackground#fbd06566
- peekViewResult.background#f6f7f9
- peekViewResult.fileForeground#111418e6
- peekViewResult.matchHighlightBackground#fbd06566
- peekViewTitle.background#f6f7f9
- peekViewTitleDescription.foreground#5f6b7c
- peekViewTitleLabel.foreground#111418e6
- progressBar.background#fd491a
- scrollbar.shadow#11141818
- scrollbarSlider.activeBackground#abb3bfaa
- scrollbarSlider.background#abb3bf44
- scrollbarSlider.hoverBackground#abb3bf88
- selection.background#215db044
- settings.checkboxBackground#ffffff
- settings.checkboxBorder#d3d8de
- settings.dropdownBackground#ffffff
- settings.dropdownBorder#d3d8de
- settings.headerForeground#111418e6
- settings.modifiedItemIndicator#fd491a
- settings.textInputBackground#ffffff
- settings.textInputBorder#d3d8de
- sideBar.background#f6f7f9
- sideBar.border#dce0e5
- sideBar.foreground#111418e6
- sideBarSectionHeader.background#e5e8eb
- sideBarSectionHeader.foreground#111418e6
- sideBarTitle.foreground#111418e6
- statusBar.background#111418
- statusBar.border#111418
- statusBar.debuggingBackground#fd491a
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#ffffffcc
- statusBar.noFolderBackground#252a31
- statusBar.noFolderForeground#ffffffcc
- tab.activeBackground#ffffff
- tab.activeBorderTop#fd491a
- tab.activeForeground#111418e6
- tab.border#dce0e5
- tab.hoverBackground#ffffff
- tab.inactiveBackground#f6f7f9
- tab.inactiveForeground#5f6b7c
- terminal.ansiBlack#111418
- terminal.ansiBlue#2d72d2
- terminal.ansiBrightBlack#5f6b7c
- terminal.ansiBrightBlue#4c90f0
- terminal.ansiBrightCyan#8abbff
- terminal.ansiBrightGreen#32a467
- terminal.ansiBrightMagenta#9881f3
- terminal.ansiBrightRed#e76a6e
- terminal.ansiBrightWhite#f6f7f9
- terminal.ansiBrightYellow#f0b726
- terminal.ansiCyan#4c90f0
- terminal.ansiGreen#238551
- terminal.ansiMagenta#7961db
- terminal.ansiRed#cd4246
- terminal.ansiWhite#c5cbd3
- terminal.ansiYellow#d1980b
- terminal.background#ffffff
- terminal.foreground#111418e6
- terminal.selectionBackground#215db033
- terminalCursor.foreground#fd491a
- textBlockQuote.background#f6f7f9
- textBlockQuote.border#fd491a
- textLink.activeForeground#184a90
- textLink.foreground#215db0
- textPreformat.foreground#5642a6
- titleBar.activeBackground#111418
- titleBar.activeForeground#ffffffcc
- titleBar.inactiveBackground#1c2127
- titleBar.inactiveForeground#ffffff99
- toolbar.hoverBackground#e5e8eb
- tree.indentGuidesStroke#d3d8de
- tree.tableColumnsBorder#dce0e5
- widget.border#dce0e5
- widget.shadow#11141818
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8f99a8 | italic |
| string, string.template, punctuation.definition.string | #165a36 | — |
| constant.numeric | #184a90 | — |
| constant.language | #184a90 | — |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical, storage.type, storage.modifier | #5642a6 | — |
| keyword.operator, keyword.operator.assignment | #111418cc | — |
| entity.name.function, meta.function-call, support.function | #2d72d2 | — |
| variable, variable.other.readwrite, variable.parameter | #111418e6 | — |
| variable.other.property, variable.other.object.property, support.variable.property | #111418cc | — |
| variable.other.constant | #866103 | — |
| entity.name.type, entity.name.class, support.type, support.class | #ac2f33 | — |
| entity.name.type.parameter | #ac2f33 | — |
| entity.name.type.interface | #ac2f33 | — |
| variable.other.enummember | #866103 | — |
| meta.decorator, meta.decorator entity.name.function | #866103 | — |
| entity.name.tag, punctuation.definition.tag | #ac2f33 | — |
| support.class.component | #ac2f33 | — |
| entity.other.attribute-name | #fd491a | — |
| support.type.property-name.css | #2d72d2 | — |
| support.constant.property-value.css, support.constant.color | #165a36 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #866103 | — |
| variable.scss, variable.sass | #fd491a | — |
| string.regexp | #cd4246 | — |
| constant.character.escape | #2d72d2 | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #5642a6 | — |
| meta.template.expression | #111418e6 | — |
| support.type.property-name.json | #2d72d2 | — |
| heading.1.markdown, heading.2.markdown, heading.3.markdown, markup.heading | #ac2f33 | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.underline.link | #215db0 | — |
| markup.inline.raw | #5642a6 | — |
| punctuation.separator, punctuation.terminator, punctuation.accessor | #111418cc | — |
| punctuation.definition.block, punctuation.definition.parameters, punctuation.section, meta.brace | #111418cc | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as | #5642a6 | — |
| variable.language.this, variable.language.self | #cd4246 | italic |