kape
Publisher: gabiuzThemes in package: 1
kape colorscheme for visual studio code
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.background#181616
- activityBar.foreground#d4be98
- activityBar.inactiveForeground#928374
- activityBarBadge.background#e7bb5c
- activityBarBadge.foreground#181616
- activityBarTop.background#181616
- activityBarTop.foreground#d4be98
- activityBarTop.inactiveForeground#928374
- badge.background#2e2a2a
- badge.foreground#d4be98
- button.background#2e2a2a
- button.foreground#d4be98
- button.hoverBackground#3b3633
- checkbox.background#2e2a2a
- checkbox.border#2e2a2a
- debugToolBar.background#2e2a2a
- descriptionForeground#928374
- diffEditor.insertedTextBackground#2a312080
- diffEditor.removedTextBackground#3c1f1e80
- diffEditorGutter.insertedLineBackground#2a312080
- diffEditorGutter.removedLineBackground#3c1f1e80
- dropdown.background#2e2a2a
- dropdown.border#2e2a2a
- dropdown.foreground#d4be98
- editor.background#181616
- editor.findMatchBackground#e7bb5c40
- editor.findMatchBorder#e7bb5c
- editor.findMatchHighlightBackground#d4be9826
- editor.foldBackground#d4be9814
- editor.foreground#d4be98
- editor.inactiveSelectionBackground#2e2a2a99
- editor.lineHighlightBackground#d4be980d
- editor.selectionBackground#d4be9833
- editor.selectionHighlightBackground#2e2a2a80
- editor.wordHighlightBackground#2e2a2a80
- editor.wordHighlightStrongBackground#2e2a2ab3
- editorBracketHighlight.foreground1#689d8a
- editorBracketHighlight.foreground2#b4c76e
- editorBracketHighlight.foreground3#e7bb5c
- editorBracketHighlight.foreground4#c87941
- editorBracketHighlight.foreground5#b06880
- editorBracketHighlight.foreground6#7b8fd4
- editorBracketHighlight.unexpectedBracket.foreground#b53535
- editorBracketMatch.background#2e2a2a99
- editorBracketMatch.border#e7bb5c
- editorCursor.foreground#d4be98
- editorError.foreground#b53535
- editorGhostText.foreground#928374
- editorGroup.border#181616
- editorGroupHeader.tabsBackground#1e1b1b
- editorGroupHeader.tabsBorder#1e1b1b
- editorGutter.addedBackground#b4c76e
- editorGutter.deletedBackground#b53535
- editorGutter.modifiedBackground#c87941
- editorHint.foreground#689d8a
- editorHoverWidget.background#2e2a2a
- editorHoverWidget.border#181616
- editorIndentGuide.activeBackground1#47403b
- editorIndentGuide.background1#2e2a2a
- editorInfo.foreground#7b8fd4
- editorInlayHint.background#1e1b1b
- editorInlayHint.foreground#928374
- editorLineNumber.activeForeground#bdae8b
- editorLineNumber.foreground#928374
- editorOverviewRuler.addedForeground#b4c76ecc
- editorOverviewRuler.deletedForeground#b53535cc
- editorOverviewRuler.errorForeground#b53535cc
- editorOverviewRuler.infoForeground#7b8fd4cc
- editorOverviewRuler.modifiedForeground#c87941cc
- editorOverviewRuler.warningForeground#e7bb5ccc
- editorRuler.foreground#2e2a2a
- editorSuggestWidget.background#2e2a2a
- editorSuggestWidget.border#2e2a2a
- editorSuggestWidget.foreground#bdae8b
- editorSuggestWidget.highlightForeground#d4be98
- editorSuggestWidget.selectedBackground#3b3633
- editorWarning.foreground#e7bb5c
- editorWhitespace.foreground#928374
- errorForeground#b53535
- focusBorder#e7bb5c
- foreground#d4be98
- gitDecoration.addedResourceForeground#b4c76e
- gitDecoration.conflictingResourceForeground#c87941
- gitDecoration.deletedResourceForeground#b53535
- gitDecoration.ignoredResourceForeground#928374
- gitDecoration.modifiedResourceForeground#e7bb5c
- gitDecoration.stageDeletedResourceForeground#b53535
- gitDecoration.stageModifiedResourceForeground#e7bb5c
- gitDecoration.untrackedResourceForeground#bdae8b
- icon.foreground#bdae8b
- input.background#2e2a2a
- input.border#2e2a2a
- input.foreground#d4be98
- input.placeholderForeground#928374
- inputValidation.errorBackground#2e2a2a
- inputValidation.errorBorder#b53535
- inputValidation.infoBackground#2e2a2a
- inputValidation.infoBorder#7b8fd4
- inputValidation.warningBackground#2e2a2a
- inputValidation.warningBorder#e7bb5c
- list.activeSelectionBackground#302b28
- list.activeSelectionForeground#d4be98
- list.errorForeground#b53535
- list.focusBackground#302b28
- list.highlightForeground#e7bb5c
- list.hoverBackground#342f2a
- list.inactiveSelectionBackground#2e2a2a
- list.warningForeground#e7bb5c
- menu.background#2e2a2a
- menu.foreground#d4be98
- menu.selectionBackground#3b3633
- menu.selectionForeground#d4be98
- minimap.selectionHighlight#2e2a2a99
- notificationCenter.border#2e2a2a
- notificationCenterHeader.background#1e1b1b
- notificationCenterHeader.foreground#d4be98
- notifications.background#2e2a2a
- notifications.border#2e2a2a
- notifications.foreground#d4be98
- notificationsErrorIcon.foreground#b53535
- notificationsInfoIcon.foreground#7b8fd4
- notificationsWarningIcon.foreground#e7bb5c
- panel.background#181616
- panel.border#2e2a2a
- panelTitle.activeBorder#e7bb5c
- panelTitle.activeForeground#d4be98
- panelTitle.inactiveForeground#928374
- peekView.border#e7bb5c
- peekViewEditor.background#181616
- peekViewResult.background#1e1b1b
- peekViewResult.selectionBackground#2e2a2a99
- pickerGroup.foreground#e7bb5c
- progressBar.background#e7bb5c
- quickInput.background#181616
- quickInput.foreground#d4be98
- scrollbarSlider.activeBackground#47403bcc
- scrollbarSlider.background#2e2a2a80
- scrollbarSlider.hoverBackground#342f2ab3
- sideBar.background#181616
- sideBar.foreground#d4be98
- sideBarSectionHeader.background#181616
- sideBarSectionHeader.foreground#d4be98
- sideBarTitle.foreground#928374
- statusBar.background#181616
- statusBar.debuggingBackground#c87941
- statusBar.debuggingForeground#181616
- statusBar.foreground#928374
- statusBar.noFolderBackground#181616
- statusBarItem.remoteBackground#e7bb5c
- statusBarItem.remoteForeground#181616
- tab.activeBackground#181616
- tab.activeBorder#e7bb5c
- tab.activeForeground#d4be98
- tab.border#1e1b1b
- tab.inactiveBackground#1e1b1b
- tab.inactiveForeground#928374
- tab.unfocusedActiveBackground#1e1b1b
- tab.unfocusedActiveBorder#928374
- tab.unfocusedActiveForeground#bdae8b
- terminal.ansiBlack#181616
- terminal.ansiBlue#7b8fd4
- terminal.ansiBrightBlack#2e2a2a
- terminal.ansiBrightBlue#9aaae0
- terminal.ansiBrightCyan#89b8a8
- terminal.ansiBrightGreen#cad98a
- terminal.ansiBrightMagenta#c8889a
- terminal.ansiBrightRed#c94040
- terminal.ansiBrightWhite#d4be98
- terminal.ansiBrightYellow#f0cc7a
- terminal.ansiCyan#689d8a
- terminal.ansiGreen#b4c76e
- terminal.ansiMagenta#b06880
- terminal.ansiRed#b53535
- terminal.ansiWhite#c2c2c2
- terminal.ansiYellow#e7bb5c
- terminal.background#181616
- terminal.foreground#d4be98
- textBlockQuote.background#1e1b1b
- textBlockQuote.border#2e2a2a
- textCodeBlock.background#2e2a2a
- textLink.activeForeground#9aaae0
- textLink.foreground#7b8fd4
- titleBar.activeBackground#181616
- titleBar.activeForeground#d4be98
- titleBar.inactiveBackground#181616
- titleBar.inactiveForeground#928374
- tree.indentGuidesStroke#2e2a2a
- widget.border#2e2a2a
- widget.shadow#181616
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #928374 | italic |
| source, text, variable, meta.definition.variable | #689d8a | — |
| keyword, storage.type, storage.modifier | #b53535 | — |
| storage.type | #c87941 | — |
| entity.name.function, meta.function-call, support.function, variable.function | #c87941 | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.other.inherited-class | #b53535 | — |
| string, constant.other.symbol | #b4c76e | — |
| constant, constant.numeric, constant.language, support.constant | #b06880 | — |
| variable.parameter, meta.function.parameters | #689d8a | — |
| variable.other.property, variable.other.object.property, support.variable.property | #d4be98 | — |
| entity.name.tag, punctuation.definition.tag | #c87941 | — |
| meta.tag | #d4be98 | — |
| entity.other.attribute-name, meta.decorator, tag.decorator | #c87941 | — |
| keyword.operator, punctuation, punctuation.separator, punctuation.terminator | #b4c76e | — |
| support.type.property-name.json | #e7bb5c | — |
| string.quoted.double.json | #b4c76e | — |
| constant.numeric.json | #b06880 | — |
| constant.language.json | #b53535 | — |
| source.json punctuation.separator.dictionary.json, source.json punctuation.separator.array.json, source.json punctuation.separator.key-value.json, source.json punctuation.definition.dictionary.json, source.json punctuation.definition.array.json | #928374 | — |
| invalid, invalid.illegal | #b53535 | — |
| markup.inserted, markup.inserted.git_gutter | #b4c76e | — |
| markup.deleted, markup.deleted.git_gutter | #b53535 | — |
| markup.changed, markup.changed.git_gutter | #e7bb5c | — |
| markup.heading, markup.heading entity.name, punctuation.definition.heading.markdown | #e7bb5c | bold |
| string.other.link, constant.other.reference.link.markdown | #7b8fd4 | — |
| markup.quote, punctuation.definition.blockquote.markdown | #928374 | italic |
| markup.raw, markup.inline.raw | #bdae8b | — |