Zen Theme
Publisher: Joie'sThemes in package: 2
A calm, Fleet-inspired VS Code theme with clear contrast and restrained color roles.
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#81D2CEE6
- activityBar.activeFocusBorder#81D2CEE6
- activityBar.background#050505FF
- activityBar.border#5F5F5F4D
- activityBar.dropBorder#81D2CEE6
- activityBar.foreground#BCBCBCE6
- activityBar.inactiveForeground#6C6C6CFF
- activityBarBadge.background#BCBCBCE6
- activityBarBadge.foreground#000000E6
- activityBarTop.activeBorder#81D2CEE6
- activityBarTop.dropBorder#81D2CEE6
- activityBarTop.foreground#BCBCBCE6
- activityBarTop.inactiveForeground#6C6C6CFF
- badge.background#2D2D2DFF
- badge.foreground#BCBCBCE6
- banner.background#050505FF
- banner.foreground#BCBCBCE6
- banner.iconForeground#81D2CEE6
- breadcrumb.activeSelectionForeground#81D2CEE6
- breadcrumb.background#0F0F0FFF
- breadcrumb.focusForeground#81D2CEE6
- breadcrumb.foreground#8A8A8AFF
- breadcrumbPicker.background#050505FF
- button.background#81D2CECC
- button.border#00000000
- button.foreground#000000E6
- button.hoverBackground#81D2CEE6
- button.secondaryBackground#5F5F5F1A
- button.secondaryForeground#BCBCBCE6
- button.secondaryHoverBackground#0F0F0FFF
- button.separator#000000E6
- charts.blue#87C3FFB3
- charts.foreground#8A8A8AFF
- charts.green#81D2CEB3
- charts.lines#5F5F5F33
- charts.orange#E09B70B3
- charts.purple#BBAAFFB3
- charts.red#FF8787B3
- charts.yellow#EBC88DB3
- chat.avatarBackground#050505FF
- chat.avatarForeground#81D2CEE6
- chat.requestBackground#0F0F0FFF
- chat.requestBorder#5F5F5F4D
- chat.slashCommandBackground#81D2CE1A
- chat.slashCommandForeground#81D2CEE6
- checkbox.background#0F0F0FFF
- checkbox.border#5F5F5F4D
- checkbox.foreground#81D2CEE6
- checkbox.selectBackground#81D2CECC
- checkbox.selectBorder#81D2CEE6
- commandCenter.activeBackground#0F0F0FFF
- commandCenter.activeBorder#5F5F5F4D
- commandCenter.activeForeground#FFFFFFE6
- commandCenter.background#050505FF
- commandCenter.border#5F5F5F4D
- commandCenter.debuggingBackground#81D2CE1A
- commandCenter.foreground#8A8A8AFF
- commandCenter.inactiveBorder#5F5F5F33
- commandCenter.inactiveForeground#8A8A8AFF
- debugConsole.errorForeground#FF8787B3
- debugConsole.infoForeground#87C3FFB3
- debugConsole.sourceForeground#8A8A8AFF
- debugConsole.warningForeground#E7D38FB3
- debugConsoleInputIcon.foreground#81D2CEE6
- debugIcon.breakpointCurrentStackframeForeground#E7D38FB3
- debugIcon.breakpointDisabledForeground#FF878766
- debugIcon.breakpointForeground#FF8787B3
- debugIcon.breakpointStackframeForeground#81D2CEE6
- debugIcon.breakpointUnverifiedForeground#6C6C6CFF
- debugIcon.continueForeground#81D2CEE6
- debugIcon.disconnectForeground#6C6C6CFF
- debugIcon.pauseForeground#87C3FFB3
- debugIcon.restartForeground#81D2CEE6
- debugIcon.startForeground#81D2CEE6
- debugIcon.stepBackForeground#87C3FFB3
- debugIcon.stepIntoForeground#81D2CEE6
- debugIcon.stepOutForeground#81D2CEE6
- debugIcon.stepOverForeground#81D2CEE6
- debugIcon.stopForeground#FF8787B3
- debugTokenExpression.boolean#81D2CEE6
- debugTokenExpression.error#FF8787B3
- debugTokenExpression.name#BBAAFFE6
- debugTokenExpression.number#EBC88DE6
- debugTokenExpression.string#DD99AAE6
- debugTokenExpression.value#DD99AAE6
- debugToolBar.background#050505FF
- debugToolBar.border#5F5F5F4D
- debugView.exceptionLabelBackground#FF878733
- debugView.exceptionLabelForeground#FF8787B3
- debugView.stateLabelBackground#0F0F0FFF
- debugView.stateLabelForeground#8A8A8AFF
- debugView.valueChangedHighlight#E7D38F80
- descriptionForeground#6C6C6CFF
- diffEditor.border#5F5F5F4D
- diffEditor.diagonalFill#5F5F5F1A
- diffEditor.insertedLineBackground#81D2CE33
- diffEditor.insertedTextBackground#81D2CE55
- diffEditor.insertedTextBorder#00000000
- diffEditor.move.border#E7D38F80
- diffEditor.moveActive.border#E7D38FB3
- diffEditor.removedLineBackground#FF878733
- diffEditor.removedTextBackground#FF878755
- diffEditor.removedTextBorder#00000000
- diffEditor.unchangedCodeBackground#0F0F0FFF
- diffEditor.unchangedRegionBackground#0F0F0FFF
- diffEditor.unchangedRegionForeground#6C6C6CFF
- diffEditor.unchangedRegionShadow#00000000
- diffEditorGutter.insertedLineBackground#81D2CE1A
- diffEditorGutter.removedLineBackground#FF87871A
- diffEditorOverview.insertedForeground#81D2CE80
- diffEditorOverview.removedForeground#FF878780
- disabledForeground#5F5F5FFF
- dropdown.background#0F0F0FFF
- dropdown.border#5F5F5F4D
- dropdown.foreground#BCBCBCE6
- dropdown.listBackground#050505FF
- editor.background#0F0F0FFF
- editor.findMatchBackground#E7D38F4D
- editor.findMatchBorder#E7D38FE6
- editor.findMatchForeground#FFFFFFE6
- editor.findMatchHighlightBackground#E7D38F33
- editor.findMatchHighlightBorder#E7D38F4D
- editor.findMatchHighlightForeground#FFFFFFE6
- editor.findRangeHighlightBackground#E7D38F1A
- editor.findRangeHighlightBorder#00000000
- editor.focusedStackFrameHighlightBackground#81D2CE33
- editor.foldBackground#81D2CE14
- editor.foldPlaceholderForeground#8A8A8AFF
- editor.foreground#BCBCBCE6
- editor.hoverHighlightBackground#5F5F5F26
- editor.inactiveSelectionBackground#5F5F5F33
- editor.inlineValuesBackground#E7D38F1A
- editor.inlineValuesForeground#E7D38FB3
- editor.lineHighlightBackground#FFFFFF08
- editor.lineHighlightBorder#00000000
- editor.linkedEditingBackground#81D2CE1A
- editor.placeholder.foreground#6C6C6CFF
- editor.rangeHighlightBackground#BBAAFF14
- editor.rangeHighlightBorder#BBAAFF26
- editor.selectionBackground#81D2CE40
- editor.selectionForeground#FFFFFFE6
- editor.selectionHighlightBackground#81D2CE26
- editor.selectionHighlightBorder#81D2CE66
- editor.snippetFinalTabstopHighlightBackground#81D2CE1A
- editor.snippetFinalTabstopHighlightBorder#81D2CEE6
- editor.snippetTabstopHighlightBackground#BBAAFF1A
- editor.snippetTabstopHighlightBorder#BBAAFF40
- editor.stackFrameHighlightBackground#E7D38F33
- editor.symbolHighlightBackground#81D2CE33
- editor.symbolHighlightBorder#00000000
- editor.wordHighlightBackground#87C3FF22
- editor.wordHighlightBorder#87C3FF40
- editor.wordHighlightStrongBackground#87C3FF33
- editor.wordHighlightStrongBorder#87C3FF66
- editor.wordHighlightTextBackground#BBAAFF1A
- editor.wordHighlightTextBorder#BBAAFF40
- editorActionList.background#0F0F0FFF
- editorActionList.focusBackground#5F5F5F4D
- editorActionList.focusForeground#FFFFFFE6
- editorActionList.foreground#BCBCBCE6
- editorBracketHighlight.foreground1#8A8A8AE6
- editorBracketHighlight.foreground2#8A8A8AE6
- editorBracketHighlight.foreground3#8A8A8AE6
- editorBracketHighlight.foreground4#8A8A8AE6
- editorBracketHighlight.foreground5#8A8A8AE6
- editorBracketHighlight.foreground6#8A8A8AE6
- editorBracketHighlight.unexpectedBracket.foreground#FF8787B3
- editorBracketMatch.background#5F5F5F1A
- editorBracketMatch.border#8A8A8A66
- editorBracketPairGuide.activeBackground1#8A8A8A66
- editorBracketPairGuide.activeBackground2#8A8A8A66
- editorBracketPairGuide.activeBackground3#8A8A8A66
- editorBracketPairGuide.activeBackground4#8A8A8A66
- editorBracketPairGuide.activeBackground5#8A8A8A66
- editorBracketPairGuide.activeBackground6#8A8A8A66
- editorBracketPairGuide.background1#5F5F5F1F
- editorBracketPairGuide.background2#5F5F5F1F
- editorBracketPairGuide.background3#5F5F5F1F
- editorBracketPairGuide.background4#5F5F5F1F
- editorBracketPairGuide.background5#5F5F5F1F
- editorBracketPairGuide.background6#5F5F5F1F
- editorCodeLens.foreground#5F5F5FFF
- editorCommentsWidget.rangeActiveBackground#87C3FF33
- editorCommentsWidget.rangeBackground#87C3FF1A
- editorCommentsWidget.replyInputBackground#0F0F0FFF
- editorCommentsWidget.resolvedBorder#81D2CE80
- editorCommentsWidget.unresolvedBorder#E7D38F80
- editorCursor.background#0F0F0FFF
- editorCursor.foreground#81D2CEE6
- editorError.background#FF87871A
- editorError.border#00000000
- editorError.foreground#FF8787B3
- editorGhostText.background#00000000
- editorGhostText.border#00000000
- editorGhostText.foreground#5F5F5FFF
- editorGroup.border#5F5F5F4D
- editorGroup.dropBackground#5F5F5F1A
- editorGroup.dropIntoPromptBackground#050505FF
- editorGroup.dropIntoPromptBorder#81D2CEE6
- editorGroup.dropIntoPromptForeground#FFFFFFE6
- editorGroup.emptyBackground#050505FF
- editorGroup.focusedEmptyBorder#81D2CEE6
- editorGroupHeader.border#5F5F5F4D
- editorGroupHeader.noTabsBackground#050505FF
- editorGroupHeader.tabsBackground#050505FF
- editorGroupHeader.tabsBorder#5F5F5F4D
- editorGutter.addedBackground#81D2CE4D
- editorGutter.addedSecondaryBackground#81D2CE33
- editorGutter.background#00000000
- editorGutter.commentGlyphForeground#87C3FFB3
- editorGutter.commentRangeForeground#87C3FFB3
- editorGutter.commentUnresolvedGlyphForeground#E7D38FB3
- editorGutter.deletedBackground#FF878780
- editorGutter.deletedSecondaryBackground#FF87874D
- editorGutter.foldingControlForeground#8A8A8AFF
- editorGutter.modifiedBackground#87C3FF80
- editorGutter.modifiedSecondaryBackground#87C3FF4D
- editorHint.border#00000000
- editorHint.foreground#6C6C6CFF
- editorHoverWidget.background#050505FF
- editorHoverWidget.border#5F5F5F4D
- editorHoverWidget.foreground#BCBCBCE6
- editorHoverWidget.highlightForeground#81D2CEE6
- editorHoverWidget.statusBarBackground#0F0F0FFF
- editorIndentGuide.activeBackground1#5F5F5F4D
- editorIndentGuide.activeBackground2#5F5F5F4D
- editorIndentGuide.activeBackground3#5F5F5F4D
- editorIndentGuide.activeBackground4#5F5F5F4D
- editorIndentGuide.activeBackground5#5F5F5F4D
- editorIndentGuide.activeBackground6#5F5F5F4D
- editorIndentGuide.background1#5F5F5F1A
- editorIndentGuide.background2#5F5F5F1A
- editorIndentGuide.background3#5F5F5F1A
- editorIndentGuide.background4#5F5F5F1A
- editorIndentGuide.background5#5F5F5F1A
- editorIndentGuide.background6#5F5F5F1A
- editorInfo.background#87C3FF1A
- editorInfo.border#00000000
- editorInfo.foreground#87C3FFB3
- editorInlayHint.background#5F5F5F1A
- editorInlayHint.foreground#5F5F5F66
- editorInlayHint.parameterBackground#5F5F5F1A
- editorInlayHint.parameterForeground#5F5F5F66
- editorInlayHint.typeBackground#5F5F5F1A
- editorInlayHint.typeForeground#5F5F5F66
- editorLightBulb.foreground#E7D38FB3
- editorLightBulbAi.foreground#87C3FFE6
- editorLightBulbAutoFix.foreground#81D2CEE6
- editorLineNumber.activeForeground#8A8A8AFF
- editorLineNumber.foreground#5F5F5FFF
- editorLink.activeForeground#81D2CEE6
- editorMultiCursor.primary.background#0F0F0FFF
- editorMultiCursor.primary.foreground#81D2CEE6
- editorMultiCursor.secondary.background#0F0F0FFF
- editorMultiCursor.secondary.foreground#87C3FFB3
- editorOverviewRuler.addedForeground#81D2CE4D
- editorOverviewRuler.border#00000000
- editorOverviewRuler.bracketMatchForeground#BCBCBC4D
- editorOverviewRuler.commonContentForeground#5F5F5F4D
- editorOverviewRuler.currentContentForeground#81D2CEB3
- editorOverviewRuler.deletedForeground#FF878780
- editorOverviewRuler.errorForeground#FF8787B3
- editorOverviewRuler.findMatchForeground#E7D38F80
- editorOverviewRuler.incomingContentForeground#87C3FFB3
- editorOverviewRuler.infoForeground#87C3FFB3
- editorOverviewRuler.modifiedForeground#87C3FF80
- editorOverviewRuler.rangeHighlightForeground#5F5F5F4D
- editorOverviewRuler.selectionHighlightForeground#5F5F5F4D
- editorOverviewRuler.warningForeground#E7D38FB3
- editorOverviewRuler.wordHighlightForeground#5F5F5F4D
- editorOverviewRuler.wordHighlightStrongForeground#5F5F5F4D
- editorOverviewRuler.wordHighlightTextForeground#5F5F5F4D
- editorRuler.foreground#5F5F5F1A
- editorStickyScroll.background#0F0F0FFF
- editorStickyScroll.border#5F5F5F4D
- editorStickyScrollHover.background#0F0F0FFF
- editorSuggestWidget.background#050505FF
- editorSuggestWidget.border#5F5F5F4D
- editorSuggestWidget.focusHighlightForeground#81D2CEE6
- editorSuggestWidget.foreground#BCBCBCE6
- editorSuggestWidget.highlightForeground#81D2CEE6
- editorSuggestWidget.selectedBackground#5F5F5F4D
- editorSuggestWidget.selectedForeground#FFFFFFE6
- editorUnicodeHighlight.background#E7D38F1A
- editorUnicodeHighlight.border#E7D38FB3
- editorUnnecessaryCode.border#00000000
- editorUnnecessaryCode.opacity#000000CC
- editorWarning.background#E7D38F1A
- editorWarning.border#00000000
- editorWarning.foreground#E7D38FB3
- editorWhitespace.foreground#5F5F5F1A
- editorWidget.background#050505FF
- editorWidget.border#5F5F5F4D
- editorWidget.foreground#BCBCBCE6
- editorWidget.resizeBorder#5F5F5F4D
- errorForeground#FF8787B3
- focusBorder#81D2CEE6
- foreground#BCBCBCE6
- git.blame.editorDecorationForeground#6C6C6CFF
- gitDecoration.addedResourceForeground#81D2CEE6
- gitDecoration.conflictingResourceForeground#DD9A6AB3
- gitDecoration.deletedResourceForeground#FF8787B3
- gitDecoration.ignoredResourceForeground#8A8A8AB3
- gitDecoration.modifiedResourceForeground#E7D38FB3
- gitDecoration.renamedResourceForeground#6AB8C0B3
- gitDecoration.stageDeletedResourceForeground#FF8787E6
- gitDecoration.stageModifiedResourceForeground#E7D38FE6
- gitDecoration.submoduleResourceForeground#87C3FFB3
- gitDecoration.untrackedResourceForeground#81D2CEB3
- icon.foreground#BCBCBCE6
- inlineChat.background#050505FF
- inlineChat.border#5F5F5F4D
- inlineChat.foreground#8A8A8AFF
- inlineChat.shadow#00000000
- inlineChatDiff.inserted#81D2CE33
- inlineChatDiff.removed#FF878733
- inlineChatInput.background#0F0F0FFF
- inlineChatInput.border#5F5F5F4D
- inlineChatInput.focusBorder#81D2CEE6
- inlineChatInput.placeholderForeground#6C6C6CFF
- input.background#0F0F0FFF
- input.border#5F5F5F4D
- input.foreground#BCBCBCE6
- input.placeholderForeground#6C6C6CFF
- inputOption.activeBackground#5F5F5F4D
- inputOption.activeBorder#81D2CEE6
- inputOption.activeForeground#FFFFFFE6
- inputOption.hoverBackground#5F5F5F33
- inputValidation.errorBackground#FF878733
- inputValidation.errorBorder#FF8787B3
- inputValidation.errorForeground#FF8787B3
- inputValidation.infoBackground#87C3FF33
- inputValidation.infoBorder#87C3FFB3
- inputValidation.infoForeground#87C3FFB3
- inputValidation.warningBackground#E7D38F33
- inputValidation.warningBorder#E7D38FB3
- inputValidation.warningForeground#E7D38FB3
- keybindingLabel.background#2D2D2DFF
- keybindingLabel.border#5F5F5F4D
- keybindingLabel.bottomBorder#81D2CEE6
- keybindingLabel.foreground#FFFFFFE6
- keybindingTable.headerBackground#050505FF
- keybindingTable.rowsBackground#0F0F0FFF
- list.activeSelectionBackground#5F5F5F4D
- list.activeSelectionForeground#FFFFFFE6
- list.deemphasizedForeground#6C6C6CFF
- list.dropBackground#5F5F5F4D
- list.dropBetweenBackground#81D2CE80
- list.errorForeground#FF8787B3
- list.filterMatchBackground#81D2CE33
- list.filterMatchBorder#81D2CEE6
- list.focusBackground#5F5F5F4D
- list.focusForeground#FFFFFFE6
- list.focusHighlightForeground#81D2CEE6
- list.focusOutline#5F5F5F4D
- list.highlightForeground#81D2CEE6
- list.hoverBackground#5F5F5F33
- list.hoverForeground#FFFFFFE6
- list.inactiveFocusBackground#5F5F5F1A
- list.inactiveFocusOutline#00000000
- list.inactiveSelectionBackground#5F5F5F1A
- list.inactiveSelectionForeground#FFFFFFE6
- list.invalidItemForeground#FF8787B3
- list.warningForeground#E7D38FB3
- listFilterWidget.background#050505FF
- listFilterWidget.noMatchesOutline#FF8787B3
- listFilterWidget.outline#5F5F5F1A
- listFilterWidget.shadow#00000000
- menu.background#050505FF
- menu.border#5F5F5F4D
- menu.foreground#FFFFFFE6
- menu.selectionBackground#5F5F5F1A
- menu.selectionBorder#5F5F5F4D
- menu.selectionForeground#FFFFFFE6
- menu.separatorBackground#5F5F5F4D
- menubar.selectionBackground#5F5F5F1A
- menubar.selectionBorder#81D2CEE6
- menubar.selectionForeground#FFFFFFE6
- merge.border#5F5F5F4D
- merge.commonContentBackground#5F5F5F1A
- merge.commonHeaderBackground#5F5F5F1A
- merge.currentContentBackground#81D2CE33
- merge.currentHeaderBackground#81D2CE80
- merge.incomingContentBackground#87C3FF33
- merge.incomingHeaderBackground#87C3FF80
- mergeEditor.change.background#81D2CE33
- mergeEditor.change.word.background#81D2CE4D
- mergeEditor.changeBase.background#5F5F5F1A
- mergeEditor.changeBase.word.background#5F5F5F1A
- mergeEditor.conflict.handled.minimapOverViewRuler#81D2CE80
- mergeEditor.conflict.handledFocused.border#81D2CEB3
- mergeEditor.conflict.handledUnfocused.border#81D2CE80
- mergeEditor.conflict.input1.background#81D2CE33
- mergeEditor.conflict.input2.background#87C3FF33
- mergeEditor.conflict.unhandled.minimapOverViewRuler#E7D38FB3
- mergeEditor.conflict.unhandledFocused.border#E7D38FE6
- mergeEditor.conflict.unhandledUnfocused.border#E7D38FB3
- mergeEditor.conflictingLines.background#E7D38F33
- minimap.background#050505FF
- minimap.errorHighlight#FF8787B3
- minimap.findMatchHighlight#E7D38FB3
- minimap.foregroundOpacity#000000B3
- minimap.infoHighlight#87C3FFB3
- minimap.selectionHighlight#81D2CE99
- minimap.warningHighlight#E7D38FB3
- minimapGutter.addedBackground#81D2CE80
- minimapGutter.deletedBackground#FF878780
- minimapGutter.modifiedBackground#87C3FF80
- minimapSlider.activeBackground#5F5F5F4D
- minimapSlider.background#5F5F5F1A
- minimapSlider.hoverBackground#5F5F5F33
- notificationCenter.border#5F5F5F4D
- notificationCenterHeader.background#050505FF
- notificationCenterHeader.foreground#BCBCBCE6
- notificationLink.foreground#81D2CEE6
- notifications.background#0F0F0FFF
- notifications.border#5F5F5F4D
- notifications.foreground#8A8A8AFF
- notificationsErrorIcon.foreground#FF8787B3
- notificationsInfoIcon.foreground#87C3FFB3
- notificationsWarningIcon.foreground#E7D38FB3
- notificationToast.border#5F5F5F4D
- panel.background#050505FF
- panel.border#5F5F5F4D
- panel.dropBorder#81D2CEE6
- panelInput.border#5F5F5F4D
- panelSection.border#5F5F5F4D
- panelSection.dropBackground#5F5F5F1A
- panelSectionHeader.background#050505FF
- panelSectionHeader.border#5F5F5F4D
- panelSectionHeader.foreground#BCBCBCFF
- panelTitle.activeBorder#81D2CECC
- panelTitle.activeForeground#FFFFFFE6
- panelTitle.inactiveForeground#8A8A8AFF
- peekView.border#81D2CEE6
- peekViewEditor.background#0F0F0FFF
- peekViewEditor.matchHighlightBackground#E7D38F33
- peekViewEditor.matchHighlightBorder#E7D38FE6
- peekViewEditorGutter.background#050505FF
- peekViewEditorStickyScroll.background#0F0F0FFF
- peekViewResult.background#050505FF
- peekViewResult.fileForeground#8A8A8AFF
- peekViewResult.lineForeground#6C6C6CFF
- peekViewResult.matchHighlightBackground#E7D38F33
- peekViewResult.selectionBackground#5F5F5F1A
- peekViewResult.selectionForeground#FFFFFFE6
- peekViewTitle.background#050505FF
- peekViewTitleDescription.foreground#8A8A8AFF
- peekViewTitleLabel.foreground#BCBCBCFF
- pickerGroup.foreground#81D2CEE6
- problemsErrorIcon.foreground#FF8787B3
- problemsInfoIcon.foreground#87C3FFB3
- problemsWarningIcon.foreground#E7D38FB3
- progressBar.background#81D2CEE6
- quickInput.background#050505FF
- radio.activeBackground#5F5F5F4D
- radio.activeBorder#81D2CEE6
- radio.activeForeground#81D2CEE6
- radio.inactiveBackground#5F5F5F1A
- radio.inactiveBorder#5F5F5F33
- radio.inactiveForeground#8A8A8AFF
- radio.inactiveHoverBackground#5F5F5F33
- sash.hoverBorder#81D2CEE6
- scrollbar.background#00000000
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#5F5F5F4D
- scrollbarSlider.background#5F5F5F1A
- scrollbarSlider.hoverBackground#5F5F5F33
- searchEditor.findMatchBackground#E7D38F4D
- searchEditor.findMatchBorder#E7D38FE6
- selection.background#81D2CE2E
- settings.focusedRowBackground#5F5F5F4D
- settings.focusedRowBorder#81D2CEE6
- settings.headerForeground#FFFFFFE6
- settings.modifiedItemIndicator#81D2CEE6
- settings.rowHoverBackground#5F5F5F33
- settings.sashBorder#5F5F5F4D
- sideBar.background#050505FF
- sideBar.border#5F5F5F4D
- sideBar.dropBackground#5F5F5F1A
- sideBar.foreground#BCBCBCE6
- sideBarSectionHeader.background#050505FF
- sideBarSectionHeader.border#5F5F5F4D
- sideBarTitle.border#5F5F5F4D
- sideBarTitle.foreground#BCBCBCE6
- statusBar.background#050505FF
- statusBar.border#5F5F5F4D
- statusBar.debuggingBackground#81D2CEE6
- statusBar.debuggingBorder#81D2CEE6
- statusBar.debuggingForeground#000000E6
- statusBar.focusBorder#81D2CEE6
- statusBar.foreground#8A8A8AFF
- statusBar.noFolderBackground#0F0F0FFF
- statusBar.noFolderBorder#5F5F5F1A
- statusBar.noFolderForeground#6C6C6CFF
- statusBarItem.activeBackground#5F5F5F4D
- statusBarItem.compactHoverBackground#5F5F5F1A
- statusBarItem.errorBackground#FF8787B3
- statusBarItem.errorForeground#000000E6
- statusBarItem.errorHoverBackground#FF8787CC
- statusBarItem.errorHoverForeground#000000E6
- statusBarItem.focusBorder#81D2CEE6
- statusBarItem.hoverBackground#0F0F0FFF
- statusBarItem.hoverForeground#FFFFFFE6
- statusBarItem.offlineBackground#6C6C6CFF
- statusBarItem.offlineForeground#000000E6
- statusBarItem.offlineHoverBackground#6C6C6CFF
- statusBarItem.offlineHoverForeground#FFFFFFE6
- statusBarItem.prominentBackground#81D2CEE6
- statusBarItem.prominentForeground#000000E6
- statusBarItem.prominentHoverBackground#81D2CEFF
- statusBarItem.prominentHoverForeground#FFFFFFE6
- statusBarItem.remoteBackground#81D2CEE6
- statusBarItem.remoteForeground#000000E6
- statusBarItem.remoteHoverBackground#81D2CEFF
- statusBarItem.remoteHoverForeground#000000E6
- statusBarItem.warningBackground#E7D38FB3
- statusBarItem.warningForeground#000000E6
- statusBarItem.warningHoverBackground#E7D38FE6
- statusBarItem.warningHoverForeground#000000E6
- symbolIcon.arrayForeground#87C3FFE6
- symbolIcon.booleanForeground#81D2CEE6
- symbolIcon.classForeground#87C3FFE6
- symbolIcon.colorForeground#DD99AAE6
- symbolIcon.constantForeground#EBC88DE6
- symbolIcon.constructorForeground#EBC88DE6
- symbolIcon.enumeratorForeground#87C3FFE6
- symbolIcon.enumeratorMemberForeground#BBAAFFE6
- symbolIcon.eventForeground#E7D38FB3
- symbolIcon.fieldForeground#BBAAFFE6
- symbolIcon.fileForeground#8A8A8AFF
- symbolIcon.folderForeground#8A8A8AFF
- symbolIcon.functionForeground#EBC88DE6
- symbolIcon.interfaceForeground#87C3FFE6
- symbolIcon.keyForeground#BBAAFFE6
- symbolIcon.keywordForeground#81D2CEE6
- symbolIcon.methodForeground#EBC88DE6
- symbolIcon.moduleForeground#87C3FFE6
- symbolIcon.namespaceForeground#87C3FFE6
- symbolIcon.nullForeground#6C6C6CFF
- symbolIcon.numberForeground#EBC88DE6
- symbolIcon.objectForeground#BBAAFFE6
- symbolIcon.operatorForeground#BCBCBC99
- symbolIcon.packageForeground#87C3FFE6
- symbolIcon.propertyForeground#BBAAFFE6
- symbolIcon.referenceForeground#87C3FFB3
- symbolIcon.snippetForeground#81D2CEE6
- symbolIcon.stringForeground#DD99AAE6
- symbolIcon.structForeground#87C3FFE6
- symbolIcon.textForeground#8A8A8AFF
- symbolIcon.typeParameterForeground#71A3EFE6
- symbolIcon.unitForeground#EBC88DE6
- symbolIcon.variableForeground#BCBCBCE6
- tab.activeBackground#0F0F0FFF
- tab.activeBorderTop#81D2CEE6
- tab.activeForeground#FFFFFFE6
- tab.activeModifiedBorder#87C3FFB3
- tab.border#5F5F5F4D
- tab.dragAndDropBorder#81D2CEE6
- tab.hoverBackground#5F5F5F33
- tab.hoverBorder#00000000
- tab.hoverForeground#BCBCBCFF
- tab.inactiveBackground#050505FF
- tab.inactiveForeground#8A8A8AFF
- tab.inactiveModifiedBorder#87C3FF80
- tab.lastPinnedBorder#5F5F5F4D
- tab.unfocusedActiveBackground#0F0F0FFF
- tab.unfocusedActiveBorderTop#81D2CE80
- tab.unfocusedActiveForeground#BCBCBCE6
- tab.unfocusedActiveModifiedBorder#87C3FF80
- tab.unfocusedHoverBackground#0F0F0FFF
- tab.unfocusedHoverBorder#00000000
- tab.unfocusedHoverForeground#BCBCBCFF
- tab.unfocusedInactiveBackground#050505FF
- tab.unfocusedInactiveForeground#6C6C6CFF
- tab.unfocusedInactiveModifiedBorder#87C3FF4D
- terminal.ansiBlack#18191B
- terminal.ansiBlue#4B8DEC
- terminal.ansiBrightBlack#898E94
- terminal.ansiBrightBlue#2A7DEB
- terminal.ansiBrightCyan#779E9E
- terminal.ansiBrightGreen#169068
- terminal.ansiBrightMagenta#A660D4
- terminal.ansiBrightRed#E1465E
- terminal.ansiBrightWhite#BCBCBC
- terminal.ansiBrightYellow#CD984D
- terminal.ansiCyan#82D2CE
- terminal.ansiGreen#409D78
- terminal.ansiMagenta#B174D9
- terminal.ansiRed#EC5D6F
- terminal.ansiWhite#C3C5C9
- terminal.ansiYellow#E5BF8C
- terminal.background#050505FF
- terminal.border#5F5F5F4D
- terminal.dropBackground#5F5F5F4D
- terminal.findMatchBackground#E7D38F4D
- terminal.findMatchBorder#E7D38FE6
- terminal.findMatchHighlightBackground#E7D38F33
- terminal.findMatchHighlightBorder#E7D38F4D
- terminal.foreground#BCBCBCE6
- terminal.hoverHighlightBackground#0F0F0FFF
- terminal.inactiveSelectionBackground#5F5F5F33
- terminal.initialHintForeground#6C6C6CFF
- terminal.selectionBackground#81D2CE66
- terminal.selectionForeground#FFFFFFE6
- terminal.tab.activeBorder#00000000
- terminalCommandDecoration.defaultBackground#BCBCBCB3
- terminalCommandDecoration.errorBackground#FF8787B3
- terminalCommandDecoration.successBackground#81D2CEB3
- terminalCursor.background#0F0F0FFF
- terminalCursor.foreground#81D2CEE6
- terminalOverviewRuler.cursorForeground#81D2CEE6
- terminalOverviewRuler.findMatchForeground#E7D38F80
- terminalStickyScroll.background#050505FF
- terminalStickyScroll.border#5F5F5F4D
- terminalStickyScrollHover.background#0F0F0FFF
- textBlockQuote.background#2D2D2DFF
- textBlockQuote.border#DD99AAE6
- textCodeBlock.background#2D2D2DFF
- textLink.activeForeground#81D2CEE6
- textLink.foreground#81D2CECC
- textPreformat.background#2D2D2DFF
- textPreformat.foreground#BCBCBCE6
- textSeparator.foreground#5F5F5F1A
- titleBar.activeBackground#050505FF
- titleBar.activeForeground#FFFFFFE6
- titleBar.border#5F5F5F4D
- titleBar.inactiveBackground#0F0F0FFF
- titleBar.inactiveForeground#8A8A8AFF
- toolbar.activeBackground#5F5F5F4D
- toolbar.hoverBackground#5F5F5F33
- toolbar.hoverOutline#00000000
- tree.inactiveIndentGuidesStroke#5F5F5F1A
- tree.indentGuidesStroke#5F5F5F33
- tree.tableColumnsBorder#5F5F5F4D
- tree.tableOddRowsBackground#00000000
- widget.border#5F5F5F4D
- widget.shadow#00000000
- window.activeBorder#00000000
- window.inactiveBorder#00000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source | #BCBCBCE6 | — |
| comment | #BCBCBC80 | — |
| constant.language | #81D2CEE6 | — |
| constant.character, constant.character.escape | #81D2CEE6 | — |
| constant.numeric | #EBC88DE6 | — |
| string | #E394DCE6 | — |
| string.regexp | #6AB8C0CC | — |
| variable.language | #CC7C8AE6 | — |
| variable.other.object | #BCBCBCE6 | — |
| keyword.control | #81D2CEE6 | — |
| keyword.other | #81D2CEE6 | — |
| keyword.control.at-rule, keyword.control.directive | #A8CC7CE6 | — |
| keyword.operator | #BCBCBC99 | — |
| storage.modifier | #81D2CEE6 | — |
| storage.type, keyword.operator.new, keyword.operator.expression | #81D2CEE6 | — |
| entity.name.type, entity.name.namespace | #87C3FFE6 | — |
| support.type.builtin, support.type.primitive, storage.type.built-in.primitive | #87C3FFE6 | — |
| entity.name.function, entity.name.method, support.function, meta.function-call | #EBC88DE6 | — |
| variable.other.property, variable.other.object.property, support.variable.property | #BBAAFFE6 | — |
| entity.name.tag | #87C3FFE6 | — |
| entity.other.attribute-name | #BBAAFFE6 | — |
| entity.name.tag.reference | #81D2CEE6 | — |
| punctuation.accessor, punctuation.separator.accessor | #BCBCBC99 | — |
| punctuation.definition | #BCBCBC80 | — |
| punctuation.separator, meta.separator | #BCBCBC80 | — |
| punctuation.terminator | #BCBCBC66 | — |
| meta.brace | #BCBCBC99 | — |
| markup.heading | — | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.quote | — | italic |
| markup.strikethrough | — | strikethrough |
| entity.name.section.markdown | #EBC88DE6 | — |
| markup.fenced_code | #EBC88DE6 | — |
| markup.raw, markup.fenced_code, markup.inline.raw | #E394DCE6 | — |
| markup.underline.link, string.other.link.title.markdown, meta.link.reference.markdown, meta.link.reference.def.markdown, string.other.link.description.markdown | #71A3EFE6 | — |
| support.type.property-name.css, support.type.property-name.less | #81D2CEE6 | — |
| variable.css, variable.scss, support.other.variable.less | #87C3FFE6 | — |
| entity.name.tag.css, entity.name.tag.less, entity.name.tag.reference.scss | #BBAAFFE6 | — |
| punctuation.definition.entity.css, punctuation.definition.entity.less | #BBAAFFE6 | — |
| keyword.other.unit | #EBC88DE6 | — |
| keyword.other.important | #A8CC7CE6 | — |
| support.type.property-name.json, meta.structure.dictionary.key.json | #BBAAFFE6 | — |
| punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json | #BCBCBC80 | — |
| entity.name.tag.yaml | #81D2CEE6 | — |
| string.unquoted.plain.out.yaml, string.quoted.double.yaml, string.quoted.single.yaml | #BBAAFFE6 | — |
| entity.name.tag.xml | #BBAAFFE6 | — |
| constant.other.table-name.sql | #BBAAFFE6 | — |
| keyword.var.go, keyword.type.go, keyword.struct.go, keyword.interface.go, keyword.switch.go, keyword.select.go, keyword.defer.go, keyword.const.go, keyword.package.go, keyword.function.go | #81D2CEE6 | — |
| entity.name.type.package.go, variable.other.go | #A8CC7CE6 | — |
| keyword.other.special-method.ruby | #81D2CEE6 | — |
| constant.language.symbol.ruby | #BBAAFFE6 | — |
| keyword.other.rust, keyword.other.fn.rust | #81D2CEE6 | — |
| entity.name.function.macro.rust, meta.macro.rust, meta.attribute.rust | #A8CC7CE6 | — |
| meta.use.rust | #87C3FFE6 | — |
| storage.type.function.arrow | #BCBCBC99 | — |
| support.class.component.js, support.class.component.tsx | #E09B70E6 | — |
| invalid, invalid.illegal | #FF8787E6 | strikethrough |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...