IKKI VSCode Light Theme

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.

• actionBar.toggledBackground#8d634a22
• activityBar.activeBackground#8d634a33
• activityBar.activeBorder#00c2d1
• activityBar.activeFocusBorder#00c2d1
• activityBar.background#fffcf4
• activityBar.border#d9b6ac
• activityBar.dropBorder#00c2d1
• activityBar.foreground#8d634a
• activityBar.inactiveForeground#c39b8f
• activityBarBadge.background#00c2d1
• activityBarBadge.foreground#ffffff
• activityBarTop.activeBackground#8d634a33
• activityBarTop.activeBorder#00c2d1
• activityBarTop.background#fffcf4
• activityBarTop.dropBorder#00c2d1
• activityBarTop.foreground#8d634a
• activityBarTop.inactiveForeground#c39b8f
• badge.background#00c2d1
• badge.foreground#ffffff
• banner.background#8d634a33
• banner.foreground#ff9800
• banner.iconForeground#8d634a
• breadcrumb.activeSelectionForeground#00c2d1
• breadcrumb.background#fffcf4
• breadcrumb.focusForeground#00c2d1
• breadcrumb.foreground#8d634a
• breadcrumbPicker.background#fffae8
• button.background#00c2d1
• button.border#00c2d100
• button.foreground#ffffff
• button.hoverBackground#009aab
• button.secondaryBackground#8d634a33
• button.secondaryForeground#8d634a
• button.secondaryHoverBackground#8d634a44
• button.separator#ffffff66
• charts.blue#3bafda
• charts.foreground#8d634a
• charts.green#37bc9b
• charts.lines#cccccc88
• charts.orange#ff9800
• charts.purple#967adc
• charts.red#da4453
• charts.yellow#f6bb42
• chat.avatarBackground#00c2d1
• chat.avatarForeground#ffffff
• chat.requestBackground#ffffff
• chat.requestBorder#cccccc
• chat.slashCommandBackground#8d634a33
• chat.slashCommandForeground#8d634a
• checkbox.background#ffffff
• checkbox.border#cccccc
• checkbox.foreground#00c2d1
• checkbox.selectBackground#ffffff
• checkbox.selectBorder#cccccc
• commandCenter.activeBackground#8d634a22
• commandCenter.activeBorder#ff9800
• commandCenter.activeForeground#8d634a
• commandCenter.background#8d634a11
• commandCenter.border#d9b6ac
• commandCenter.debuggingBackground#8d634a11
• commandCenter.foreground#8d634acc
• commandCenter.inactiveBorder#d9b6accc
• commandCenter.inactiveForeground#c39b8f
• commentsView.resolvedIcon#8d634a
• commentsView.unresolvedIcon#c39b8f
• contrastActiveBorder#ff980000
• contrastBorder#00c2d100
• debugConsole.errorForeground#ff4d4f
• debugConsole.infoForeground#1890ff
• debugConsole.sourceForeground#52c41a
• debugConsole.warningForeground#faad14
• debugConsoleInputIcon.foreground#8d634a
• debugExceptionWidget.background#fff2f0
• debugExceptionWidget.border#ffccc7
• debugIcon.breakpointCurrentStackframeForeground#ff9800
• debugIcon.breakpointDisabledForeground#aaaaaa
• debugIcon.breakpointForeground#f35800
• debugIcon.breakpointStackframeForeground#8cc152
• debugIcon.breakpointUnverifiedForeground#999999
• debugIcon.continueForeground#1890ff
• debugIcon.disconnectForeground#ff4d4f
• debugIcon.pauseForeground#1890ff
• debugIcon.restartForeground#52c41a
• debugIcon.startForeground#52c41a
• debugIcon.stepBackForeground#1890ff
• debugIcon.stepIntoForeground#1890ff
• debugIcon.stepOutForeground#1890ff
• debugIcon.stepOverForeground#1890ff
• debugIcon.stopForeground#ff4d4f
• debugTokenExpression.boolean#da4453
• debugTokenExpression.error#e9573f
• debugTokenExpression.name#c39b8f
• debugTokenExpression.number#da4453
• debugTokenExpression.string#ff9800
• debugTokenExpression.value#ff9800
• debugToolBar.background#fffae8
• debugToolBar.border#fffae8
• debugView.exceptionLabelBackground#e9573f
• debugView.exceptionLabelForeground#ffffff
• debugView.stateLabelBackground#00c2d1
• debugView.stateLabelForeground#ffffff
• debugView.valueChangedHighlight#00b5e9
• descriptionForeground#888888
• diffEditor.border#d9b6ac
• diffEditor.diagonalFill#cccccc99
• diffEditor.insertedLineBackground#bede0b11
• diffEditor.insertedTextBackground#bede0b33
• diffEditor.insertedTextBorder#bede0b44
• diffEditor.move.border#cccccc
• diffEditor.moveActive.border#d9b6ac
• diffEditor.removedLineBackground#faa68511
• diffEditor.removedTextBackground#faa68533
• diffEditor.removedTextBorder#faa68544
• diffEditor.unchangedCodeBackground#fffae8
• diffEditor.unchangedRegionBackground#fffcf4
• diffEditor.unchangedRegionForeground#8d634a
• diffEditor.unchangedRegionShadow#88888866
• diffEditorGutter.insertedLineBackground#bede0b44
• diffEditorGutter.removedLineBackground#faa68544
• diffEditorOverview.insertedForeground#bede0b
• diffEditorOverview.removedForeground#faa685
• disabledForeground#33333366
• dropdown.background#ffffff
• dropdown.border#cccccc
• dropdown.foreground#333333
• dropdown.listBackground#ffffff
• editor.background#fffcf4
• editor.findMatchBackground#ff980055
• editor.findMatchBorder#ff980099
• editor.findMatchHighlightBackground#ff980022
• editor.findMatchHighlightBorder#ff980066
• editor.findRangeHighlightBackground#ff980022
• editor.findRangeHighlightBorder#00000000
• editor.focusedStackFrameHighlightBackground#8d634a33
• editor.foldBackground#8d634a22
• editor.foreground#8d634a
• editor.hoverHighlightBackground#8d634a33
• editor.inactiveSelectionBackground#8d634a22
• editor.inlineValuesBackground#8d634a66
• editor.inlineValuesForeground#8d634a
• editor.lineHighlightBackground#8d634a22
• editor.lineHighlightBorder#00000000
• editor.linkedEditingBackground#8d634a22
• editor.rangeHighlightBackground#ff980022
• editor.rangeHighlightBorder#00000000
• editor.selectionBackground#8d634a33
• editor.selectionForeground#8d634a
• editor.selectionHighlightBackground#8d634a22
• editor.selectionHighlightBorder#8d634a66
• editor.snippetFinalTabstopHighlightBackground#00000000
• editor.snippetFinalTabstopHighlightBorder#00c2d1
• editor.snippetTabstopHighlightBackground#00000000
• editor.snippetTabstopHighlightBorder#00b5e9
• editor.stackFrameHighlightBackground#8d634a22
• editor.symbolHighlightBackground#ff980022
• editor.symbolHighlightBorder#00000000
• editor.wordHighlightBackground#967adc33
• editor.wordHighlightBorder#967adc66
• editor.wordHighlightStrongBackground#d770ad33
• editor.wordHighlightStrongBorder#d770ad66
• editor.wordHighlightTextBackground#8d634a33
• editor.wordHighlightTextBorder#8d634a66
• editorBracketHighlight.foreground1#aaaaaa
• editorBracketHighlight.foreground2#aaaaaa
• editorBracketHighlight.foreground3#aaaaaa
• editorBracketHighlight.foreground4#aaaaaa
• editorBracketHighlight.foreground5#aaaaaa
• editorBracketHighlight.foreground6#aaaaaa
• editorBracketHighlight.unexpectedBracket.foreground#ff4d4f
• editorBracketMatch.background#8d634a55
• editorBracketMatch.border#8d634a99
• editorBracketPairGuide.activeBackground1#ff9800
• editorBracketPairGuide.activeBackground2#ff9800
• editorBracketPairGuide.activeBackground3#ff9800
• editorBracketPairGuide.activeBackground4#ff9800
• editorBracketPairGuide.activeBackground5#ff9800
• editorBracketPairGuide.activeBackground6#ff9800
• editorBracketPairGuide.background1#8d634a99
• editorBracketPairGuide.background2#8d634a99
• editorBracketPairGuide.background3#8d634a99
• editorBracketPairGuide.background4#8d634a99
• editorBracketPairGuide.background5#8d634a99
• editorBracketPairGuide.background6#8d634a99
• editorCodeLens.foreground#8d634a
• editorCommentsWidget.rangeActiveBackground#8d634a33
• editorCommentsWidget.rangeBackground#99999966
• editorCommentsWidget.replyInputBackground#ffffff
• editorCommentsWidget.resolvedBorder#d9b6ac
• editorCommentsWidget.unresolvedBorder#cccccc
• editorCursor.background#ffffff
• editorCursor.foreground#00c2d1
• editorError.background#fddacccc
• editorError.border#faa685
• editorError.foreground#a64515
• editorGhostText.background#8d634a22
• editorGhostText.border#8d634a00
• editorGhostText.foreground#33333366
• editorGroup.border#d9b6ac
• editorGroup.dropBackground#ffffff99
• editorGroup.dropIntoPromptBackground#00c2d1
• editorGroup.dropIntoPromptBorder#00c2d1
• editorGroup.dropIntoPromptForeground#ffffff
• editorGroup.emptyBackground#fffcf4
• editorGroup.focusedEmptyBorder#00c2d1
• editorGroupHeader.border#d9b6ac
• editorGroupHeader.noTabsBackground#fffae8
• editorGroupHeader.tabsBackground#fffae8
• editorGroupHeader.tabsBorder#cccccc
• editorGutter.addedBackground#bede0b
• editorGutter.background#fffcf4
• editorGutter.commentGlyphForeground#aaaaaa
• editorGutter.commentRangeForeground#cccccc
• editorGutter.commentUnresolvedGlyphForeground#bbbbbb
• editorGutter.deletedBackground#faa685
• editorGutter.foldingControlForeground#8d634a
• editorGutter.modifiedBackground#00b5e9
• editorHint.border#bede0b
• editorHint.foreground#809507
• editorHoverWidget.background#fffae8
• editorHoverWidget.border#d9b6ac
• editorHoverWidget.foreground#8d634a
• editorHoverWidget.highlightForeground#ff9800
• editorHoverWidget.statusBarBackground#fffcf4
• editorIndentGuide.activeBackground1#ff9800
• editorIndentGuide.activeBackground2#ff9800
• editorIndentGuide.activeBackground3#ff9800
• editorIndentGuide.activeBackground4#ff9800
• editorIndentGuide.activeBackground5#ff9800
• editorIndentGuide.activeBackground6#ff9800
• editorIndentGuide.background1#aaaaaa99
• editorIndentGuide.background2#aaaaaa99
• editorIndentGuide.background3#aaaaaa99
• editorIndentGuide.background4#aaaaaa99
• editorIndentGuide.background5#aaaaaa99
• editorIndentGuide.background6#aaaaaa99
• editorInfo.background#d9f0fdcc
• editorInfo.border#84cef8
• editorInfo.foreground#458eb8
• editorInlayHint.background#8d634a33
• editorInlayHint.foreground#8d634a99
• editorInlayHint.parameterBackground#967adc33
• editorInlayHint.parameterForeground#967adc99
• editorInlayHint.typeBackground#d770ad33
• editorInlayHint.typeForeground#d770ad99
• editorLightBulb.foreground#ff9800
• editorLightBulbAi.foreground#3bafda
• editorLightBulbAutoFix.foreground#8cc152
• editorLineNumber.activeForeground#8d634a
• editorLineNumber.dimmedForeground#99999999
• editorLineNumber.foreground#999999
• editorLink.activeForeground#00c2d1
• editorMarkerNavigation.background#fffae8
• editorMarkerNavigationError.background#ff4d4f
• editorMarkerNavigationError.headerBackground#ff4d4f88
• editorMarkerNavigationInfo.background#1890ff
• editorMarkerNavigationInfo.headerBackground#1890ff88
• editorMarkerNavigationWarning.background#faad14
• editorMarkerNavigationWarning.headerBackground#faad1488
• editorMultiCursor.primary.background#ffffff
• editorMultiCursor.primary.foreground#00c2d1
• editorMultiCursor.secondary.background#ffffff
• editorMultiCursor.secondary.foreground#00b5e9
• editorOverviewRuler.addedForeground#bede0b
• editorOverviewRuler.background#fffae8
• editorOverviewRuler.border#d9b6ac
• editorOverviewRuler.bracketMatchForeground#f35800
• editorOverviewRuler.commentForeground#cccccc
• editorOverviewRuler.commentUnresolvedForeground#cccccc99
• editorOverviewRuler.commonContentForeground#99999999
• editorOverviewRuler.currentContentForeground#00c2d199
• editorOverviewRuler.deletedForeground#faa685
• editorOverviewRuler.errorForeground#e9573f
• editorOverviewRuler.findMatchForeground#ff980099
• editorOverviewRuler.incomingContentForeground#00b5e999
• editorOverviewRuler.infoForeground#84cef8
• editorOverviewRuler.inlineChatInserted#809507
• editorOverviewRuler.inlineChatRemoved#a64515
• editorOverviewRuler.modifiedForeground#00b5e9
• editorOverviewRuler.rangeHighlightForeground#ff980066
• editorOverviewRuler.selectionHighlightForeground#8d634a99
• editorOverviewRuler.warningForeground#f7d82a
• editorOverviewRuler.wordHighlightForeground#967adc99
• editorOverviewRuler.wordHighlightStrongForeground#d770ad99
• editorOverviewRuler.wordHighlightTextForeground#8d634a99
• editorPane.background#fffcf4
• editorRuler.foreground#d9b6ac99
• editorStickyScroll.background#fffae8
• editorStickyScroll.border#d9b6ac
• editorStickyScroll.shadow#88888866
• editorStickyScrollHover.background#8d634a22
• editorSuggestWidget.background#fffae8
• editorSuggestWidget.border#d9b6ac
• editorSuggestWidget.focusHighlightForeground#f35800
• editorSuggestWidget.foreground#8d634a
• editorSuggestWidget.highlightForeground#ff9800
• editorSuggestWidget.selectedBackground#8d634a33
• editorSuggestWidget.selectedForeground#333333
• editorSuggestWidget.selectedIconForeground#333333
• editorSuggestWidgetStatus.foreground#d9b6ac
• editorUnicodeHighlight.background#00000022
• editorUnicodeHighlight.border#00000000
• editorUnnecessaryCode.border#999999
• editorUnnecessaryCode.opacity#00000099
• editorWarning.background#fdf3bdcc
• editorWarning.border#f7d82a
• editorWarning.foreground#9e880b
• editorWatermark.foreground#8d634acc
• editorWhitespace.foreground#aaaaaa
• editorWidget.background#fffcf4
• editorWidget.border#00c2d1
• editorWidget.foreground#8d634a
• editorWidget.resizeBorder#00c2d1
• errorForeground#e9573f
• extensionBadge.remoteBackground#00c2d1
• extensionBadge.remoteForeground#ffffff
• extensionButton.background#00c2d1
• extensionButton.foreground#ffffff
• extensionButton.hoverBackground#f35800
• extensionButton.prominentBackground#00c2d1
• extensionButton.prominentForeground#ffffff
• extensionButton.prominentHoverBackground#f35800
• extensionButton.separator#ffffff66
• extensionIcon.preReleaseForeground#f35800ee
• extensionIcon.sponsorForeground#00c2d1ee
• extensionIcon.starForeground#f35800ee
• extensionIcon.verifiedForeground#00c2d1ee
• focusBorder#ff9800
• foreground#333333
• gitDecoration.addedResourceForeground#52c41a
• gitDecoration.conflictingResourceForeground#967adc
• gitDecoration.deletedResourceForeground#ff4d4f
• gitDecoration.ignoredResourceForeground#8d634a66
• gitDecoration.modifiedResourceForeground#1890ff
• gitDecoration.renamedResourceForeground#faad14
• gitDecoration.stageDeletedResourceForeground#ff4d4f
• gitDecoration.stageModifiedResourceForeground#1890ff
• gitDecoration.submoduleResourceForeground#d770ad
• gitDecoration.untrackedResourceForeground#52c41a
• icon.foreground#8d634a
• inlineChat.background#fffae8
• inlineChat.border#d9b6ac
• inlineChat.regionHighlight#fffcf488
• inlineChat.shadow#88888866
• inlineChatDiff.inserted#bede0b33
• inlineChatDiff.removed#faa68533
• inlineChatInput.background#ffffff
• inlineChatInput.border#cccccc
• inlineChatInput.focusBorder#ff9800
• inlineChatInput.placeholderForeground#cccccc
• input.background#ffffff
• input.border#cccccc
• input.foreground#333333
• input.placeholderForeground#cccccc
• inputOption.activeBackground#e4eeaa
• inputOption.activeBorder#bede0b
• inputOption.activeForeground#809507
• inputOption.hoverBackground#8d634a44
• inputValidation.errorBackground#fddacc
• inputValidation.errorBorder#faa685
• inputValidation.errorForeground#a64515
• inputValidation.infoBackground#d9f0fd
• inputValidation.infoBorder#84cef8
• inputValidation.infoForeground#458eb8
• inputValidation.warningBackground#fdf3bd
• inputValidation.warningBorder#f7d82a
• inputValidation.warningForeground#9e880b
• interactive.activeCodeBorder#d9b6ac
• interactive.inactiveCodeBorder#d9b6accc
• keybindingLabel.background#ffffff
• keybindingLabel.border#cccccc
• keybindingLabel.bottomBorder#cccccc
• keybindingLabel.foreground#333333
• keybindingTable.headerBackground#ff9800
• keybindingTable.rowsBackground#8d634a33
• list.activeSelectionBackground#8d634a33
• list.activeSelectionForeground#8d634a
• list.activeSelectionIconForeground#8d634a
• list.deemphasizedForeground#cccccc
• list.dropBackground#999999cc
• list.dropBetweenBackground#8d634a33
• list.errorForeground#ff4d4f
• list.filterMatchBackground#99999966
• list.filterMatchBorder#ff9800
• list.focusAndSelectionOutline#8d634a33
• list.focusBackground#8d634a33
• list.focusForeground#8d634a
• list.focusHighlightForeground#f35800
• list.focusOutline#8d634a33
• list.highlightForeground#f35800
• list.hoverBackground#8d634a22
• list.hoverForeground#8d634a
• list.inactiveFocusBackground#8d634a33
• list.inactiveFocusOutline#8d634a33
• list.inactiveSelectionBackground#8d634a33
• list.inactiveSelectionForeground#8d634a
• list.inactiveSelectionIconForeground#8d634a
• list.invalidItemForeground#e9573f
• list.warningForeground#faad14
• listFilterWidget.background#fffcf4
• listFilterWidget.noMatchesOutline#e9573f
• listFilterWidget.outline#ff9800
• listFilterWidget.shadow#88888866
• menu.background#fffcf4
• menu.border#fffcf4
• menu.foreground#8d634a
• menu.selectionBackground#00c2d1
• menu.selectionBorder#00c2d1
• menu.selectionForeground#ffffff
• menu.separatorBackground#d9b6ac
• menubar.selectionBackground#00c2d1
• menubar.selectionBorder#00c2d1
• menubar.selectionForeground#ffffff
• merge.border#d9b6ac
• merge.commonContentBackground#99999933
• merge.commonHeaderBackground#99999966
• merge.currentContentBackground#00c2d133
• merge.currentHeaderBackground#00c2d166
• merge.incomingContentBackground#00b5e933
• merge.incomingHeaderBackground#00b5e966
• mergeEditor.change.background#84cef866
• mergeEditor.change.word.background#84cef888
• mergeEditor.changeBase.background#84cef866
• mergeEditor.changeBase.word.background#84cef888
• mergeEditor.conflict.handled.minimapOverViewRuler#52c41a
• mergeEditor.conflict.handledFocused.border#ff9800
• mergeEditor.conflict.handledUnfocused.border#52c41a
• mergeEditor.conflict.input1.background#00c2d133
• mergeEditor.conflict.input2.background#00b5e933
• mergeEditor.conflict.unhandled.minimapOverViewRuler#ff4d4f
• mergeEditor.conflict.unhandledFocused.border#ff9800
• mergeEditor.conflict.unhandledUnfocused.border#ff4d4f
• mergeEditor.conflictingLines.background#f7d82a66
• minimap.background#fffcf4
• minimap.errorHighlight#faa685
• minimap.findMatchHighlight#ff9800cc
• minimap.foregroundOpacity#000000cc
• minimap.infoHighlight#d770adcc
• minimap.selectionHighlight#8d634acc
• minimap.selectionOccurrenceHighlight#967adccc
• minimap.warningHighlight#f7d82a
• minimapGutter.addedBackground#bede0b
• minimapGutter.deletedBackground#faa685
• minimapGutter.modifiedBackground#84cef8
• minimapSlider.activeBackground#009aab99
• minimapSlider.background#cccccc99
• minimapSlider.hoverBackground#00c2d199
• multiDiffEditor.background#fffcf4
• multiDiffEditor.border#d9b6ac
• multiDiffEditor.headerBackground#fffae8
• notebook.cellBorderColor#d9b6ac
• notebook.cellEditorBackground#fffae8
• notebook.cellHoverBackground#8d634a22
• notebook.cellInsertionIndicator#00c2d1
• notebook.cellStatusBarItemHoverBackground#8d634a66
• notebook.cellToolbarSeparator#d9b6ac
• notebook.editorBackground#fffcf4
• notebook.focusedCellBackground#8d634a33
• notebook.focusedCellBorder#ff9800
• notebook.focusedEditorBorder#ff9800
• notebook.inactiveFocusedCellBorder#ff9800cc
• notebook.inactiveSelectedCellBorder#00c2d1cc
• notebook.outputContainerBackgroundColor#fffae8
• notebook.outputContainerBorderColor#d9b6ac
• notebook.selectedCellBackground#8d634a33
• notebook.selectedCellBorder#00c2d1
• notebook.symbolHighlightBackground#8d634a55
• notebookEditorOverviewRuler.runningCellForeground#1890ffcc
• notebookScrollbarSlider.activeBackground#009aab99
• notebookScrollbarSlider.background#cccccc99
• notebookScrollbarSlider.hoverBackground#00c2d199
• notebookStatusErrorIcon.foreground#ff4d4f
• notebookStatusRunningIcon.foreground#1890ff
• notebookStatusSuccessIcon.foreground#52c41a
• notificationCenter.border#d9b6ac
• notificationCenterHeader.background#fffae8
• notificationCenterHeader.foreground#8d634a
• notificationLink.foreground#00c2d1
• notifications.background#fffcf4
• notifications.border#d9b6ac
• notifications.foreground#8d634a
• notificationsErrorIcon.foreground#ff4d4f
• notificationsInfoIcon.foreground#1890ff
• notificationsWarningIcon.foreground#faad14
• notificationToast.border#d9b6ac
• outputView.background#fffcf4
• outputViewStickyScroll.background#fffae8
• panel.background#fffae8
• panel.border#d9b6ac
• panel.dropBorder#00c2d1
• panelInput.border#cccccc
• panelSection.border#d9b6ac
• panelSection.dropBackground#ffffff99
• panelSectionHeader.background#fffae8
• panelSectionHeader.border#d9b6ac
• panelSectionHeader.foreground#8d634a
• panelTitle.activeBorder#00c2d1
• panelTitle.activeForeground#8d634a
• panelTitle.inactiveForeground#c39b8f
• peekView.border#d9b6ac
• peekViewEditor.background#f5f7fa
• peekViewEditor.matchHighlightBackground#ff980022
• peekViewEditor.matchHighlightBorder#ff980066
• peekViewEditorGutter.background#f5f7fa
• peekViewEditorStickyScroll.background#e6e9ed
• peekViewResult.background#f5f7fa
• peekViewResult.fileForeground#8d634a
• peekViewResult.lineForeground#8d634a99
• peekViewResult.matchHighlightBackground#ff980022
• peekViewResult.selectionBackground#8d634a33
• peekViewResult.selectionForeground#8d634a
• peekViewTitle.background#d9b6ac88
• peekViewTitleDescription.foreground#8d634a
• peekViewTitleLabel.foreground#8d634a
• pickerGroup.border#d9b6ac
• pickerGroup.foreground#8d634a
• ports.iconRunningProcessForeground#1890ff
• problemsErrorIcon.foreground#ff4d4f
• problemsInfoIcon.foreground#1890ff
• problemsWarningIcon.foreground#faad14
• profileBadge.background#00c2d1
• profileBadge.foreground#ffffff
• progressBar.background#00c2d1
• quickInput.background#fffcf4
• quickInput.foreground#8d634a
• quickInputList.focusBackground#8d634a33
• quickInputList.focusForeground#8d634a
• quickInputList.focusIconForeground#8d634a
• quickInputTitle.background#fffae8
• sash.hoverBorder#cccccc
• scm.historyItemAdditionsForeground#bede0b
• scm.historyItemDeletionsForeground#faa685
• scm.historyItemSelectedStatisticsBorder#00c2d1
• scm.historyItemStatisticsBorder#d9b6ac
• scrollbar.shadow#d9b6ac
• scrollbarSlider.activeBackground#009aab99
• scrollbarSlider.background#cccccc99
• scrollbarSlider.hoverBackground#00c2d199
• search.resultsInfoForeground#000000
• searchEditor.findMatchBackground#00c2d122
• searchEditor.findMatchBorder#00c2d166
• searchEditor.textInputBorder#00c2d1
• selection.background#cccccc88
• settings.checkboxBackground#ffffff
• settings.checkboxBorder#cccccc
• settings.checkboxForeground#00c2d1
• settings.dropdownBackground#ffffff
• settings.dropdownBorder#cccccc
• settings.dropdownForeground#333333
• settings.dropdownListBorder#cccccc
• settings.focusedRowBackground#8d634a33
• settings.focusedRowBorder#ff9800
• settings.headerBorder#d9b6ac
• settings.headerForeground#8d634a
• settings.modifiedItemIndicator#00b5e9
• settings.numberInputBackground#ffffff
• settings.numberInputBorder#cccccc
• settings.numberInputForeground#333333
• settings.rowHoverBackground#8d634a22
• settings.sashBorder#d9b6ac
• settings.settingsHeaderHoverForeground#00c2d1
• settings.textInputBackground#ffffff
• settings.textInputBorder#cccccc
• settings.textInputForeground#333333
• sideBar.background#fffae8
• sideBar.border#d9b6ac
• sideBar.dropBackground#ffffff99
• sideBar.foreground#8d634a
• sideBarActivityBarTop.border#d9b6ac
• sideBarSectionHeader.background#fffcf4
• sideBarSectionHeader.border#d9b6ac
• sideBarSectionHeader.foreground#8d634a
• sideBarTitle.foreground#8d634a
• sideBySideEditor.horizontalBorder#d9b6ac
• sideBySideEditor.verticalBorder#d9b6ac
• simpleFindWidget.sashBorder#d9b6ac
• statusBar.background#00c2d1
• statusBar.border#00c2d100
• statusBar.debuggingBackground#00b5e9
• statusBar.debuggingBorder#00b5e900
• statusBar.debuggingForeground#ffffff
• statusBar.focusBorder#ff9800
• statusBar.foreground#ffffff
• statusBar.noFolderBackground#8d634a
• statusBar.noFolderBorder#8d634a00
• statusBar.noFolderForeground#ffffff
• statusBarItem.activeBackground#00000044
• statusBarItem.compactHoverBackground#00000044
• statusBarItem.errorBackground#ff4d4f
• statusBarItem.errorForeground#ffffff
• statusBarItem.errorHoverBackground#00000022
• statusBarItem.errorHoverForeground#ffffffcc
• statusBarItem.focusBorder#ff980000
• statusBarItem.hoverBackground#00000022
• statusBarItem.hoverForeground#ffffffcc
• statusBarItem.offlineBackground#aaaaaa
• statusBarItem.offlineForeground#ffffff
• statusBarItem.offlineHoverBackground#00000022
• statusBarItem.offlineHoverForeground#ffffffcc
• statusBarItem.prominentBackground#00000033
• statusBarItem.prominentForeground#ffffff
• statusBarItem.prominentHoverBackground#00000011
• statusBarItem.prominentHoverForeground#ffffffcc
• statusBarItem.remoteBackground#00c2d1
• statusBarItem.remoteForeground#ffffff
• statusBarItem.remoteHoverBackground#00000022
• statusBarItem.remoteHoverForeground#ffffffcc
• statusBarItem.warningBackground#faad14
• statusBarItem.warningForeground#ffffff
• statusBarItem.warningHoverBackground#00000022
• statusBarItem.warningHoverForeground#ffffffcc
• symbolIcon.arrayForeground#aab2bd
• symbolIcon.booleanForeground#da4453
• symbolIcon.classForeground#37bc9b
• symbolIcon.colorForeground#da4453
• symbolIcon.constantForeground#da4453
• symbolIcon.constructorForeground#3bafda
• symbolIcon.enumeratorForeground#3bafda
• symbolIcon.enumeratorMemberForeground#3bafda
• symbolIcon.eventForeground#967adc
• symbolIcon.fieldForeground#4a89dc
• symbolIcon.fileForeground#434a54
• symbolIcon.folderForeground#434a54
• symbolIcon.functionForeground#967adc
• symbolIcon.interfaceForeground#d770ad
• symbolIcon.keyForeground#c39b8f
• symbolIcon.keywordForeground#8cc152
• symbolIcon.methodForeground#967adc
• symbolIcon.moduleForeground#8cc152
• symbolIcon.namespaceForeground#d770ad
• symbolIcon.nullForeground#da4453
• symbolIcon.numberForeground#da4453
• symbolIcon.objectForeground#aab2bd
• symbolIcon.operatorForeground#aab2bd
• symbolIcon.packageForeground#8cc152
• symbolIcon.propertyForeground#c39b8f
• symbolIcon.referenceForeground#f6bb42
• symbolIcon.snippetForeground#f6bb42
• symbolIcon.stringForeground#ff9800
• symbolIcon.structForeground#3bafda
• symbolIcon.textForeground#434a54
• symbolIcon.typeParameterForeground#d770ad
• symbolIcon.unitForeground#8cc152
• symbolIcon.variableForeground#37bc9b
• tab.activeBackground#fffcf4
• tab.activeBorder#fffcf4
• tab.activeBorderTop#00c2d1
• tab.activeForeground#8d634a
• tab.activeModifiedBorder#00b5e9
• tab.border#cccccc
• tab.dragAndDropBorder#00c2d1
• tab.hoverBackground#fffcf4
• tab.hoverBorder#cccccc
• tab.hoverForeground#8d634a
• tab.inactiveBackground#fffae8
• tab.inactiveForeground#c39b8f
• tab.inactiveModifiedBorder#84cef8
• tab.lastPinnedBorder#d9b6ac
• tab.unfocusedActiveBackground#fffcf4
• tab.unfocusedActiveBorder#fffcf4
• tab.unfocusedActiveBorderTop#00c2d199
• tab.unfocusedActiveForeground#8d634a99
• tab.unfocusedActiveModifiedBorder#00b5e999
• tab.unfocusedHoverBackground#fffcf4
• tab.unfocusedHoverBorder#cccccc
• tab.unfocusedHoverForeground#8d634a
• tab.unfocusedInactiveBackground#fffae8
• tab.unfocusedInactiveForeground#c39b8f99
• tab.unfocusedInactiveModifiedBorder#84cef899
• terminal.ansiBlack#434a54
• terminal.ansiBlue#4a89dc
• terminal.ansiBrightBlack#656d78
• terminal.ansiBrightBlue#5d9cec
• terminal.ansiBrightCyan#4fc1e9
• terminal.ansiBrightGreen#48cfad
• terminal.ansiBrightMagenta#ec87c0
• terminal.ansiBrightRed#ed5565
• terminal.ansiBrightWhite#a0d468
• terminal.ansiBrightYellow#ffb74d
• terminal.ansiCyan#3bafda
• terminal.ansiGreen#37bc9b
• terminal.ansiMagenta#d770ad
• terminal.ansiRed#da4453
• terminal.ansiWhite#8cc152
• terminal.ansiYellow#ff9800
• terminal.background#fffcf4
• terminal.border#d9b6ac
• terminal.dropBackground#ffffff99
• terminal.findMatchBackground#ff980055
• terminal.findMatchBorder#ff980099
• terminal.findMatchHighlightBackground#ff980022
• terminal.findMatchHighlightBorder#ff980066
• terminal.foreground#8d634a
• terminal.hoverHighlightBackground#00c2d166
• terminal.inactiveSelectionBackground#00000011
• terminal.selectionBackground#00000022
• terminal.selectionForeground#000000
• terminal.tab.activeBorder#00c2d1
• terminalCommandDecoration.defaultBackground#1890ff
• terminalCommandDecoration.errorBackground#ff4d4f
• terminalCommandDecoration.successBackground#52c41a
• terminalCursor.background#ffffff
• terminalCursor.foreground#00c2d1
• terminalOverviewRuler.cursorForeground#8d634a99
• terminalOverviewRuler.findMatchForeground#ff980099
• terminalStickyScroll.background#fffae8
• terminalStickyScrollHover.background#8d634a22
• testing.coverCountBadgeBackground#00c2d1
• testing.coverCountBadgeForeground#ffffff
• testing.coveredBackground#bede0b44
• testing.coveredBorder#bede0b
• testing.coveredGutterBackground#bede0b
• testing.iconErrored#faad14
• testing.iconErrored.retired#faad14cc
• testing.iconFailed#ff4d4f
• testing.iconFailed.retired#ff4d4fcc
• testing.iconPassed#52c41a
• testing.iconPassed.retired#52c41acc
• testing.iconQueued#1890ff
• testing.iconQueued.retired#1890ffcc
• testing.iconSkipped#967adc
• testing.iconSkipped.retired#967adccc
• testing.iconUnset#888888
• testing.iconUnset.retired#888888cc
• testing.message.error.decorationForeground#faa685
• testing.message.error.lineBackground#faa68544
• testing.message.info.decorationForeground#84cef8
• testing.message.info.lineBackground#84cef844
• testing.messagePeekBorder#d9b6ac
• testing.messagePeekHeaderBackground#d9b6ac88
• testing.peekBorder#d9b6ac
• testing.peekHeaderBackground#d9b6ac88
• testing.runAction#bede0b
• testing.uncoveredBackground#8d634a44
• testing.uncoveredBorder#8d634a
• testing.uncoveredBranchBackground#d9b6ac44
• testing.uncoveredGutterBackground#8d634a
• textBlockQuote.background#fdf3bd
• textBlockQuote.border#f7d82a
• textCodeBlock.background#fffcf4
• textLink.activeForeground#009aab
• textLink.foreground#00c2d1
• textPreformat.background#cccccc99
• textPreformat.foreground#00b5e9
• textSeparator.foreground#d9b6ac
• titleBar.activeBackground#fffcf4
• titleBar.activeForeground#8d634a
• titleBar.border#d9b6ac
• titleBar.inactiveBackground#fffae8
• titleBar.inactiveForeground#c39b8f
• toolbar.activeBackground#8d634a33
• toolbar.hoverBackground#8d634a33
• toolbar.hoverOutline#8d634a33
• tree.inactiveIndentGuidesStroke#cccccc
• tree.indentGuidesStroke#cccccc
• tree.tableColumnsBorder#cccccc88
• tree.tableOddRowsBackground#8d634a22
• walkThrough.embeddedEditorBackground#fffae8
• walkthrough.stepTitle.foreground#ff9800
• welcomePage.background#fffcf4
• welcomePage.progress.background#8d634a33
• welcomePage.progress.foreground#00c2d1
• welcomePage.tileBackground#8d634a22
• welcomePage.tileBorder#d9b6ac
• welcomePage.tileHoverBackground#8d634a33
• widget.border#cccccc
• widget.shadow#88888866
• window.activeBorder#d9b6ac
• window.inactiveBorder#d9b6accc

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...