Skip to main content
Coding Theme

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.

  • //-------------- BASE --------------
  • //1-------------- WINDOW / TITLE BAR --------------
  • //10-------------- DIFF EDITOR --------------
  • //11-------------- MERGE CONFLICT --------------
  • //12-------------- TABS --------------
  • //13-------------- BREADCRUMB --------------
  • //14-------------- STATUS BAR --------------
  • //15-------------- PANEL --------------
  • //16-------------- TERMINAL --------------
  • //17-------------- INPUT / DROPDOWN / BUTTON / BADGE --------------
  • //18-------------- LIST / TREE --------------
  • //19-------------- SCROLLBAR / MINIMAP --------------
  • //2-------------- COMMAND CENTER --------------
  • //20-------------- NOTIFICATIONS / BANNER --------------
  • //21-------------- QUICK INPUT / PICKER / KEYBINDING --------------
  • //22-------------- GIT DECORATION --------------
  • //23-------------- EXTENSIONS / SETTINGS --------------
  • //24-------------- DEBUG --------------
  • //25-------------- TESTING --------------
  • //26-------------- CHARTS / SYMBOL ICONS --------------
  • //27-------------- WALK-THROUGH / WELCOME --------------
  • //28-------------- SCM --------------
  • //3-------------- MENU / MENUBAR --------------
  • //4-------------- ACTIVITY BAR --------------
  • //5-------------- SIDE BAR --------------
  • //6-------------- AUXILIARY BAR --------------
  • //7-------------- EDITOR --------------
  • //7-1-------------- EDITOR GUTTER / DECORATIONS --------------
  • //8-------------- EDITOR WIDGET / SUGGEST / HOVER --------------
  • //9-------------- MARKER NAVIGATION / PEEK VIEW --------------
  • activityBar.activeBackground#F8E7EF
  • activityBar.activeBorder#00000000
  • activityBar.activeFocusBorder#00000000
  • activityBar.background#FCEDF4
  • activityBar.border#00000000
  • activityBar.foreground#E7B5CA
  • activityBar.inactiveForeground#D9B8C6
  • activityBarBadge.background#F1C7D8
  • activityBarBadge.foreground#FFFFFF
  • activityBarTop.activeBorder#D77BA2
  • activityBarTop.foreground#5E6264
  • activityBarTop.inactiveForeground#C898AC
  • activityErrorBadge.background#D8546B
  • activityErrorBadge.foreground#FFFFFF
  • activityWarningBadge.background#CC8A2A
  • activityWarningBadge.foreground#FFFFFF
  • auxiliaryBar.background#EFE1E8
  • auxiliaryBar.border#F0C8DC
  • auxiliaryBar.foreground#5E6264
  • auxiliaryBarActivityBar.background#EFE1E8
  • auxiliaryBarTitle.background#EFE1E8
  • auxiliaryBarTitle.border#00000000
  • auxiliaryBarTitle.foreground#CEA7B8
  • badge.background#EAB4CC
  • badge.foreground#FFFFFF
  • banner.background#F0B8D060
  • banner.foreground#5E6264
  • banner.iconForeground#D77BA2
  • breadcrumb.activeSelectionForeground#D77BA2
  • breadcrumb.background#FFFAFC
  • breadcrumb.focusForeground#D77BA2
  • breadcrumb.foreground#5E6264
  • breadcrumbPicker.background#FBE5F0
  • button.background#F6C3DA
  • button.border#00000000
  • button.foreground#FFFFFF
  • button.hoverBackground#F0B3CD
  • button.secondaryBackground#FDF2F7
  • button.secondaryForeground#5E6264
  • button.secondaryHoverBackground#FBE5F0
  • button.separator#FFFFFF40
  • charts.blue#F0A8C8
  • charts.foreground#5E6264
  • charts.green#A8C898
  • charts.lines#E0B0C8
  • charts.orange#D89878
  • charts.purple#F294BD
  • charts.red#D89898
  • charts.yellow#CFCFCF
  • checkbox.background#FEFAFC
  • checkbox.border#E8C8D8
  • checkbox.foreground#B83D7A
  • checkbox.selectBackground#FEFAFC
  • checkbox.selectBorder#B83D7A
  • commandCenter.activeForeground#B59AA7
  • commandCenter.foreground#B59AA7
  • commandCenter.inactiveForeground#B59AA7
  • debugConsole.errorForeground#D8546B
  • debugConsole.infoForeground#F0A8C8
  • debugConsole.sourceForeground#A87890
  • debugConsole.warningForeground#D6A864
  • debugConsoleInputIcon.foreground#D77BA2
  • debugIcon.breakpointCurrentStackframeForeground#CFCFCF
  • debugIcon.breakpointDisabledForeground#C898AC
  • debugIcon.breakpointForeground#EB93C5
  • debugIcon.breakpointStackframeForeground#E1A0A4
  • debugIcon.breakpointUnverifiedForeground#E0B0C8
  • debugIcon.continueForeground#A8C898
  • debugIcon.disconnectForeground#C898AC
  • debugIcon.pauseForeground#F0A8C8
  • debugIcon.restartForeground#A8C898
  • debugIcon.startForeground#A8C898
  • debugIcon.stepBackForeground#C8A8B8
  • debugIcon.stepIntoForeground#F0A8C8
  • debugIcon.stepOutForeground#F0A8C8
  • debugIcon.stepOverForeground#F0A8C8
  • debugIcon.stopForeground#D89898
  • debugTokenExpression.boolean#A8C898
  • debugTokenExpression.error#D8546B
  • debugTokenExpression.name#F0A8C8
  • debugTokenExpression.number#D89878
  • debugTokenExpression.string#F0B8D0
  • debugTokenExpression.value#5E6264
  • debugToolBar.background#FDF2F7
  • debugToolBar.border#F0C8DC
  • debugView.exceptionLabelBackground#D8546B
  • debugView.exceptionLabelForeground#FFFFFF
  • debugView.stateLabelBackground#F0B8D060
  • debugView.stateLabelForeground#5E6264
  • debugView.valueChangedHighlight#F0A8C880
  • descriptionForeground#A87890
  • diffEditor.border#F0C8DC
  • diffEditor.diagonalFill#E0B0C830
  • diffEditor.insertedLineBackground#84B26A1F
  • diffEditor.insertedTextBackground#84B26A33
  • diffEditor.insertedTextBorder#00000000
  • diffEditor.removedLineBackground#D8546B1A
  • diffEditor.removedTextBackground#D8546B2E
  • diffEditor.removedTextBorder#00000000
  • diffEditorGutter.insertedLineBackground#84B26A33
  • diffEditorGutter.removedLineBackground#D8546B2E
  • diffEditorOverview.insertedForeground#84B26A
  • diffEditorOverview.removedForeground#D8546B
  • dropdown.background#FFFEFE
  • dropdown.border#FBE5F0
  • dropdown.foreground#5E6264
  • dropdown.listBackground#FFFEFE
  • editor.background#FFFEFE
  • editor.findMatchBackground#D88FB060
  • editor.findMatchHighlightBackground#D88FB030
  • editor.findRangeHighlightBackground#E1A0A420
  • editor.focusedStackFrameHighlightBackground#A8C89830
  • editor.foreground#6C686A
  • editor.hoverHighlightBackground#F0B8D040
  • editor.inactiveSelectionBackground#F0B8D020
  • editor.lineHighlightBackground#F8D9E81A
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#F8D9E860
  • editor.selectionBackground#F0B8D035
  • editor.selectionHighlightBackground#F0B8D020
  • editor.snippetFinalTabstopHighlightBorder#D77BA260
  • editor.snippetTabstopHighlightBackground#FCEEF3
  • editor.stackFrameHighlightBackground#CFCFCF30
  • editor.symbolHighlightBackground#CFCFCF30
  • editor.wordHighlightBackground#F2B7D125
  • editor.wordHighlightStrongBackground#F2B7D140
  • editorBracketHighlight.foreground1#EBD8E0
  • editorBracketHighlight.foreground2#EBD4D6
  • editorBracketHighlight.foreground3#EBDDD4
  • editorBracketHighlight.foreground4#E9DCC9
  • editorBracketHighlight.foreground5#E0D6D2
  • editorBracketHighlight.foreground6#E5D2DC
  • editorBracketHighlight.unexpectedBracket.foreground#D8546B
  • editorBracketMatch.background#F0B8D040
  • editorBracketMatch.border#D77BA2
  • editorBracketPairGuide.activeBackground1#F5C8DE80
  • editorBracketPairGuide.activeBackground2#F2B7D180
  • editorBracketPairGuide.activeBackground3#E1A0A480
  • editorBracketPairGuide.activeBackground4#F0A8C880
  • editorBracketPairGuide.activeBackground5#E8C8A880
  • editorBracketPairGuide.activeBackground6#C8A8B880
  • editorCodeLens.foreground#C898AC
  • editorCursor.background#FFFAFD
  • editorCursor.foreground#F2B7D1
  • editorError.background#D8546B20
  • editorError.foreground#D8546B
  • editorGhostText.background#00000000
  • editorGhostText.border#00000000
  • editorGhostText.foreground#C898AC
  • editorGroup.border#F0C8DC
  • editorGroup.dropBackground#F0B8D040
  • editorGroupHeader.border#00000000
  • editorGroupHeader.noTabsBackground#FDF6F9
  • editorGroupHeader.tabsBackground#FBF2F6
  • editorGroupHeader.tabsBorder#00000000
  • editorGutter.addedBackground#A8C898
  • editorGutter.background#FFFAFC
  • editorGutter.commentRangeForeground#E0B0C8
  • editorGutter.deletedBackground#D89898
  • editorGutter.foldingControlForeground#C898AC
  • editorGutter.modifiedBackground#F0A8C8
  • editorHint.foreground#C8A8B8
  • editorHoverWidget.background#FFFEFE
  • editorHoverWidget.border#FBE5F0
  • editorHoverWidget.foreground#5E6264
  • editorHoverWidget.highlightForeground#D77BA2
  • editorHoverWidget.statusBarBackground#FDF2F7
  • editorIndentGuide.activeBackground1#F2B2CE
  • editorIndentGuide.background1#F3E7EC
  • editorInfo.background#F2B7D115
  • editorInfo.foreground#F2B7D1
  • editorInlayHint.background#F8D9E880
  • editorInlayHint.foreground#A87890
  • editorInlayHint.parameterBackground#F0B8D040
  • editorInlayHint.parameterForeground#D77BA2
  • editorInlayHint.typeBackground#E1A0A430
  • editorInlayHint.typeForeground#E1A0A4
  • editorLineNumber.activeForeground#F294BD
  • editorLineNumber.foreground#E9CFDB
  • editorLink.activeForeground#F0A8C8
  • editorMarkerNavigation.background#FFFEFE
  • editorMarkerNavigationError.background#D8546B
  • editorMarkerNavigationInfo.background#F0A8C8
  • editorMarkerNavigationWarning.background#D6A864
  • editorOverviewRuler.addedForeground#A8C898
  • editorOverviewRuler.border#00000000
  • editorOverviewRuler.bracketMatchForeground#D77BA2
  • editorOverviewRuler.deletedForeground#D89898
  • editorOverviewRuler.errorForeground#D8546B
  • editorOverviewRuler.findMatchForeground#CFCFCF
  • editorOverviewRuler.infoForeground#F0A8C8
  • editorOverviewRuler.modifiedForeground#F0A8C8
  • editorOverviewRuler.rangeHighlightForeground#E1A0A4
  • editorOverviewRuler.selectionHighlightForeground#F0B8D0
  • editorOverviewRuler.warningForeground#D6A864
  • editorOverviewRuler.wordHighlightForeground#F2B7D1
  • editorOverviewRuler.wordHighlightStrongForeground#F2B7D1
  • editorRuler.foreground#F0C8DC
  • editorStickyScroll.background#FDF6F9
  • editorStickyScrollHover.background#F8D9E8
  • editorSuggestWidget.background#FFFEFE
  • editorSuggestWidget.border#FBE5F0
  • editorSuggestWidget.focusHighlightForeground#D77BA2
  • editorSuggestWidget.foreground#5E6264
  • editorSuggestWidget.highlightForeground#D77BA2
  • editorSuggestWidget.selectedBackground#F0B8D060
  • editorSuggestWidget.selectedForeground#5E6264
  • editorSuggestWidget.selectedIconForeground#D77BA2
  • editorSuggestWidgetStatus.foreground#A87890
  • editorUnnecessaryCode.opacity#5E6264B3
  • editorWarning.background#E2B57B25
  • editorWarning.foreground#E2B57B
  • editorWhitespace.foreground#F0D5E2
  • editorWidget.background#FFFEFE
  • editorWidget.border#FBE5F0
  • editorWidget.foreground#5E6264
  • editorWidget.resizeBorder#FFFEFE
  • errorForeground#D8546B
  • extensionBadge.remoteBackground#D77BA2
  • extensionBadge.remoteForeground#FFFFFF
  • extensionButton.background#F6C3DA
  • extensionButton.foreground#FFFFFF
  • extensionButton.hoverBackground#F0B3CD
  • extensionButton.prominentBackground#F6C3DA
  • extensionButton.prominentForeground#FFFFFF
  • extensionButton.prominentHoverBackground#F0B3CD
  • extensionButton.separator#FFFFFF40
  • extensionIcon.preReleaseForeground#E1A0A4
  • extensionIcon.sponsorForeground#D77BA2
  • extensionIcon.starForeground#CFCFCF
  • extensionIcon.verifiedForeground#A8C898
  • focusBorder#F0C8DC
  • foreground#5E6264
  • gitDecoration.addedResourceForeground#A8C898
  • gitDecoration.conflictingResourceForeground#D89898
  • gitDecoration.deletedResourceForeground#D89898
  • gitDecoration.ignoredResourceForeground#E0B0C8
  • gitDecoration.modifiedResourceForeground#F0A8C8
  • gitDecoration.renamedResourceForeground#E1A0A4
  • gitDecoration.stageDeletedResourceForeground#D89898
  • gitDecoration.stageModifiedResourceForeground#F0A8C8
  • gitDecoration.submoduleResourceForeground#C8A8B8
  • gitDecoration.untrackedResourceForeground#CFCFCF
  • icon.foreground#D4B1BF
  • input.background#FEFAFC
  • input.border#FEFAFC
  • input.foreground#968A8E
  • input.placeholderForeground#E9D3DE
  • inputOption.activeBackground#F0B8D060
  • inputOption.activeBorder#D77BA2
  • inputOption.activeForeground#5E6264
  • inputOption.hoverBackground#F0B8D040
  • inputValidation.errorBackground#FFFAFD
  • inputValidation.errorBorder#D8546B
  • inputValidation.errorForeground#D8546B
  • inputValidation.infoBackground#FFFAFD
  • inputValidation.infoBorder#F0A8C8
  • inputValidation.infoForeground#F0A8C8
  • inputValidation.warningBackground#FFFAFD
  • inputValidation.warningBorder#D6A864
  • inputValidation.warningForeground#D6A864
  • keybindingLabel.background#FFFFFF
  • keybindingLabel.border#EBDBE2
  • keybindingLabel.bottomBorder#EBDBE2
  • keybindingLabel.foreground#5E6264
  • keybindingTable.headerBackground#FDF2F7
  • keybindingTable.rowsBackground#FCFAFB
  • list.activeSelectionBackground#F0B8D035
  • list.activeSelectionForeground#5E6264
  • list.activeSelectionIconForeground#D77BA2
  • list.deemphasizedForeground#C898AC
  • list.dropBackground#F0B8D040
  • list.dropBetweenBackground#D77BA2
  • list.errorForeground#D8546B
  • list.focusAndSelectionOutline#D77BA200
  • list.focusBackground#F0B8D035
  • list.focusForeground#5E6264
  • list.focusHighlightForeground#D77BA2
  • list.focusOutline#D77BA200
  • list.highlightForeground#D77BA2
  • list.hoverBackground#F0B8D015
  • list.hoverForeground#5E6264
  • list.inactiveSelectionBackground#F0B8D020
  • list.inactiveSelectionForeground#5E6264
  • list.inactiveSelectionIconForeground#A87890
  • list.invalidItemForeground#D8546B
  • list.warningForeground#D88FB0
  • listFilterWidget.background#FFFEFE
  • listFilterWidget.noMatchesOutline#D8546B
  • listFilterWidget.outline#D77BA2
  • listFilterWidget.shadow#7F4F6E26
  • menu.background#FFFEFE
  • menu.border#00000000
  • menu.foreground#5E6264
  • menu.selectionBackground#F0B8D080
  • menu.selectionBorder#00000000
  • menu.selectionForeground#5E6264
  • menu.separatorBackground#00000000
  • menubar.selectionBackground#F0B8D060
  • menubar.selectionBorder#00000000
  • menubar.selectionForeground#5E6264
  • merge.border#F0C8DC
  • merge.commonContentBackground#F0B8D020
  • merge.commonHeaderBackground#F0B8D040
  • merge.currentContentBackground#F0A8C820
  • merge.currentHeaderBackground#F0A8C840
  • merge.incomingContentBackground#E1A0A420
  • merge.incomingHeaderBackground#E1A0A440
  • mergeEditor.change.background#F0B8D020
  • mergeEditor.change.word.background#F0B8D040
  • mergeEditor.conflict.handledFocused.border#A8C898
  • mergeEditor.conflict.handledUnfocused.border#A8C898
  • mergeEditor.conflict.unhandledFocused.border#D89898
  • mergeEditor.conflict.unhandledUnfocused.border#CFCFCF
  • minimap.background#FFFEFE00
  • minimap.errorHighlight#D8546B
  • minimap.findMatchHighlight#CFCFCF
  • minimap.foregroundOpacity#000000C0
  • minimap.infoHighlight#F0A8C8
  • minimap.selectionHighlight#F0B8D080
  • minimap.selectionOccurrenceHighlight#F0B8D060
  • minimap.warningHighlight#D6A864
  • minimapGutter.addedBackground#A8C898
  • minimapGutter.deletedBackground#D89898
  • minimapGutter.modifiedBackground#F0A8C8
  • minimapSlider.activeBackground#D77BA260
  • minimapSlider.background#E0B0C840
  • minimapSlider.hoverBackground#E0B0C860
  • notificationCenter.border#00000000
  • notificationCenterHeader.background#FCEDF4
  • notificationCenterHeader.foreground#5E6264
  • notificationLink.foreground#F0A8C8
  • notifications.background#FFFEFE
  • notifications.border#00000000
  • notifications.foreground#5E6264
  • notificationsErrorIcon.foreground#D8546B
  • notificationsInfoIcon.foreground#F0A8C8
  • notificationsWarningIcon.foreground#D6A864
  • notificationToast.border#00000000
  • panel.background#FFFEFE
  • panel.border#F0C8DC
  • panel.dropBorder#D77BA2
  • panel.foreground#5E6264
  • panelInput.border#F0C8DC
  • panelSection.border#00000000
  • panelSection.dropBackground#F0B8D040
  • panelSectionHeader.background#FDF6F9
  • panelSectionHeader.border#00000000
  • panelSectionHeader.foreground#5E6264
  • panelStickyScroll.background#FDF6F9
  • panelStickyScroll.border#00000000
  • panelTitle.activeBorder#D9B8C6
  • panelTitle.activeForeground#676264
  • panelTitle.border#00000000
  • panelTitle.inactiveForeground#676264
  • panelTitleBadge.background#F1C7D8
  • panelTitleBadge.foreground#FFFFFF
  • peekView.border#D77BA2
  • peekViewEditor.background#FDF2F7
  • peekViewEditor.matchHighlightBackground#CFCFCF60
  • peekViewEditorGutter.background#FDF2F7
  • peekViewResult.background#FBE5F0
  • peekViewResult.fileForeground#5E6264
  • peekViewResult.lineForeground#A87890
  • peekViewResult.matchHighlightBackground#CFCFCF80
  • peekViewResult.selectionBackground#F0B8D060
  • peekViewResult.selectionForeground#5E6264
  • peekViewTitle.background#FBE5F0
  • peekViewTitleDescription.foreground#A87890
  • peekViewTitleLabel.foreground#5E6264
  • pickerGroup.border#E8C8D8
  • pickerGroup.foreground#A87890
  • problemsErrorIcon.foreground#D8546B
  • problemsInfoIcon.foreground#F0A8C8
  • problemsWarningIcon.foreground#D6A864
  • progressBar.background#D77BA2
  • quickInput.background#FFFEFE
  • quickInput.foreground#5E6264
  • quickInputList.focusBackground#F0B8D035
  • quickInputList.focusForeground#5E6264
  • quickInputList.focusIconForeground#D77BA2
  • quickInputTitle.background#FFFEFE
  • radio.activeBackground#F0B8D060
  • radio.activeBorder#D77BA2
  • radio.activeForeground#5E6264
  • radio.inactiveBackground#FFFAFD
  • radio.inactiveBorder#F0C8DC
  • radio.inactiveForeground#A87890
  • radio.inactiveHoverBackground#F0B8D020
  • sash.hoverBorder#F2B7D1
  • scm.providerBorder#00000000
  • scmGraph.foreground1#D77BA2
  • scmGraph.foreground2#F0A8C8
  • scmGraph.foreground3#A8C898
  • scmGraph.foreground4#E1A0A4
  • scmGraph.foreground5#F294BD
  • scmGraph.historyItemBaseRefColor#A8C898
  • scmGraph.historyItemHoverLabelForeground#FFFFFF
  • scmGraph.historyItemRefColor#D77BA2
  • scmGraph.historyItemRemoteRefColor#F0A8C8
  • scrollbar.shadow#7F4F6E26
  • scrollbarSlider.activeBackground#D77BA280
  • scrollbarSlider.background#E0B0C860
  • scrollbarSlider.hoverBackground#E0B0C890
  • selection.background#F0B8D050
  • settings.checkboxBackground#FEFAFC
  • settings.checkboxBorder#E8C8D8
  • settings.checkboxForeground#B83D7A
  • settings.dropdownBackground#FFFAFD
  • settings.dropdownBorder#F0C8DC
  • settings.dropdownForeground#5E6264
  • settings.dropdownListBorder#F0C8DC
  • settings.focusedRowBackground#F0B8D020
  • settings.focusedRowBorder#D77BA280
  • settings.headerBorder#F0C8DC
  • settings.headerForeground#5E6264
  • settings.modifiedItemIndicator#F0A8C8
  • settings.numberInputBackground#FFFAFD
  • settings.numberInputBorder#F0C8DC
  • settings.numberInputForeground#5E6264
  • settings.rowHoverBackground#F0B8D015
  • settings.sashBorder#00000000
  • settings.textInputBackground#FFFAFD
  • settings.textInputBorder#F0C8DC
  • settings.textInputForeground#5E6264
  • sideBar.background#FDF6F9
  • sideBar.border#00000000
  • sideBar.foreground#5E6264
  • sideBarSectionHeader.background#FCEDF4
  • sideBarSectionHeader.border#00000000
  • sideBarSectionHeader.foreground#5E6264
  • sideBarTitle.foreground#CEA7B8
  • statusBar.background#FCEDF4
  • statusBar.border#00000000
  • statusBar.debuggingBackground#CFCFCF
  • statusBar.debuggingBorder#C8A8B8
  • statusBar.debuggingForeground#FFFFFF
  • statusBar.focusBorder#D77BA2
  • statusBar.foreground#5E6264
  • statusBar.noFolderBackground#FCEDF4
  • statusBar.noFolderBorder#00000000
  • statusBar.noFolderForeground#5E6264
  • statusBarItem.activeBackground#F0B8D060
  • statusBarItem.compactHoverBackground#F0B8D060
  • statusBarItem.errorBackground#D8546B
  • statusBarItem.errorForeground#FFFFFF
  • statusBarItem.focusBorder#D77BA2
  • statusBarItem.hoverBackground#F0B8D040
  • statusBarItem.hoverForeground#5E6264
  • statusBarItem.offlineBackground#C898AC
  • statusBarItem.offlineForeground#FFFFFF
  • statusBarItem.prominentBackground#F0B8D060
  • statusBarItem.prominentForeground#5E6264
  • statusBarItem.prominentHoverBackground#F0B8D080
  • statusBarItem.remoteBackground#FCEDF4
  • statusBarItem.remoteForeground#5E6264
  • statusBarItem.remoteHoverBackground#F0D0E3
  • statusBarItem.warningBackground#CC8A2A
  • statusBarItem.warningForeground#FFFFFF
  • symbolIcon.arrayForeground#C8A8B8
  • symbolIcon.booleanForeground#A8C898
  • symbolIcon.classForeground#E1A0A4
  • symbolIcon.colorForeground#D77BA2
  • symbolIcon.constantForeground#D89878
  • symbolIcon.constructorForeground#E1A0A4
  • symbolIcon.enumeratorForeground#D89878
  • symbolIcon.enumeratorMemberForeground#D89878
  • symbolIcon.eventForeground#CFCFCF
  • symbolIcon.fieldForeground#F0A8C8
  • symbolIcon.fileForeground#5E6264
  • symbolIcon.folderForeground#E1A0A4
  • symbolIcon.functionForeground#F0A8C8
  • symbolIcon.interfaceForeground#E1A0A4
  • symbolIcon.keyForeground#D77BA2
  • symbolIcon.keywordForeground#F294BD
  • symbolIcon.methodForeground#F0A8C8
  • symbolIcon.moduleForeground#C8A8B8
  • symbolIcon.namespaceForeground#C8A8B8
  • symbolIcon.nullForeground#C898AC
  • symbolIcon.numberForeground#D89878
  • symbolIcon.objectForeground#E1A0A4
  • symbolIcon.operatorForeground#D77BA2
  • symbolIcon.packageForeground#C8A8B8
  • symbolIcon.propertyForeground#F0A8C8
  • symbolIcon.referenceForeground#F0B8D0
  • symbolIcon.snippetForeground#A8C898
  • symbolIcon.stringForeground#F0B8D0
  • symbolIcon.structForeground#E1A0A4
  • symbolIcon.textForeground#5E6264
  • symbolIcon.typeParameterForeground#E1A0A4
  • symbolIcon.unitForeground#D89878
  • symbolIcon.variableForeground#5E6264
  • tab.activeBackground#FFFAFC
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#C1A0B0
  • tab.activeModifiedBorder#E9C5D4
  • tab.border#00000000
  • tab.dragAndDropBorder#D77BA2
  • tab.hoverBackground#F0B8D020
  • tab.hoverBorder#00000000
  • tab.hoverForeground#5E6264
  • tab.inactiveBackground#FCEFF4
  • tab.inactiveForeground#BAA9B2
  • tab.inactiveModifiedBorder#E9C5D4
  • tab.lastPinnedBorder#D77BA260
  • tab.unfocusedActiveBackground#FFFAFC
  • tab.unfocusedActiveBorder#00000000
  • tab.unfocusedActiveBorderTop#00000000
  • tab.unfocusedActiveForeground#A87890
  • tab.unfocusedActiveModifiedBorder#E9C5D4
  • tab.unfocusedHoverBorder#00000000
  • tab.unfocusedInactiveBackground#FCEFF4
  • tab.unfocusedInactiveForeground#BAA9B2
  • tab.unfocusedInactiveModifiedBorder#E9C5D4
  • terminal.ansiBlack#5E6264
  • terminal.ansiBlue#E7BACF
  • terminal.ansiBrightBlack#A89098
  • terminal.ansiBrightBlue#F1BBD3
  • terminal.ansiBrightCyan#B898C8
  • terminal.ansiBrightGreen#98B898
  • terminal.ansiBrightMagenta#B83D7A
  • terminal.ansiBrightRed#D89898
  • terminal.ansiBrightWhite#3A3236
  • terminal.ansiBrightYellow#C8B088
  • terminal.ansiCyan#C8A8D8
  • terminal.ansiGreen#A8C8A8
  • terminal.ansiMagenta#D077A8
  • terminal.ansiRed#E8A8A8
  • terminal.ansiWhite#5E6264
  • terminal.ansiYellow#D8C098
  • terminal.background#FFFEFE
  • terminal.border#F0C8DC
  • terminal.dropBackground#F0B8D040
  • terminal.findMatchBackground#CFCFCF80
  • terminal.findMatchHighlightBackground#CFCFCF40
  • terminal.foreground#5E6264
  • terminal.hoverHighlightBackground#F0B8D040
  • terminal.inactiveSelectionBackground#F0B8D030
  • terminal.selectionBackground#F0B8D060
  • terminal.tab.activeBorder#D77BA2
  • terminalCommandDecoration.defaultBackground#E7BACF
  • terminalCommandDecoration.errorBackground#D8546B
  • terminalCommandDecoration.successBackground#A8C8A8
  • terminalCursor.background#FFFAFD
  • terminalCursor.foreground#F2B7D1
  • terminalOverviewRuler.cursorForeground#D77BA2
  • terminalOverviewRuler.findMatchForeground#CFCFCF
  • testing.coverCountBadgeBackground#A8C898
  • testing.coverCountBadgeForeground#FFFFFF
  • testing.coveredBackground#A8C89820
  • testing.iconErrored#D8546B
  • testing.iconFailed#D8546B
  • testing.iconPassed#A8C898
  • testing.iconQueued#CFCFCF
  • testing.iconSkipped#C898AC
  • testing.iconUnset#E0B0C8
  • testing.message.error.decorationForeground#D8546B
  • testing.message.error.lineBackground#D8546B15
  • testing.message.info.decorationForeground#F0A8C8
  • testing.message.info.lineBackground#F0A8C815
  • testing.peekBorder#D77BA2
  • testing.peekHeaderBackground#FDF2F7
  • testing.runAction#A8C898
  • testing.uncoveredBackground#EEC7C720
  • textLink.activeForeground#B59AA7
  • textLink.foreground#B59AA7
  • titleBar.activeBackground#FCEDF4
  • titleBar.activeForeground#C4A5B3
  • titleBar.border#00000000
  • titleBar.inactiveBackground#FDF6F9
  • titleBar.inactiveForeground#B59AA7
  • tree.inactiveIndentGuidesStroke#F8D9E8
  • tree.indentGuidesStroke#F0C8DC
  • tree.tableColumnsBorder#00000000
  • tree.tableOddRowsBackground#FBE5F040
  • walkThrough.embeddedEditorBackground#FDF2F7
  • walkthrough.stepTitle.foreground#5E6264
  • welcomePage.background#FFFAFD
  • welcomePage.progress.background#FBE5F0
  • welcomePage.progress.foreground#F6C3DA
  • welcomePage.tileBackground#FDF2F7
  • welcomePage.tileBorder#F0C8DC
  • welcomePage.tileHoverBackground#FBE5F0
  • widget.border#F0C8DC
  • widget.shadow#7F4F6E26
  • window.activeBorder#00000000
  • window.inactiveBorder#00000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#CFCFCFitalic
variable, string constant.other.placeholder#C49AAA
keyword.other#F294BD
entity.other.document.begin.yaml, entity.other.document.end.yaml, keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.logical.python, storage, storage.type, storage.modifier#F294BD
keyword.operator, meta.tag#D77BA2
punctuation, meta.brace.angle, punctuation.definition.tag, punctuation.section.embedded, keyword.other.template, keyword.other.substitution, constant.other.color#EBDBE2
punctuation.definition.variable.shell#C49AAA
punctuation.definition.regex.arbitrary-repetition.shell, punctuation.definition.arbitrary-repetition.shell#D77BA2
punctuation.separator.statement.and.shell, punctuation.separator.statement.or.shell, punctuation.separator.statement.background.shell#D77BA2
punctuation.math.operator.latex#D77BA2
punctuation.definition.string.heredoc#D88FB0
punctuation.definition.string.heredoc.quote.shell#EBDBE2
keyword.operator.type.annotation, keyword.operator.type.ts, keyword.operator.type.tsx#EBDBE2
storage.type.function.arrow#EBDBE2
keyword.operator.arrow.cs, keyword.operator.class.php, keyword.operator.key.php, keyword.operator.arrow.fat.rust, keyword.operator.arrow.skinny.rust, keyword.operator.key-value.rust, keyword.operator.namespace.rust#EBDBE2
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#F294BD
source.yaml entity.name.tag, entity.name.tag.yaml, support.type.property-name.toml, source.toml entity.name.tag#F294BD
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#F2B7D1
meta.function entity.name.function, meta.definition.function entity.name.function, meta.definition.method entity.name.function, meta.method.declaration entity.name.function#E29684
meta.block variable.other#C8A8B8
support.other.variable, string.other.link#F294BD
constant.numeric, keyword.other.unit, constant.other.color.rgb-value.hex.css#EABCA0
constant.language, support.constant, constant.character, constant.escape, entity.name.variable.enum-member, variable.other.enummember, constant.other, variable.other.constant, constant.enum#D27F8A
variable.parameter, entity.name.variable.parameter, meta.record.identifier#C8A8B8
entity.name.variable.field, entity.name.variable.property, entity.name.variable.event#F0A8C8
entity.name.variable.local, entity.name.variable.tuple-element, entity.name.variable.range-variable#C49AAA
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js#D88FB0
string.quoted.double.json, string.quoted.single.yaml, string.quoted.double.yaml, string.unquoted.plain.yaml, string.unquoted.block.yaml#F2B2CE
entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types#E39599
support.type#E39599
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#F294BD
variable.language#F294BDitalic
entity.name.method.js#E29684italic
meta.class-method.js entity.name.function.js, variable.function.constructor#E29684
entity.other.attribute-name#F2B2CE
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#F2B2CEitalic
entity.other.attribute-name.class#F294BD
source.sass keyword.control#F294BD
markup.inserted#A8C898
markup.deleted#D89898
markup.changed#F0A8C8
string.regexp#B898A8
constant.character.escape#B898A8
*url*, *link*, *uri*underline
support.attribute, meta.attribute.rust, tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#E39599italic
source.js constant.other.object.key.js string.unquoted.label.js#F294BD
source.json meta.structure.dictionary.json support.type.property-name.json#F294BD
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#E39599
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#DA8DA6
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#D88FB0
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#C8A8B8
text.html.markdown, punctuation.definition.list_item.markdown#6C686A
punctuation.definition.list.begin.markdown, punctuation.definition.list.markdown#DFC2CE
text.html.markdown markup.inline.raw.markdown, text.html.markdown markup.inline.raw.string.markdown#F294BD
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#C898AC
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#F294BD
markup.italic#F294BDitalic
markup.bold, markup.bold string#F294BDbold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string#F294BDbold italic
entity.name.section.markdown, heading.1.markdown, markup.heading.markdown#F2B7D1
markup.underline#E1A0A4underline
markup.quote punctuation.definition.blockquote.markdown#F0A8C8
markup.quoteitalic
string.other.link.title.markdown#F0A8C8
string.other.link.description.title.markdown#F294BD
constant.other.reference.link.markdown#E1A0A4
markup.raw.block#F294BD
markup.raw.block.fenced.markdown#5E6264B3
punctuation.definition.fenced.markdown#5E626480
variable.language.fenced.markdown, fenced_code.block.language#EBDBE2
meta.separator#A87890bold
markup.table#6C686A
invalid, invalid.illegal#D8546B
invalid.deprecated#E8C8A8
source.css meta.property-name, source.scss meta.property-name, source.less meta.property-name, source.sass meta.property-name, source.stylus meta.property-name, source.postcss meta.property-name, source.css support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.sass support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name#F2B2CE
source.css meta.at-rule.media.header, source.css meta.at-rule.header, source.css meta.at-rule.keyframes.header, source.css meta.at-rule.import#F2B2CE
constant.numeric.css, keyword.other.unit, source.css constant.numeric, source.scss constant.numeric, source.less constant.numeric#EABCA0
support.function.timing-function.css, invalid.deprecated.color.system.css#DFB6C9
punctuation.definition.entity.css, meta.property-list.css#EBDBE2
source.css string, source.css meta.property-value, source.scss meta.property-value, source.less meta.property-value, source.css support.constant.property-value, source.scss string, source.scss support.constant.property-value, source.less string, source.less support.constant.property-value, source.sass string, source.stylus string#DFB6C9
text.html entity.name.tag, text.html.basic entity.name.tag, text.html.derivative entity.name.tag#F294BD
text.html entity.other.attribute-name, text.html.basic entity.other.attribute-name, text.html.derivative entity.other.attribute-name#F2B2CE
text.html meta.tag string.quoted, text.html.basic meta.tag string.quoted, text.html.derivative meta.tag string.quoted#DFB6C9
source.css variable.argument.css, source.css variable.other.css, source.css meta.property-value.css variable, source.scss variable.argument.css, source.scss variable.other.css, source.less variable.argument, source.less variable.other#C49AAA
source.css keyword.operator, source.scss keyword.operator, source.less keyword.operator#D77BA2
source.css support.constant.property-value, source.css meta.property-value support.constant, source.scss support.constant.property-value, source.less support.constant.property-value#DFB6C9
source.css entity.other.attribute-name.pseudo-class, source.css entity.other.attribute-name.pseudo-element, source.scss entity.other.attribute-name.pseudo-class, source.scss entity.other.attribute-name.pseudo-element, source.less entity.other.attribute-name.pseudo-class, source.less entity.other.attribute-name.pseudo-element#F2B2CE
entity.other.keyframe-offset, source.css entity.name.tag, source.css meta.selector entity.name.tag, source.scss entity.name.tag, source.scss meta.selector entity.name.tag, source.less entity.name.tag, source.sass entity.name.tag#F294BD
source.css support.type.vendored.property-name, source.css support.type.property-name.vendored, source.css meta.property-name support.type.vendored, source.scss support.type.vendored.property-name, source.less support.type.vendored.property-name#F2B2CE
source.css punctuation.section.property-list, source.css punctuation.section.property-list.begin, source.css punctuation.section.property-list.end, source.css meta.property-list.css punctuation, source.scss punctuation.section.property-list, source.less punctuation.section.property-list#EBDBE2
text.html meta.tag punctuation.definition.tag, text.html meta.tag punctuation.definition.tag.begin, text.html meta.tag punctuation.definition.tag.end, text.html.basic meta.tag punctuation.definition.tag, text.html.basic meta.tag punctuation.definition.tag.begin, text.html.basic meta.tag punctuation.definition.tag.end, text.html.derivative meta.tag punctuation.definition.tag, text.html.derivative meta.tag punctuation.definition.tag.begin, text.html.derivative meta.tag punctuation.definition.tag.end, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#EBDBE2
punctuation.definition.string.begin.html, punctuation.definition.string.end.html, punctuation.separator.key-value.html, text.html meta.tag punctuation.separator.key-value, text.html.basic meta.tag punctuation.separator.key-value, text.html.derivative meta.tag punctuation.separator.key-value, text.html meta.tag punctuation.definition.string.begin, text.html meta.tag punctuation.definition.string.end, text.html.basic meta.tag punctuation.definition.string.begin, text.html.basic meta.tag punctuation.definition.string.end, text.html.derivative meta.tag punctuation.definition.string.begin, text.html.derivative meta.tag punctuation.definition.string.end#EBDBE2