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#EAB4CC
  • activityBarBadge.foreground#FFFFFF
  • activityBarTop.activeBorder#D77BA2
  • activityBarTop.foreground#5E6264
  • activityBarTop.inactiveForeground#C898AC
  • activityErrorBadge.background#D8546B
  • activityErrorBadge.foreground#FFFFFF
  • activityWarningBadge.background#dbab79
  • 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#f9b4d2
  • 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#EAB4CC
  • 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#dbab79
  • 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#f9b4d2
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#f9b4d2
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#f9b4d2italic
entity.other.attribute-name.class, entity.other.attribute-name.class punctuation.definition.entity#F294BD
entity.other.attribute-name.id punctuation.definition.entity#f9b4d2
source.css punctuation.definition.keyword.css, source.scss punctuation.definition.keyword.css, source.sass punctuation.definition.keyword.css, source.less punctuation.definition.keyword.css#f9b4d2
source.css punctuation.definition.constant.css, source.scss punctuation.definition.constant.css, source.sass punctuation.definition.constant.css, source.less punctuation.definition.constant.css#EABCA0
entity.other.attribute-name.pseudo-class punctuation.definition.entity, entity.other.attribute-name.pseudo-element punctuation.definition.entity#f9b4d2
punctuation.definition.annotation, punctuation.definition.attribute#F294BD
punctuation.definition.decorator, punctuation.decorator#F2B7D1
punctuation.definition.block.tag.jsdoc, punctuation.definition.inline.tag.jsdoc#F294BD
punctuation.definition.template-expression, punctuation.section.embedded.begin.ruby, punctuation.section.embedded.end.ruby#C49AAA
punctuation.definition.variable#C49AAA
string.quoted.other.ruby punctuation.definition.string.begin.ruby, string.quoted.other.ruby punctuation.definition.string.end.ruby, string.quoted.other.interpolated.ruby punctuation.definition.string.begin.ruby, string.quoted.other.interpolated.ruby punctuation.definition.string.end.ruby, string.quoted.other.ruby punctuation.section.array.begin.ruby, string.quoted.other.ruby punctuation.section.array.end.ruby, string.quoted.other.interpolated.ruby punctuation.section.array.begin.ruby, string.quoted.other.interpolated.ruby punctuation.section.array.end.ruby#D88FB0
punctuation.section.regexp.begin.ruby, punctuation.section.regexp.end.ruby, string.regexp punctuation.section.regexp.ruby, string.regexp storage.type.string.python#C6AAB8
punctuation.definition.constant.ruby, punctuation.definition.constant.hashkey.ruby, punctuation.definition.symbol.begin.ruby, punctuation.definition.symbol.end.ruby, punctuation.section.symbol.begin.ruby, punctuation.section.symbol.end.ruby, constant.language.symbol.interpolated.ruby punctuation.section.array.begin.ruby, constant.language.symbol.interpolated.ruby punctuation.section.array.end.ruby, constant.language.symbol.ruby punctuation.section.array.begin.ruby, constant.language.symbol.ruby punctuation.section.array.end.ruby#D27F8A
string.quoted storage.type.string.python#D88FB0
constant.character.format.placeholder.other.python#C49AAA
punctuation.attribute-shorthand.event.html.vue#f9b4d2
punctuation.definition.entity.html, punctuation.definition.constant.xml#D27F8A
punctuation.definition.anchor.yaml, punctuation.definition.alias.yaml#C49AAA
punctuation.definition.tag.secondary.yaml, punctuation.definition.tag.named.yaml, punctuation.definition.tag.primary.yaml, punctuation.definition.tag.begin.yaml, punctuation.definition.tag.end.yaml, punctuation.definition.tag.non-specific.yaml#F294BD
punctuation.definition.range.diff#6C686A
source.sass keyword.control#F294BD
markup.inserted#A8C898
markup.deleted#D89898
markup.changed#F0A8C8
string.regexp#C6AAB8
constant.character.escape#C6AAB8
*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#F2B7D1
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#F294BD
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#f9b4d2
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#f9b4d2
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#e0b4c8
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#e0b4c8
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#f9b4d2
text.html meta.tag string.quoted, text.html.basic meta.tag string.quoted, text.html.derivative meta.tag string.quoted#e0b4c8
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#e0b4c8
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#f9b4d2
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#f9b4d2
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
Pastel Palette by a.a - VS Code Theme