banana pancake
Publisher: mikaelkristianssonThemes in package: 1
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#17141f
- activityBar.dropBackground#ae66b66c
- activityBar.foreground#ae66b6
- activityBar.inactiveForeground#87598c79
- activityBarBadge.background#01A982
- activityBarBadge.foreground#151920
- badge.background#cdcdcd
- badge.foreground#151920
- breadcrumb.activeSelectionForeground#e6c62f
- breadcrumb.background#17141f
- breadcrumb.focusForeground#e6c62f
- breadcrumb.foreground#cdcdcd
- breadcrumbPicker.background#151920
- button.background#151920
- button.foreground#cdcdcd
- button.hoverBackground#151920
- debugToolBar.background#151920
- diffEditor.insertedTextBackground#00809b33
- dropdown.background#17141f
- dropdown.border#181a1f
- editor.background#17141f
- editor.findMatchHighlightBackground#314365
- editor.foreground#F8F8F2
- editor.lineHighlightBackground#232a2e
- editor.selectionBackground#252f2f
- editorCursor.foreground#F8F8F0
- editorError.foreground#c24038
- editorGroup.border#171e22
- editorGroup.dropBackground#171e22
- editorGroup.emptyBackground#17141f
- editorGroupHeader.noTabsBackground#17141f
- editorGroupHeader.tabsBackground#17141f
- editorGroupHeader.tabsBorder#220525
- editorHoverWidget.background#21252b
- editorHoverWidget.border#181a1f
- editorIndentGuide.background#3b4048
- editorLineNumber.foreground#495162
- editorLink.activeForeground#e6c62f
- editorRuler.foreground#484848
- editorSuggestWidget.background#151920
- editorSuggestWidget.border#e6c62f
- editorSuggestWidget.selectedBackground#2c313a
- editorWhitespace.foreground#3B3A32
- editorWidget.background#21252b
- gitDecoration.addedResourceForeground#39dcdc
- gitDecoration.modifiedResourceForeground#fd9a69cb
- gitDecoration.untrackedResourceForeground#34f2c6d9
- input.background#151920
- input.border#ae66b6
- input.foreground#e6c62f
- inputOption.activeBorder#ae66b6
- list.activeSelectionBackground#ae66b618
- list.activeSelectionForeground#d7dae0
- list.dropBackground#ae66b618
- list.errorForeground#f06876
- list.focusBackground#ae66b618
- list.highlightForeground#e6c62f
- list.hoverBackground#17141f
- list.inactiveSelectionBackground#ae66b618
- list.inactiveSelectionForeground#cdcdcd
- notifications.background#151920
- panel.background#17141f
- peekView.border#e6c62f
- peekViewEditor.background#151920
- peekViewEditor.matchHighlightBackground#1c212b
- peekViewResult.background#1c212b
- peekViewTitle.background#1c212b
- scrollbarSlider.activeBackground#e6c72faf
- scrollbarSlider.background#4e566680
- scrollbarSlider.hoverBackground#5a637580
- sideBar.background#17141f
- sideBar.foreground#cdcdcd
- sideBarSectionHeader.background#17141f
- sideBarSectionHeader.foreground#cdcdcd
- sideBarTitle.foreground#e6c62f
- statusBar.background#e6c62f
- statusBar.debuggingBackground#e6c62f
- statusBar.foreground#1c212b
- statusBar.noFolderBackground#e6c62f
- statusBarItem.hoverBackground#b39b239a
- tab.activeBackground#17141f
- tab.activeBorderTop#e6c62f
- tab.activeForeground#F8F8F2
- tab.border#17141f
- tab.inactiveBackground#17141f
- tab.inactiveForeground#f8f8f2e5
- terminal.background#17141f
- terminal.border#17141f
- titleBar.activeBackground#17141f
- titleBar.activeForeground#F8F8F2
- titleBar.inactiveBackground#17141f
- titleBar.inactiveForeground#F8F8F2
- tree.indentGuidesStroke#dab709
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #F8F8F2 | — |
| comment | #766056 | — |
| string | #fd9a69 | — |
| meta.template.expression | #F8F8F2 | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #60cce1 | — |
| keyword.control.flow | #ead2ff | — |
| constant.numeric | #F8F8F2 | — |
| constant.language | #EEEEEE | — |
| constant.character, constant.other | #EEEEEE | — |
| variable | — | |
| keyword | #60cce1 | — |
| storage | #60cce1 | |
| storage.type | #EEEEEE | italic |
| storage.type.function.arrow.js | #60cce1 | italic |
| entity.name.class | #2de5ba | underline |
| entity.other.inherited-class | #2de5ba | italic underline |
| entity.name.function | #2de5ba | |
| variable.parameter | #d681e7 | italic |
| entity.name.tag | #60cce1 | |
| entity.other.attribute-name | #2de5ba | |
| support.function | #60cce1 | |
| support.constant | #60cce1 | |
| support.type, support.class | #60cce1 | italic |
| support.other.variable | — | |
| invalid | #F8F8F0 | |
| invalid.deprecated | #F8F8F0 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...