Skip to main content
Coding 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.

  • activityBar.activeFocusBorder#BF4F10
  • activityBar.background#D0C8B5
  • activityBar.border#D0C8B5
  • activityBar.foreground#757375
  • activityBar.inactiveForeground#757375
  • activityBarBadge.background#BF4F10
  • activityBarBadge.foreground#F7F0DD
  • badge.background#BF4F10
  • badge.foreground#F7F0DD
  • banner.background#FDF9F3
  • banner.foreground#757375
  • banner.iconForeground#757375
  • breadcrumb.activeSelectionForeground#000000
  • breadcrumb.focusForeground#757375
  • breadcrumb.foreground#626063
  • breadcrumbPicker.background#F7F0DD
  • button.background#FDF9F3
  • button.foreground#757375
  • button.hoverBackground#757375
  • button.secondaryBackground#FDF9F3
  • button.secondaryForeground#757375
  • button.secondaryHoverBackground#757375
  • button.separator#F7F0DD
  • charts.blue#2679D1
  • charts.foreground#000000
  • charts.green#00A31E
  • charts.lines#8d8d8d
  • charts.orange#B78900
  • charts.purple#6529b8
  • charts.red#e1221f
  • charts.yellow#BF4F10
  • chat.avatarBackground#F7F0DD
  • chat.avatarForeground#6529b8
  • chat.requestBackground#FDF9F3
  • chat.requestBorder#757375
  • chat.slashCommandBackground#00000000
  • chat.slashCommandForeground#BF4F10
  • checkbox.background#FDF9F3
  • checkbox.border#FDF9F3
  • checkbox.foreground#000000
  • commandCenter.activeBackground#F7F0DD
  • commandCenter.activeForeground#757375
  • commandCenter.background#E9E1CD
  • commandCenter.border#F7F0DD
  • commandCenter.debuggingBackground#E9E1CD
  • commandCenter.foreground#626063
  • debugConsole.errorForeground#e1221f
  • debugConsole.infoForeground#2679D1
  • debugConsole.sourceForeground#000000
  • debugConsole.warningForeground#B78900
  • debugConsoleInputIcon.foreground#BF4F10
  • debugExceptionWidget.background#FDF9F3
  • debugExceptionWidget.border#F7F0DD
  • debugIcon.breakpointCurrentStackframeForeground#BF4F10
  • debugIcon.breakpointDisabledForeground#757375
  • debugIcon.breakpointForeground#e1221f
  • debugIcon.breakpointStackframeForeground#000000
  • debugIcon.breakpointUnverifiedForeground#B78900
  • debugIcon.continueForeground#000000
  • debugIcon.disconnectForeground#000000
  • debugIcon.pauseForeground#000000
  • debugIcon.restartForeground#00A31E
  • debugIcon.startForeground#55ba46
  • debugIcon.stepBackForeground#000000
  • debugIcon.stepIntoForeground#000000
  • debugIcon.stepOutForeground#000000
  • debugIcon.stepOverForeground#000000
  • debugIcon.stopForeground#e1221f
  • debugTokenExpression.boolean#B78900
  • debugTokenExpression.error#e1221f
  • debugTokenExpression.name#2679D1
  • debugTokenExpression.number#6529b8
  • debugTokenExpression.string#BF4F10
  • debugTokenExpression.value#000000
  • debugToolBar.background#FDF9F3
  • debugView.exceptionLabelBackground#e1221f
  • debugView.exceptionLabelForeground#F7F0DD
  • debugView.stateLabelBackground#00A31E
  • debugView.stateLabelForeground#F7F0DD
  • debugView.valueChangedHighlight#BF4F10
  • descriptionForeground#626063
  • diffEditor.diagonalFill#FDF9F3
  • diffEditor.insertedLineBackground#00A31E19
  • diffEditor.insertedTextBackground#00A31E19
  • diffEditor.move.border
  • diffEditor.moveActive.border
  • diffEditor.removedLineBackground#e1221f19
  • diffEditor.removedTextBackground#e1221f19
  • diffEditor.unchangedCodeBackground#E9E1CD
  • diffEditor.unchangedRegionBackground#E9E1CD
  • diffEditor.unchangedRegionForeground#757375
  • diffEditor.unchangedRegionShadow#D0C8B5
  • diffEditorGutter.insertedLineBackground#00A31E19
  • diffEditorGutter.removedLineBackground#e1221f19
  • diffEditorOverview.insertedForeground#00A31Ea5
  • diffEditorOverview.removedForeground#e1221fa5
  • dropdown.background#F7F0DD
  • dropdown.border#F7F0DD
  • dropdown.foreground#626063
  • dropdown.listBackground#FDF9F3
  • editor.background#F7F0DD
  • editor.findMatchBackground#00000026
  • editor.findMatchBorder#BF4F10
  • editor.findMatchHighlightBackground#00000026
  • editor.findMatchHighlightBorder#00000000
  • editor.findRangeHighlightBackground#0000000c
  • editor.findRangeHighlightBorder#00000000
  • editor.focusedStackFrameHighlightBackground#75737526
  • editor.foldBackground#0000000c
  • editor.foreground#000000
  • editor.hoverHighlightBackground#0000000c
  • editor.inactiveSelectionBackground#0000000c
  • editor.inlineValuesBackground#757375
  • editor.inlineValuesForeground#757375
  • editor.lineHighlightBackground#0000000c
  • editor.lineHighlightBorder#00000000
  • editor.linkedEditingBackground#FDF9F3
  • editor.rangeHighlightBackground#FDF9F3
  • editor.rangeHighlightBorder#FDF9F3
  • editor.selectionBackground#75737526
  • editor.selectionHighlightBackground#00000026
  • editor.selectionHighlightBorder#00000000
  • editor.stackFrameHighlightBackground#75737526
  • editor.wordHighlightBackground#00000026
  • editor.wordHighlightBorder#00000000
  • editor.wordHighlightStrongBackground#00000026
  • editor.wordHighlightStrongBorder#00000000
  • editorBracketHighlight.foreground1#e1221f
  • editorBracketHighlight.foreground2#B78900
  • editorBracketHighlight.foreground3#BF4F10
  • editorBracketHighlight.foreground4#00A31E
  • editorBracketHighlight.foreground5#2679D1
  • editorBracketHighlight.foreground6#6529b8
  • editorBracketMatch.background#F7F0DD
  • editorBracketMatch.border#8d8d8d
  • editorCodeLens.foreground#8d8d8d
  • editorCursor.background#F7F0DD
  • editorCursor.foreground#000000
  • editorError.background#00000000
  • editorError.border#00000000
  • editorError.foreground#e1221f
  • editorGhostText.foreground#8d8d8d
  • editorGroup.border#E9E1CD
  • editorGroup.dropBackground#E9E1CDbf
  • editorGroup.emptyBackground#D0C8B5
  • editorGroup.focusedEmptyBorder#E9E1CD
  • editorGroupHeader.noTabsBackground#F7F0DD
  • editorGroupHeader.tabsBackground#E9E1CD
  • editorGroupHeader.tabsBorder#F7F0DD
  • editorGutter.addedBackground#00A31E
  • editorGutter.background#F7F0DD
  • editorGutter.deletedBackground#e1221f
  • editorGutter.foldingControlForeground#808080
  • editorGutter.modifiedBackground#B78900
  • editorHint.border#F7F0DD
  • editorHint.foreground#722ed2
  • editorHoverWidget.background#FDF9F3
  • editorHoverWidget.border#F7F0DD
  • editorIndentGuide.background1#CCCCCC
  • editorInfo.background#00000000
  • editorInfo.border#F7F0DD
  • editorInfo.foreground#2679D1
  • editorInlayHint.background#FDF9F3
  • editorInlayHint.foreground#626063
  • editorLightBulb.foreground#BF4F10
  • editorLightBulbAi.foreground#BF4F10
  • editorLightBulbAutoFix.foreground#00A31E
  • editorLineNumber.activeForeground#757375
  • editorLineNumber.foreground#757375
  • editorLink.activeForeground#2679D1
  • editorMarkerNavigation.background#FDF9F3
  • editorMarkerNavigationError.background#e1221f
  • editorMarkerNavigationInfo.background#2679D1
  • editorMarkerNavigationWarning.background#B78900
  • editorOverviewRuler.addedForeground#00A31E
  • editorOverviewRuler.border#F7F0DD
  • editorOverviewRuler.currentContentForeground#FDF9F3
  • editorOverviewRuler.deletedForeground#e1221f
  • editorOverviewRuler.errorForeground#e1221f
  • editorOverviewRuler.findMatchForeground#00000026
  • editorOverviewRuler.incomingContentForeground#FDF9F3
  • editorOverviewRuler.infoForeground#2679D1
  • editorOverviewRuler.modifiedForeground#B78900
  • editorOverviewRuler.rangeHighlightForeground#00000026
  • editorOverviewRuler.selectionHighlightForeground#00000026
  • editorOverviewRuler.warningForeground#B78900
  • editorOverviewRuler.wordHighlightForeground#00000026
  • editorOverviewRuler.wordHighlightStrongForeground#00000026
  • editorPane.background#F7F0DD
  • editorRuler.foreground#757375
  • editorStickyScroll.background#F7F0DD
  • editorStickyScroll.border#FDF9F3
  • editorStickyScroll.shadow#F7F0DD
  • editorStickyScrollHover.background#0000000c
  • editorSuggestWidget.background#FDF9F3
  • editorSuggestWidget.border#FDF9F3
  • editorSuggestWidget.foreground#757375
  • editorSuggestWidget.highlightForeground#000000
  • editorSuggestWidget.selectedBackground#8d8d8d
  • editorUnnecessaryCode.opacity#000000a5
  • editorWarning.background#00000000
  • editorWarning.border#00000000
  • editorWarning.foreground#B78900
  • editorWhitespace.foreground#757375
  • editorWidget.background#FDF9F3
  • editorWidget.border#FDF9F3
  • errorForeground#e1221f
  • extensionBadge.remoteForeground#00A31E
  • extensionButton.prominentBackground#FDF9F3
  • extensionButton.prominentForeground#000000
  • extensionButton.prominentHoverBackground#757375
  • extensionIcon.preReleaseForeground#6529b8
  • extensionIcon.sponsorForeground#2679D1
  • extensionIcon.starForeground#BF4F10
  • extensionIcon.verifiedForeground#00A31E
  • focusBorder#8d8d8d
  • foreground#000000
  • gitDecoration.addedResourceForeground#00A31E
  • gitDecoration.conflictingResourceForeground#B78900
  • gitDecoration.deletedResourceForeground#e1221f
  • gitDecoration.ignoredResourceForeground#757375
  • gitDecoration.modifiedResourceForeground#BF4F10
  • gitDecoration.stageDeletedResourceForeground#e1221f
  • gitDecoration.stageModifiedResourceForeground#BF4F10
  • gitDecoration.untrackedResourceForeground#757375
  • icon.foreground#626063
  • inlineChat.background#F7F0DD
  • inlineChat.border#E9E1CD
  • inlineChat.shadow#D0C8B5
  • inlineChatDiff.inserted#00A31E19
  • inlineChatDiff.removed#00A31E19
  • input.background#FDF9F3
  • input.border#FDF9F3
  • input.foreground#000000
  • input.placeholderForeground#8d8d8d
  • inputOption.activeBackground#757375
  • inputOption.activeBorder#757375
  • inputOption.activeForeground#000000
  • inputOption.hoverBackground#757375
  • inputValidation.errorBackground#FDF9F3
  • inputValidation.errorBorder#e1221f
  • inputValidation.errorForeground#e1221f
  • inputValidation.infoBackground#FDF9F3
  • inputValidation.infoBorder#2679D1
  • inputValidation.infoForeground#2679D1
  • inputValidation.warningBackground#FDF9F3
  • inputValidation.warningBorder#B78900
  • inputValidation.warningForeground#B78900
  • interactive.activeCodeBorder#8d8d8d
  • interactive.inactiveCodeBorder#FDF9F3
  • keybindingLabel.background#757375
  • keybindingLabel.border#757375
  • keybindingLabel.bottomBorder#FDF9F3
  • keybindingLabel.foreground#b3b3b3
  • list.activeSelectionBackground#F7F0DD
  • list.activeSelectionForeground#6529b8
  • list.dropBackground#E9E1CDbf
  • list.errorForeground#e1221f
  • list.focusBackground#F7F0DD
  • list.focusForeground#000000
  • list.highlightForeground#000000
  • list.hoverBackground#F7F0DD
  • list.hoverForeground#000000
  • list.inactiveFocusBackground#F7F0DD
  • list.inactiveFocusOutline#6529b8
  • list.inactiveSelectionBackground#F7F0DD
  • list.inactiveSelectionForeground#6529b8
  • list.invalidItemForeground#e1221f
  • list.warningForeground#B78900
  • listFilterWidget.background#F7F0DD
  • listFilterWidget.noMatchesOutline#e1221f
  • listFilterWidget.outline#F7F0DD
  • listFilterWidget.shadow#D0C8B5
  • menu.background#F7F0DD
  • menu.border#E9E1CD
  • menu.foreground#000000
  • menu.selectionForeground#BF4F10
  • menu.separatorBackground#FDF9F3
  • menubar.selectionForeground#000000
  • merge.border#F7F0DD
  • merge.commonContentBackground#00000019
  • merge.commonHeaderBackground#00000026
  • merge.currentContentBackground#e1221f19
  • merge.currentHeaderBackground#e1221f26
  • merge.incomingContentBackground#00A31E19
  • merge.incomingHeaderBackground#00A31E26
  • mergeEditor.change.background#00000019
  • mergeEditor.change.word.background#00000019
  • mergeEditor.conflict.handled.minimapOverViewRuler#00A31E
  • mergeEditor.conflict.handledFocused.border#00A31E
  • mergeEditor.conflict.handledUnfocused.border#00A31E
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#e1221f
  • mergeEditor.conflict.unhandledFocused.border#e1221f
  • mergeEditor.conflict.unhandledUnfocused.border#e1221f
  • minimap.errorHighlight#e1221fa5
  • minimap.findMatchHighlight#626063a5
  • minimap.infoHighlight#2679D1a5
  • minimap.selectionHighlight#75737526
  • minimap.selectionOccurrenceHighlight#8d8d8da5
  • minimap.warningHighlight#B78900a5
  • minimapGutter.addedBackground#00A31E
  • minimapGutter.deletedBackground#e1221f
  • minimapGutter.modifiedBackground#BF4F10
  • notebook.cellBorderColor#FDF9F3
  • notebook.cellEditorBackground#E9E1CD7f
  • notebook.cellInsertionIndicator#000000
  • notebook.cellStatusBarItemHoverBackground#8d8d8d
  • notebook.cellToolbarSeparator#FDF9F3
  • notebook.editorBackground#F7F0DD
  • notebook.focusedEditorBorder#8d8d8d
  • notebookStatusErrorIcon.foreground#e1221f
  • notebookStatusRunningIcon.foreground#000000
  • notebookStatusSuccessIcon.foreground#00A31E
  • notificationCenter.border#FDF9F3
  • notificationCenterHeader.background#FDF9F3
  • notificationCenterHeader.foreground#626063
  • notificationLink.foreground#BF4F10
  • notifications.background#FDF9F3
  • notifications.border#FDF9F3
  • notifications.foreground#757375
  • notificationsErrorIcon.foreground#df201d
  • notificationsInfoIcon.foreground#2679D1
  • notificationsWarningIcon.foreground#B78900
  • notificationToast.border#FDF9F3
  • panel.background#FDF9F3
  • panel.border#F7F0DD
  • panel.dropBackground#E9E1CDbf
  • panelStickyScroll.background#FDF9F3
  • panelStickyScroll.border#DIMMED4
  • panelStickyScroll.shadow#FDF9F3
  • panelTitle.activeBorder#BF4F10
  • panelTitle.activeForeground#BF4F10
  • panelTitle.inactiveForeground#626063
  • peekView.border#F7F0DD
  • peekViewEditor.background#FDF9F3
  • peekViewEditor.matchHighlightBackground#757375
  • peekViewEditorGutter.background#FDF9F3
  • peekViewResult.background#FDF9F3
  • peekViewResult.fileForeground#626063
  • peekViewResult.lineForeground#626063
  • peekViewResult.matchHighlightBackground#757375
  • peekViewResult.selectionBackground#FDF9F3
  • peekViewResult.selectionForeground#000000
  • peekViewTitle.background#FDF9F3
  • peekViewTitleDescription.foreground#626063
  • peekViewTitleLabel.foreground#000000
  • pickerGroup.border#F7F0DD
  • pickerGroup.foreground#757375
  • ports.iconRunningProcessForeground#00A31E
  • problemsErrorIcon.foreground#e1221f
  • problemsInfoIcon.foreground#2679D1
  • problemsWarningIcon.foreground#B78900
  • profileBadge.background#FDF9F3
  • profileBadge.foreground#757375
  • progressBar.background#8d8d8d
  • sash.hoverBorder#8d8d8d
  • scrollbar.shadow#F7F0DD
  • scrollbarSlider.activeBackground#00000059
  • scrollbarSlider.background#75737526
  • scrollbarSlider.hoverBackground#00000026
  • selection.background#75737526
  • settings.checkboxBackground#FDF9F3
  • settings.checkboxBorder#FDF9F3
  • settings.checkboxForeground#000000
  • settings.dropdownBackground#FDF9F3
  • settings.dropdownBorder#FDF9F3
  • settings.dropdownForeground#000000
  • settings.dropdownListBorder#626063
  • settings.headerForeground#BF4F10
  • settings.modifiedItemForeground#BF4F10
  • settings.modifiedItemIndicator#BF4F10
  • settings.numberInputBackground#FDF9F3
  • settings.numberInputBorder#FDF9F3
  • settings.numberInputForeground#000000
  • settings.rowHoverBackground#8d8d8d0c
  • settings.sashBorder#FDF9F3
  • settings.settingsHeaderHoverForeground#000000
  • settings.textInputBackground#FDF9F3
  • settings.textInputBorder#FDF9F3
  • settings.textInputForeground#000000
  • sideBar.background#E9E1CD
  • sideBar.border#D0C8B5
  • sideBar.dropBackground#E9E1CDbf
  • sideBar.foreground#626063
  • sideBarSectionHeader.background#E9E1CD
  • sideBarSectionHeader.foreground#8d8d8d
  • sideBarStickyScroll.background#E9E1CD
  • sideBarStickyScroll.border#FDF9F3
  • sideBarStickyScroll.shadow#E9E1CD
  • sideBarTitle.foreground#757375
  • simpleFindWidget.sashBorder
  • statusBar.background#E9E1CD
  • statusBar.border#D0C8B5
  • statusBar.debuggingBackground#8d8d8d
  • statusBar.debuggingBorder#E9E1CD
  • statusBar.debuggingForeground#000000
  • statusBar.focusBorder#FDF9F3
  • statusBar.foreground#8d8d8d
  • statusBar.noFolderBackground#E9E1CD
  • statusBar.noFolderBorder#D0C8B5
  • statusBar.noFolderForeground#8d8d8d
  • statusBarItem.activeBackground#F7F0DD
  • statusBarItem.errorBackground#F7F0DD
  • statusBarItem.errorForeground#e1221f
  • statusBarItem.focusBorder#8d8d8d
  • statusBarItem.hoverBackground#0000000c
  • statusBarItem.offlineBackground
  • statusBarItem.offlineForeground
  • statusBarItem.prominentBackground#FDF9F3
  • statusBarItem.prominentHoverBackground#FDF9F3
  • statusBarItem.remoteBackground#E9E1CD
  • statusBarItem.remoteForeground#219b37
  • statusBarItem.warningBackground#F7F0DD
  • statusBarItem.warningForeground#B78900
  • symbolIcon.arrayForeground#e1221f
  • symbolIcon.booleanForeground#e1221f
  • symbolIcon.classForeground#2679D1
  • symbolIcon.colorForeground#6529b8
  • symbolIcon.constantForeground#6529b8
  • symbolIcon.constructorForeground#00A31E
  • symbolIcon.enumeratorForeground#B78900
  • symbolIcon.enumeratorMemberForeground#B78900
  • symbolIcon.eventForeground#B78900
  • symbolIcon.fieldForeground#B78900
  • symbolIcon.fileForeground#757375
  • symbolIcon.folderForeground#757375
  • symbolIcon.functionForeground#00A31E
  • symbolIcon.interfaceForeground#2679D1
  • symbolIcon.keyForeground#B78900
  • symbolIcon.keywordForeground#e1221f
  • symbolIcon.methodForeground#00A31E
  • symbolIcon.moduleForeground#2679D1
  • symbolIcon.namespaceForeground#2679D1
  • symbolIcon.nullForeground#6529b8
  • symbolIcon.numberForeground#6529b8
  • symbolIcon.objectForeground#2679D1
  • symbolIcon.operatorForeground#e1221f
  • symbolIcon.packageForeground#6529b8
  • symbolIcon.propertyForeground#B78900
  • symbolIcon.referenceForeground#6529b8
  • symbolIcon.snippetForeground#00A31E
  • symbolIcon.stringForeground#BF4F10
  • symbolIcon.structForeground#e1221f
  • symbolIcon.textForeground#BF4F10
  • symbolIcon.typeParameterForeground#B78900
  • symbolIcon.unitForeground#6529b8
  • symbolIcon.variableForeground#2679D1
  • tab.activeBackground#F7F0DD
  • tab.activeBorder#BF4F10
  • tab.activeForeground#6529b8
  • tab.activeModifiedBorder#757375
  • tab.border#F7F0DD
  • tab.hoverBackground#F7F0DD
  • tab.hoverBorder#757375
  • tab.hoverForeground#000000
  • tab.inactiveBackground#E9E1CD
  • tab.inactiveForeground#626063
  • tab.inactiveModifiedBorder#757375
  • tab.lastPinnedBorder#757375
  • tab.unfocusedActiveBorder#626063
  • tab.unfocusedActiveForeground#757375
  • tab.unfocusedActiveModifiedBorder#FDF9F3
  • tab.unfocusedHoverBackground#F7F0DD
  • tab.unfocusedHoverBorder#F7F0DD
  • tab.unfocusedHoverForeground#757375
  • tab.unfocusedInactiveForeground#626063
  • tab.unfocusedInactiveModifiedBorder#FDF9F3
  • terminal.ansiBlack#FDF9F3
  • terminal.ansiBlue#B78900
  • terminal.ansiBrightBlack#8d8d8d
  • terminal.ansiBrightBlue#B78900
  • terminal.ansiBrightCyan#2679D1
  • terminal.ansiBrightGreen#00A31E
  • terminal.ansiBrightMagenta#6529b8
  • terminal.ansiBrightRed#e1221f
  • terminal.ansiBrightWhite#000000
  • terminal.ansiBrightYellow#BF4F10
  • terminal.ansiCyan#2679D1
  • terminal.ansiGreen#00A31E
  • terminal.ansiMagenta#6529b8
  • terminal.ansiRed#e1221f
  • terminal.ansiWhite#000000
  • terminal.ansiYellow#BF4F10
  • terminal.background#FDF9F3
  • terminal.foreground#000000
  • terminal.selectionBackground#00000026
  • terminalCommandDecoration.defaultBackground#000000
  • terminalCommandDecoration.errorBackground#e1221f
  • terminalCommandDecoration.successBackground#00A31E
  • terminalCursor.background#00000000
  • terminalCursor.foreground#000000
  • testing.iconErrored#e1221f
  • testing.iconFailed#e1221f
  • testing.iconPassed#00A31E
  • testing.iconQueued#000000
  • testing.iconSkipped#B78900
  • testing.iconUnset#626063
  • testing.message.error.decorationForeground#e1221f
  • testing.message.error.lineBackground#e1221f19
  • testing.message.info.decorationForeground#000000
  • testing.message.info.lineBackground#00000019
  • testing.runAction#BF4F10
  • textBlockQuote.background#FDF9F3
  • textBlockQuote.border#FDF9F3
  • textCodeBlock.background#FDF9F3
  • textLink.activeForeground#000000
  • textLink.foreground#BF4F10
  • textPreformat.foreground#000000
  • textSeparator.foreground#8d8d8d
  • titleBar.activeBackground#E9E1CD
  • titleBar.activeForeground#626063
  • titleBar.border#D0C8B5
  • titleBar.inactiveBackground#E9E1CD
  • titleBar.inactiveForeground#2d2830
  • tree.inactiveIndentGuidesStroke#F7F0DD
  • tree.indentGuidesStroke#FDF9F3
  • walkThrough.embeddedEditorBackground#E9E1CD
  • welcomePage.buttonBackground#FDF9F3
  • welcomePage.buttonHoverBackground#757375
  • welcomePage.progress.background#8d8d8d
  • welcomePage.progress.foreground#626063
  • welcomePage.tileBackground#FDF9F3
  • welcomePage.tileHoverBackground#757375
  • welcomePage.tileShadow#D0C8B5
  • widget.shadow#D0C8B5

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment keyword, comment markup.underline.link, comment string, comment punctuation.definition, comment punctuation, comment text#8d8d8ditalic
comment storage.type#8d8d8d
comment entity.name.type#757375
comment variable, comment variable.other#757375
comment keyword, comment entity.name.tag, entity.name.tag.documentation#757375
comment keyword.codetag.notation#6529b8
comment.git-status.header.remote#e1221f
comment.git-status.header.local#2679D1
comment.other.git-status.head#000000
string.quoted.docstring, string.quoted.docstring punctuation.definition#8d8d8d
constant#6529b8
constant.other#000000
constant.other.caps#6529b8
constant.other.placeholder.c#B78900
constant.other.property#6529b8
constant.other.citation.latex#6529b8
constant.other.color#6529b8
constant.other.character-class.escape#6529b8
constant.other.key#6529b8
constant.other.symbol#B78900
constant.other.elm#2679D1
constant.numeric#6529b8
constant.language#6529b8
constant.character.escape#6529b8
constant.numeric.line-number.find-in-files#757375
constant.numeric.line-number.match.find-in-files#BF4F10
entity.name.section#BF4F10
entity.name.function, entity.name.function.templated, entity.name.function.member.static#00A31E
entity.name.type.class.templated, entity.name.type.class.generic, entity.name.type.namespace#2679D1
entity.name.label#6529b8
entity.name.function.preprocessor#2679D1
entity.name#000000
entity.name.class#2679D1
entity.name.constant#6529b8
entity.name.namespace#000000
entity.other.inherited-class#2679D1italic
entity.name.function#00A31E
entity.name.tag, entity.name.tag.js.jsx support.class.component.js.jsx, entity.name.tag support.class.component, source.vue support.class.component#e1221f
entity.name.function.operator#e1221f
meta.brackets entity.name.function.operator, punctuation.separator entity.name.function.operator#626063
entity.name.type, entity.name.type.class.reference, entity.name.type.class.value#2679D1
entity.other.attribute-name#2679D1italic
entity.other.attribute-name.class.css, entity.other.attribute-name.parent-selector-suffix.css, entity.other.attribute-name.parent-selector-suffix.css punctuation.definition.entity.css, entity.other.attribute-name.css, entity.other.animation-name.css#00A31E
entity.other.attribute-name.id.css#B78900
entity.other.attribute-name.pseudo-class.css, entity.other.pseudo-class.css, entity.other.pseudo-element.css#2679D1italic
entity.name.function, support.function#00A31E
entity.other.git-status.hex#6529b8
entity.other.jinja2.delimiter#626063
entity.name.operator.custom-literal#000000
entity.name.operator.custom-literal.string#BF4F10
entity.name.operator.custom-literal.number#6529b8
entity.name.type.rust#2679D1
entity.name.lifetime.rust#e1221f
invalid#e1221fitalic underline
invalid.deprecated#B78900italic underline
keyword#e1221f
keyword.control#e1221f
keyword.control.directive#e1221f
keyword.operator, keyword.operator.member, keyword.operator.new#e1221f
keyword.other.substitution#626063
keyword.other.template.begin, keyword.other.template.end#e1221f
keyword.operator.heading.restructuredtext, keyword.operator.table.row.restructuredtext keyword.operator.table.data.restructuredtext#626063
keyword.other.parenthesis.elm#626063
keyword.other.fn.rust, keyword.other.rust, keyword.other.unsafe.rust, keyword.other.where.rust#2679D1
keyword.control.rust, keyword.operator.misc.rust#e1221f
keyword.declaration.class.ruby, keyword.declaration.function.ruby, keyword.declaration.namespace.ruby#e1221f
markup.italicitalic
markup.boldbold
markup.heading#BF4F10
markup.raw#B78900
markup.underlineunderline
markup.underline.link#00A31E
markup.inserted, markup.inserted punctuation.definition.inserted#00A31E
markup.deleted, markup.deleted punctuation.definition.deleted#e1221f
markup.changed, markup.changed punctuation.definition.changed#BF4F10
markup.ignored, markup.ignored punctuation.definition.ignored#626063
markup.untracked#626063
markup.quoteitalic
meta.brace.round, meta.brace.square, meta.brace.curly, meta.delimiter.comma.js, meta.function-call.without-arguments.js, meta.function-call.method.without-arguments.js#626063
meta.function-call.generic.python, support.function.builtin.python#00A31E
meta.function-call.python meta.function-call.arguments.python#000000
meta.instance.constructor#00A31E
meta.attribute-with-value.class string, meta.attribute.class.html string#00A31E
meta.attribute-with-value.id string, meta.attribute.id.html string#B78900
source.json meta.mapping.key string#000000
source.yaml meta.mapping.key string#e1221f
meta.object.member#000000
meta.property-list.css variable.other#B78900
entity.name.constant.preprocessor, meta.preprocessor#6529b8
meta.diff.git-diff.header#BF4F10
meta.type_params.rust#000000
meta.attribute.rust, meta.annotation.rust, variable.language.rust, variable.annotation.rust, meta.annotation.rust string, meta.annotation.rust keyword, meta.annotation.rust keyword.operator, meta.attribute.rust string#757375
meta.type variable, meta.type variable.other.readwrite#6529b8
punctuation#626063
punctuation.definition.tag, punctuation.definition.tag source, punctuation.definition.group.begin.ruby, punctuation.definition.group.end.ruby, punctuation.definition.group.begin.css, punctuation.definition.group.end.css, punctuation.definition.string.end.html source.css, punctuation.definition.block, punctuation.definition.parameters.begin, punctuation.definition.parameters.end, punctuation.separator.parameter, punctuation.accessor, punctuation.terminator#626063
punctuation.definition.group#000000
punctuation.definition.comment#8d8d8d
punctuation.definition.variable, punctuation.definition.keyword.scss, punctuation.definition.entity.css#757375
punctuation.section.embedded, punctuation.section.embedded entity.name.tag, punctuation.section.embedded constant.other, punctuation.section.embedded source, punctuation.section.embedded.begin#B78900
punctuation.template-string.element.begin, punctuation.template-string.element.end, punctuation.definition.string.template.begin, punctuation.definition.string.template.end, string.quoted.template punctuation.definition.string.begin, string.quoted.template punctuation.definition.string.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end#e1221f
meta.paragraph.markdown meta.dummy.line-break, meta.paragraph.markdown meta.hard-line-break.markdown
markup.underline.link punctuation#00A31E
meta.brace.round, meta.brace.square, keyword.operator.type.annotation, meta.type storage.modifier.array#626063
region.redish#e1221f
region.orangish#B78900
region.yellowish#BF4F10
region.greenish#00A31E
region.bluish#2679D1
region.purplish#6529b8
region.pinkish#e1221f
region.whitish#FFFFFF
source#000000
source.scss, source.sass#626063
source.sass variable.other, source.sass variable.sass, source.scss variable.other, source.scss variable.scss, source.scss variable.sass, source.css variable.other, source.css variable.scss, source.less variable.other, source.less variable.other.less, source.less variable.declaration.less#B78900italic
source.git-show.commit.sha#6529b8
source.git-show.author, source.git-show.date, source.git-diff.command, source.git-diff.command meta.diff.git-diff.header.from-file, source.git-diff.command meta.diff.git-diff.header.to-file#626063
source.git-show meta.diff.git-diff.header.extended.index.from-sha, source.git-show meta.diff.git-diff.header.extended.index.to-sha#6529b8
source.git-show meta.diff.range.unified#B78900
source.git-show meta.diff.header.from-file, source.git-show meta.diff.header.to-file#626063
storage#e1221f
storage.type#2679D1italic
storage.type.extends#e1221fnormal
storage.type.function.arrow#e1221fnormal
storage.modifier, storage.type.modifier#e1221fitalic
storage.class.restructuredtext.ref#6529b8
storage.modifier.visibility.rust, storage.modifier.lifetime.rust#e1221f
storage.modifier.const.rust, storage.modifier.dyn.rust, storage.modifier.mut.rust, storage.modifier.static.rust, storage.type.rust, storage.type.core.rust, storage.class.std.rust#2679D1
storage.type.rust, storage.modifier.const.rust, storage.modifier.dyn.rust, storage.modifier.mut.rust, storage.modifier.static.rust, keyword.other.rust, keyword.other.where.rust#e1221f
storage.modifier.import.java#000000
string#BF4F10
string.unquoted.label#000000
string source#000000
string source punctuation.section.embedded, string punctuation.definition.string source#626063
string.other.link.title, string.other.link.description#e1221f
string.other.link.description.title#2679D1
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end#e1221f
string.other.ref, string.other.restructuredtext.ref#00A31E
string.other.git-status.help.key#757375
string.other.git-status.remote#e1221f
support.constant#2679D1
support.constant.handlebars#626063
support.type.vendor-prefix.css#757375
support.function#00A31E
support.function.delimiter.elm#626063
support.type, entity.name.type.object.console#2679D1italic
support.variable, support.variable.property#2679D1
support.type.property-name#000000normal
support.class#2679D1
support.constant.core.rust#6529b8
comment support, comment support.class#8d8d8d
text#000000
text.find-in-files#000000
variable, variable.other#000000
variable.parameter, parameters variable.function#B78900italic
variable.language, variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python#757375italic
variable.language.arguments#6529b8
variable.other.object#2679D1
variable.other.object.property#000000
variable.other.class#2679D1
variable.other.constant#6529b8bold
variable.other.readwrite#000000
variable.other.member#000000
variable.other.enummember#6529b8
variable.other.property, variable.other.property.static, variable.other.event#000000
variable.function#00A31E
variable.other.substitution#B78900
source.ruby variable.other.readwrite.instance.ruby, source.ruby variable.other.readwrite.class.ruby#6529b8
source.jinja2 variable.other.jinja2.block#00A31E
source.jinja2 variable.other.jinja2#B78900

Shiki preview

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

Loading...

WarmKai - Coding Theme