KH Theme Pack
Publisher: Ed MoralesThemes in package: 2
Subtle fantasy-inspired dark themes for VS Code: Gold and Silver variants with accessibility-minded contrast.
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#DAB878
- activityBar.background#05070D
- activityBar.border#2D3E57
- activityBar.foreground#FFFFFF
- activityBar.inactiveForeground#8A9DBD
- activityBarBadge.background#214F9D
- activityBarBadge.foreground#FFFFFF
- badge.background#214F9D
- badge.foreground#FFFFFF
- breadcrumb.focusForeground#E2C98C
- breadcrumb.foreground#C8D7EE
- button.background#2C6CB5
- button.foreground#FFFFFF
- button.hoverBackground#3A7FCC
- checkbox.background#D3B16A
- checkbox.border#E8C98A
- checkbox.foreground#111111
- commandCenter.activeBackground#1A3560
- commandCenter.background#14111D
- commandCenter.border#2D3E57
- commandCenter.foreground#F7F1E2
- contrastActiveBorder#8EEBFF
- contrastBorder#2D3E57
- editor.background#09070F
- editor.findMatchBackground#DAB878CC
- editor.findMatchHighlightBackground#F8C16955
- editor.foreground#F7F1E2
- editor.inactiveSelectionBackground#264C8A7A
- editor.lineHighlightBackground#1A1624
- editor.lineHighlightBorder#4A6CB4
- editor.selectionBackground#2A6FD199
- editor.selectionHighlightBackground#3A7DE055
- editor.wordHighlightBackground#3A7DE044
- editor.wordHighlightStrongBackground#8EEBFF55
- editorBracketHighlight.foreground1#DAB878
- editorBracketHighlight.foreground2#7FD3FF
- editorBracketHighlight.foreground3#C9D6E8
- editorBracketHighlight.foreground4#C9A6FF
- editorCursor.foreground#F3C76E
- editorError.foreground#FF6B7A
- editorGroup.border#2D3E57
- editorGroupHeader.tabsBackground#0B0913
- editorGroupHeader.tabsBorder#2D3E57
- editorGutter.addedBackground#49D18D
- editorGutter.deletedBackground#FF6B7A
- editorGutter.modifiedBackground#60A5FA
- editorHint.foreground#8CF0C8
- editorHoverWidget.background#14111D
- editorHoverWidget.border#3B567F
- editorHoverWidget.foreground#F7F1E2
- editorInfo.foreground#7FD3FF
- editorLineNumber.activeForeground#D8BF86
- editorLineNumber.foreground#6E7485
- editorSuggestWidget.background#14111D
- editorSuggestWidget.border#3B567F
- editorSuggestWidget.foreground#F7F1E2
- editorSuggestWidget.selectedBackground#1D4F99
- editorWarning.foreground#FFD84D
- editorWidget.background#14111D
- editorWidget.border#3B567F
- focusBorder#8EEBFF
- gitDecoration.addedResourceForeground#49D18D
- gitDecoration.conflictingResourceForeground#F8C169
- gitDecoration.deletedResourceForeground#FF6B7A
- gitDecoration.ignoredResourceForeground#7D8CA5
- gitDecoration.modifiedResourceForeground#60A5FA
- gitDecoration.untrackedResourceForeground#8CF0C8
- input.background#14111D
- input.border#3B567F
- input.foreground#F7F1E2
- input.placeholderForeground#8A9DBD
- list.activeSelectionBackground#1D4F99
- list.activeSelectionForeground#FFFFFF
- list.hoverBackground#1A3560
- list.inactiveSelectionBackground#173E7A
- menu.background#112C5A
- menu.border#2D3E57
- menu.foreground#FFFFFF
- menu.selectionBackground#D3B16A
- menu.selectionForeground#111111
- notifications.background#14111D
- notifications.border#2D3E57
- notifications.foreground#F7F1E2
- panel.background#0B0913
- panel.border#2D3E57
- panelTitle.activeForeground#DAB878
- panelTitle.inactiveForeground#8A9DBD
- pickerGroup.border#2D3E57
- pickerGroup.foreground#E8C98A
- problemsErrorIcon.foreground#FF6B7A
- problemsInfoIcon.foreground#7FD3FF
- problemsWarningIcon.foreground#FFD84D
- progressBar.background#DAB878
- quickInput.background#14111D
- quickInput.foreground#F7F1E2
- quickInputList.focusBackground#1D4F99
- scrollbarSlider.activeBackground#8AAFF080
- scrollbarSlider.background#4A669680
- scrollbarSlider.hoverBackground#6C8BC480
- sideBar.background#0B0913
- sideBar.border#2D3E57
- sideBar.foreground#E9E0CF
- sideBarSectionHeader.background#111C31
- sideBarSectionHeader.foreground#AEE8FF
- sideBarTitle.foreground#DAB878
- statusBar.background#153E7E
- statusBar.border#DAB878
- statusBar.foreground#FFFFFF
- statusBarItem.errorBackground#8A1F2F
- statusBarItem.errorForeground#FFFFFF
- statusBarItem.prominentBackground#214F9D
- statusBarItem.prominentForeground#EAF4FF
- statusBarItem.remoteBackground#3B2B73
- statusBarItem.remoteForeground#F4EEFF
- statusBarItem.warningBackground#7A5A12
- statusBarItem.warningForeground#FFF6D6
- tab.activeBackground#17121F
- tab.activeBorderTop#DAB878
- tab.activeForeground#FFFFFF
- tab.border#2D3E57
- tab.inactiveBackground#09070F
- tab.inactiveForeground#8A9DBD
- terminal.ansiBlack#0A0F1A
- terminal.ansiBlue#60A5FA
- terminal.ansiBrightBlack#6B7F9E
- terminal.ansiBrightBlue#9CC7FF
- terminal.ansiBrightCyan#A4EEFF
- terminal.ansiBrightGreen#B9F7DE
- terminal.ansiBrightMagenta#DEC9FF
- terminal.ansiBrightRed#FF9AAA
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFE9A3
- terminal.ansiCyan#22D3EE
- terminal.ansiGreen#8CF0C8
- terminal.ansiMagenta#C9A6FF
- terminal.ansiRed#FF6B7A
- terminal.ansiWhite#ECF4FF
- terminal.ansiYellow#DAB878
- terminal.background#09070F
- terminal.foreground#F7F1E2
- terminalCursor.foreground#F3C76E
- testing.iconFailed#FF6B7A
- testing.iconPassed#49D18D
- testing.iconQueued#FFD84D
- titleBar.activeForeground#ECF4FF
- titleBar.inactiveForeground#9CB0D0
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #786F86 | italic |
| comment.block.documentation, comment.documentation | #8C7DA1 | italic |
| keyword, keyword.control, keyword.control.flow, keyword.operator.word, storage, storage.modifier, storage.type | #E8C15F | bold |
| keyword.operator, punctuation.separator, punctuation.terminator | #C9954D | — |
| entity.name.function, entity.name.function.member, support.function, support.function.builtin, meta.function-call, variable.function | #93BCFF | — |
| string, string.template, punctuation.definition.string | #9AE7C2 | — |
| constant.numeric, constant.language.boolean, constant.language.null, constant.character.escape, constant.other.symbol | #63DFFF | bold |
| entity.name.type, entity.name.type.class, entity.name.type.interface, entity.name.type.enum, entity.name.namespace, support.type, support.class, support.constant | #E4D19B | — |
| entity.name.tag, entity.other.attribute-name, support.type.property-name, meta.object-literal.key | #EABB6F | — |
| variable, meta.definition.variable | #EFE6D3 | — |
| variable.other.property, variable.object.property, variable.other.constant | #B69B66 | — |
| variable.parameter, meta.parameter.object-pattern | #F2C873 | — |
| constant.language, constant.other, variable.language | #EEB455 | — |
| invalid, invalid.illegal | #FF6B7A | bold |
| markup.bold, markup.heading | #E8C15F | bold |
| markup.italic | #CDB98C | italic |
| markup.inline.raw, markup.fenced_code.block | #8CF0C8 | — |
| punctuation.section.embedded, punctuation.definition.template-expression | #C9954D | — |
| punctuation.bracket, punctuation.definition.tag | #B6A88B | — |