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.

  • activityBar.activeBackground#E0D5ED
  • activityBar.activeBorder#692BD4
  • activityBar.activeFocusBorder#692BD4
  • activityBar.background#F0EBF5
  • activityBar.border#BFA8DC
  • activityBar.dropBorder#692BD4
  • activityBar.foreground#634285
  • activityBar.inactiveForeground#8364A8
  • activityBarBadge.background#692BD4
  • activityBarBadge.foreground#F9F6FB
  • badge.background#692BD4
  • badge.foreground#F9F6FB
  • banner.background#E7E1F0
  • banner.foreground#3E2455
  • banner.iconForeground#692BD4
  • breadcrumb.activeSelectionForeground#692BD4
  • breadcrumb.background#F9F6FB
  • breadcrumb.focusForeground#3E2455
  • breadcrumb.foreground#8364A8
  • breadcrumbPicker.background#F0EBF5
  • button.background#692BD4
  • button.border#BFA8DC
  • button.foreground#F9F6FB
  • button.hoverBackground#602ABB
  • button.secondaryBackground#E7E1F0
  • button.secondaryForeground#3E2455
  • button.secondaryHoverBackground#E0D5ED
  • charts.blue#692BD4
  • charts.foreground#3E2455
  • charts.green#1D8C42
  • charts.lines#C5B2DB
  • charts.orange#A93423
  • charts.purple#B42567
  • charts.red#A01C25
  • charts.yellow#AD681A
  • checkbox.background#F0EBF5
  • checkbox.border#A27FCD
  • checkbox.foreground#3E2455
  • contrastActiveBorder#692BD4
  • contrastBorder#BFA8DC
  • debugConsole.errorForeground#A01C25
  • debugConsole.infoForeground#215CA0
  • debugConsole.sourceForeground#634285
  • debugConsole.warningForeground#AD681A
  • debugConsoleInputIcon.foreground#692BD4
  • debugExceptionWidget.background#E7E1F0
  • debugExceptionWidget.border#A01C25
  • debugIcon.breakpointCurrentStackframeForeground#AD681A
  • debugIcon.breakpointDisabledForeground#8364A8
  • debugIcon.breakpointForeground#A01C25
  • debugIcon.breakpointStackframeForeground#634285
  • debugIcon.breakpointUnverifiedForeground#8364A8
  • debugIcon.continueForeground#1D8C42
  • debugIcon.disconnectForeground#A01C25
  • debugIcon.pauseForeground#692BD4
  • debugIcon.restartForeground#1D8C42
  • debugIcon.startForeground#1D8C42
  • debugIcon.stepBackForeground#692BD4
  • debugIcon.stepIntoForeground#692BD4
  • debugIcon.stepOutForeground#692BD4
  • debugIcon.stepOverForeground#692BD4
  • debugIcon.stopForeground#A01C25
  • debugTokenExpression.boolean#A93423
  • debugTokenExpression.error#A01C25
  • debugTokenExpression.name#215CA0
  • debugTokenExpression.number#A93423
  • debugTokenExpression.string#955516
  • debugTokenExpression.value#634285
  • debugToolBar.background#E7E1F0
  • debugToolBar.border#BFA8DC
  • debugView.exceptionLabelBackground#C1727C
  • debugView.exceptionLabelForeground#3E2455
  • debugView.stateLabelBackground#E7E1F0
  • debugView.stateLabelForeground#634285
  • debugView.valueChangedHighlight#692BD4
  • descriptionForeground#8364A8
  • diffEditor.border#BFA8DC
  • diffEditor.diagonalFill#C5B2DB
  • diffEditor.insertedTextBackground#459F63
  • diffEditor.insertedTextBorder#6AB183
  • diffEditor.removedTextBackground#B0434C
  • diffEditor.removedTextBorder#BF6870
  • dropdown.background#F0EBF5
  • dropdown.border#A27FCD
  • dropdown.foreground#3E2455
  • dropdown.listBackground#F0EBF5
  • editor.background#F9F6FB
  • editor.findMatchBackground#E7D0F7
  • editor.findMatchBorder#692BD4
  • editor.findMatchHighlightBackground#F0E2F8
  • editor.findMatchHighlightBorder#BFA8DC
  • editor.findRangeHighlightBackground#ECE3F6
  • editor.findRangeHighlightBorder#BFA8DC
  • editor.focusedStackFrameHighlightBackground#49A167
  • editor.foldBackground#ECE3F6
  • editor.foreground#3E2455
  • editor.hoverHighlightBackground#E0D5ED
  • editor.inactiveSelectionBackground#ECE3F6
  • editor.inlineValuesBackground#E7E1F0
  • editor.inlineValuesForeground#8364A8
  • editor.lineHighlightBackground#E7E1F0
  • editor.lineHighlightBorder#E7E1F0
  • editor.linkedEditingBackground#E0D5ED
  • editor.rangeHighlightBackground#ECE3F6
  • editor.rangeHighlightBorder#BFA8DC
  • editor.selectionBackground#E3D4F5
  • editor.selectionForeground#3E2455
  • editor.selectionHighlightBackground#F0E2F8
  • editor.selectionHighlightBorder#BFA8DC
  • editor.snippetFinalTabstopHighlightBackground#ECE3F6
  • editor.snippetFinalTabstopHighlightBorder#692BD4
  • editor.snippetTabstopHighlightBackground#ECE3F6
  • editor.snippetTabstopHighlightBorder#BFA8DC
  • editor.stackFrameHighlightBackground#BC8447
  • editor.symbolHighlightBackground#F0E2F8
  • editor.symbolHighlightBorder#BFA8DC
  • editor.wordHighlightBackground#F0E2F8
  • editor.wordHighlightBorder#BFA8DC
  • editor.wordHighlightStrongBackground#E7D0F7
  • editor.wordHighlightStrongBorder#A27FCD
  • editorActiveLineNumber.foreground#634285
  • editorBracketHighlight.foreground1#692BD4
  • editorBracketHighlight.foreground2#215CA0
  • editorBracketHighlight.foreground3#B42567
  • editorBracketHighlight.foreground4#166972
  • editorBracketHighlight.foreground5#A93423
  • editorBracketHighlight.foreground6#1B7238
  • editorBracketHighlight.unexpectedBracket.foreground#A01C25
  • editorBracketMatch.background#ECE3F6
  • editorBracketMatch.border#A27FCD
  • editorCodeLens.foreground#8364A8
  • editorCursor.background#F9F6FB
  • editorCursor.foreground#A821BC
  • editorError.background#AC3B43
  • editorError.border#BF6870
  • editorError.foreground#A01C25
  • editorGhostText.border#BFA8DC
  • editorGhostText.foreground#8364A8
  • editorGroup.background#F9F6FB
  • editorGroup.border#BFA8DC
  • editorGroup.dropBackground#E3D4F5
  • editorGroup.emptyBackground#F9F6FB
  • editorGroup.focusedEmptyBorder#692BD4
  • editorGroupHeader.border#BFA8DC
  • editorGroupHeader.noTabsBackground#F0EBF5
  • editorGroupHeader.tabsBackground#F0EBF5
  • editorGroupHeader.tabsBorder#BFA8DC
  • editorGutter.addedBackground#1D8C42
  • editorGutter.background#F9F6FB
  • editorGutter.commentRangeForeground#8364A8
  • editorGutter.deletedBackground#A01C25
  • editorGutter.foldingControlForeground#8364A8
  • editorGutter.modifiedBackground#2569B6
  • editorHint.border#BFA8DC
  • editorHint.foreground#8364A8
  • editorHoverWidget.background#F0EBF5
  • editorHoverWidget.border#BFA8DC
  • editorHoverWidget.foreground#3E2455
  • editorHoverWidget.statusBarBackground#E7E1F0
  • editorIndentGuide.activeBackground#A27FCD
  • editorIndentGuide.background#C5B2DB
  • editorInfo.background#3F72AD
  • editorInfo.border#6D92C0
  • editorInfo.foreground#215CA0
  • editorInlayHint.background#E7E1F0
  • editorInlayHint.foreground#7E5DA4
  • editorLightBulb.foreground#AD681A
  • editorLightBulbAutoFix.foreground#1D8C42
  • editorLineNumber.activeForeground#634285
  • editorLineNumber.foreground#8364A8
  • editorLink.activeForeground#692BD4
  • editorMarkerNavigation.background#F0EBF5
  • editorMarkerNavigationError.background#AC3B43
  • editorMarkerNavigationError.headerBackground#C1727C
  • editorMarkerNavigationInfo.background#3F72AD
  • editorMarkerNavigationInfo.headerBackground#7797C3
  • editorMarkerNavigationWarning.background#B87C3A
  • editorMarkerNavigationWarning.headerBackground#C6996C
  • editorOverviewRuler.addedForeground#1D8C42
  • editorOverviewRuler.background#F9F6FB
  • editorOverviewRuler.border#BFA8DC
  • editorOverviewRuler.bracketMatchForeground#A27FCD
  • editorOverviewRuler.commonContentForeground#C5B2DB
  • editorOverviewRuler.currentContentForeground#B42567
  • editorOverviewRuler.deletedForeground#A01C25
  • editorOverviewRuler.errorForeground#A01C25
  • editorOverviewRuler.findMatchForeground#692BD4
  • editorOverviewRuler.incomingContentForeground#692BD4
  • editorOverviewRuler.infoForeground#215CA0
  • editorOverviewRuler.modifiedForeground#2569B6
  • editorOverviewRuler.rangeHighlightForeground#A27FCD
  • editorOverviewRuler.selectionHighlightForeground#A27FCD
  • editorOverviewRuler.warningForeground#AD681A
  • editorOverviewRuler.wordHighlightForeground#A27FCD
  • editorOverviewRuler.wordHighlightStrongForeground#692BD4
  • editorPane.background#F9F6FB
  • editorRuler.foreground#C5B2DB
  • editorSuggestWidget.background#F0EBF5
  • editorSuggestWidget.border#BFA8DC
  • editorSuggestWidget.focusHighlightForeground#692BD4
  • editorSuggestWidget.foreground#3E2455
  • editorSuggestWidget.highlightForeground#692BD4
  • editorSuggestWidget.selectedBackground#E3D4F5
  • editorSuggestWidget.selectedForeground#3E2455
  • editorSuggestWidget.selectedIconForeground#692BD4
  • editorUnnecessaryCode.border#8364A8
  • editorUnnecessaryCode.opacity#EEE9F399
  • editorWarning.background#B87C3A
  • editorWarning.border#C89A69
  • editorWarning.foreground#AD681A
  • editorWhitespace.foreground#C5B2DB
  • editorWidget.background#F0EBF5
  • editorWidget.border#BFA8DC
  • editorWidget.foreground#3E2455
  • editorWidget.resizeBorder#692BD4
  • errorForeground#A01C25
  • extensionBadge.remoteBackground#692BD4
  • extensionBadge.remoteForeground#F9F6FB
  • extensionButton.prominentBackground#692BD4
  • extensionButton.prominentForeground#F9F6FB
  • extensionButton.prominentHoverBackground#602ABB
  • extensionIcon.starForeground#AD681A
  • focusBorder#692BD4
  • foreground#3E2455
  • gitDecoration.addedResourceForeground#1D8C42
  • gitDecoration.conflictingResourceForeground#A93423
  • gitDecoration.deletedResourceForeground#A01C25
  • gitDecoration.ignoredResourceForeground#8364A8
  • gitDecoration.modifiedResourceForeground#2569B6
  • gitDecoration.renamedResourceForeground#692BD4
  • gitDecoration.stageDeletedResourceForeground#A01C25
  • gitDecoration.stageModifiedResourceForeground#2569B6
  • gitDecoration.submoduleResourceForeground#215CA0
  • gitDecoration.untrackedResourceForeground#1D8C42
  • icon.foreground#634285
  • input.background#F0EBF5
  • input.border#A27FCD
  • input.foreground#3E2455
  • input.placeholderForeground#8364A8
  • inputOption.activeBackground#E3D4F5
  • inputOption.activeBorder#692BD4
  • inputOption.activeForeground#3E2455
  • inputValidation.errorBackground#C1727C
  • inputValidation.errorBorder#A01C25
  • inputValidation.errorForeground#3E2455
  • inputValidation.infoBackground#7797C3
  • inputValidation.infoBorder#215CA0
  • inputValidation.infoForeground#3E2455
  • inputValidation.warningBackground#C6996C
  • inputValidation.warningBorder#AD681A
  • inputValidation.warningForeground#3E2455
  • interactive.activeCodeBorder#692BD4
  • interactive.inactiveCodeBorder#BFA8DC
  • keybindingLabel.background#E7E1F0
  • keybindingLabel.border#BFA8DC
  • keybindingLabel.bottomBorder#BFA8DC
  • keybindingLabel.foreground#3E2455
  • list.activeSelectionBackground#E3D4F5
  • list.activeSelectionForeground#3E2455
  • list.activeSelectionIconForeground#692BD4
  • list.deemphasizedForeground#8364A8
  • list.dropBackground#E3D4F5
  • list.errorForeground#A01C25
  • list.filterMatchBackground#E7D0F7
  • list.filterMatchBorder#692BD4
  • list.focusBackground#E3D4F5
  • list.focusForeground#3E2455
  • list.focusHighlightForeground#692BD4
  • list.focusOutline#692BD4
  • list.highlightForeground#692BD4
  • list.hoverBackground#E0D5ED
  • list.hoverForeground#3E2455
  • list.inactiveFocusBackground#ECE3F6
  • list.inactiveFocusOutline#BFA8DC
  • list.inactiveSelectionBackground#ECE3F6
  • list.inactiveSelectionForeground#3E2455
  • list.inactiveSelectionIconForeground#634285
  • list.invalidItemForeground#8364A8
  • list.warningForeground#AD681A
  • listFilterWidget.background#F0EBF5
  • listFilterWidget.noMatchesOutline#A01C25
  • listFilterWidget.outline#692BD4
  • menu.background#F0EBF5
  • menu.border#BFA8DC
  • menu.foreground#3E2455
  • menu.selectionBackground#E3D4F5
  • menu.selectionBorder#692BD4
  • menu.selectionForeground#3E2455
  • menu.separatorBackground#BFA8DC
  • menubar.selectionBackground#E3D4F5
  • menubar.selectionBorder#692BD4
  • menubar.selectionForeground#3E2455
  • merge.border#BFA8DC
  • merge.commonContentBackground#ECE3F6
  • merge.commonHeaderBackground#E7E1F0
  • merge.currentContentBackground#C35388
  • merge.currentHeaderBackground#D17DA5
  • merge.incomingContentBackground#8958DD
  • merge.incomingHeaderBackground#A580E4
  • minimap.background#F9F6FB
  • minimap.errorHighlight#A01C25
  • minimap.findMatchHighlight#692BD4
  • minimap.selectionHighlight#E3D4F5
  • minimap.warningHighlight#AD681A
  • minimapGutter.addedBackground#1D8C42
  • minimapGutter.deletedBackground#A01C25
  • minimapGutter.modifiedBackground#2569B6
  • minimapSlider.activeBackground#9C74CC
  • minimapSlider.background#C4B2D9
  • minimapSlider.hoverBackground#AF93D1
  • notebook.cellBorderColor#BFA8DC
  • notebook.cellEditorBackground#F9F6FB
  • notebook.cellHoverBackground#E0D5ED
  • notebook.cellInsertionIndicator#692BD4
  • notebook.cellStatusBarItemHoverBackground#E0D5ED
  • notebook.cellToolbarSeparator#BFA8DC
  • notebook.focusedCellBackground#ECE3F6
  • notebook.focusedCellBorder#692BD4
  • notebook.focusedEditorBorder#692BD4
  • notebook.inactiveFocusedCellBorder#BFA8DC
  • notebook.inactiveSelectedCellBorder#BFA8DC
  • notebook.outputContainerBackgroundColor#F0EBF5
  • notebook.selectedCellBackground#ECE3F6
  • notebook.selectedCellBorder#692BD4
  • notebook.symbolHighlightBackground#F0E2F8
  • notebookScrollbarSlider.activeBackground#9C74CC
  • notebookScrollbarSlider.background#C4B2D9
  • notebookScrollbarSlider.hoverBackground#AF93D1
  • notebookStatusErrorIcon.foreground#A01C25
  • notebookStatusRunningIcon.foreground#AD681A
  • notebookStatusSuccessIcon.foreground#1D8C42
  • notificationCenter.border#BFA8DC
  • notificationCenterHeader.background#E7E1F0
  • notificationCenterHeader.foreground#634285
  • notificationLink.foreground#692BD4
  • notifications.background#F0EBF5
  • notifications.border#BFA8DC
  • notifications.foreground#3E2455
  • notificationsErrorIcon.foreground#A01C25
  • notificationsInfoIcon.foreground#215CA0
  • notificationsWarningIcon.foreground#AD681A
  • notificationToast.border#BFA8DC
  • panel.background#F0EBF5
  • panel.border#BFA8DC
  • panel.dropBorder#692BD4
  • panelInput.border#A27FCD
  • panelSection.border#BFA8DC
  • panelSection.dropBackground#E3D4F5
  • panelSectionHeader.background#E7E1F0
  • panelSectionHeader.border#BFA8DC
  • panelSectionHeader.foreground#3E2455
  • panelTitle.activeBorder#692BD4
  • panelTitle.activeForeground#3E2455
  • panelTitle.inactiveForeground#8364A8
  • peekView.border#692BD4
  • peekViewEditor.background#EEE9F3
  • peekViewEditor.matchHighlightBackground#E7D0F7
  • peekViewEditor.matchHighlightBorder#692BD4
  • peekViewEditorGutter.background#EEE9F3
  • peekViewResult.background#F0EBF5
  • peekViewResult.fileForeground#3E2455
  • peekViewResult.lineForeground#8364A8
  • peekViewResult.matchHighlightBackground#E7D0F7
  • peekViewResult.selectionBackground#E3D4F5
  • peekViewResult.selectionForeground#3E2455
  • peekViewTitle.background#E7E1F0
  • peekViewTitleDescription.foreground#8364A8
  • peekViewTitleLabel.foreground#3E2455
  • pickerGroup.border#BFA8DC
  • pickerGroup.foreground#692BD4
  • ports.iconRunningProcessForeground#1D8C42
  • problemsErrorIcon.foreground#A01C25
  • problemsInfoIcon.foreground#215CA0
  • problemsWarningIcon.foreground#AD681A
  • progressBar.background#692BD4
  • quickInput.background#F0EBF5
  • quickInput.foreground#3E2455
  • quickInput.list.focusBackground#E3D4F5
  • quickInputList.focusBackground#E3D4F5
  • quickInputList.focusForeground#3E2455
  • quickInputList.focusIconForeground#692BD4
  • quickInputTitle.background#E7E1F0
  • sash.hoverBorder#692BD4
  • scm.providerBorder#BFA8DC
  • scrollbar.shadow#EEE9F3
  • scrollbarSlider.activeBackground#9C74CC
  • scrollbarSlider.background#C4B2D9
  • scrollbarSlider.hoverBackground#AF93D1
  • searchEditor.findMatchBackground#E7D0F7
  • searchEditor.findMatchBorder#692BD4
  • searchEditor.textInputBorder#A27FCD
  • selection.background#E3D4F5
  • settings.checkboxBackground#F0EBF5
  • settings.checkboxBorder#A27FCD
  • settings.checkboxForeground#3E2455
  • settings.dropdownBackground#F0EBF5
  • settings.dropdownBorder#A27FCD
  • settings.dropdownForeground#3E2455
  • settings.dropdownListBorder#BFA8DC
  • settings.focusedRowBackground#E0D5ED
  • settings.focusedRowBorder#692BD4
  • settings.headerForeground#3E2455
  • settings.modifiedItemIndicator#692BD4
  • settings.numberInputBackground#F0EBF5
  • settings.numberInputBorder#A27FCD
  • settings.numberInputForeground#A93423
  • settings.rowHoverBackground#E0D5ED
  • settings.textInputBackground#F0EBF5
  • settings.textInputBorder#A27FCD
  • settings.textInputForeground#3E2455
  • sideBar.background#F0EBF5
  • sideBar.border#BFA8DC
  • sideBar.dropBackground#E3D4F5
  • sideBar.foreground#634285
  • sideBarSectionHeader.background#E7E1F0
  • sideBarSectionHeader.border#BFA8DC
  • sideBarSectionHeader.foreground#3E2455
  • sideBarTitle.foreground#634285
  • statusBar.background#E7E1F0
  • statusBar.border#BFA8DC
  • statusBar.debuggingBackground#CE7DA6
  • statusBar.debuggingBorder#BFA8DC
  • statusBar.debuggingForeground#3E2455
  • statusBar.foreground#634285
  • statusBar.noFolderBackground#E7E1F0
  • statusBar.noFolderBorder#BFA8DC
  • statusBar.noFolderForeground#634285
  • statusBarItem.activeBackground#E3D4F5
  • statusBarItem.errorBackground#C1727C
  • statusBarItem.errorForeground#3E2455
  • statusBarItem.hoverBackground#E0D5ED
  • statusBarItem.prominentBackground#E3D4F5
  • statusBarItem.prominentForeground#3E2455
  • statusBarItem.prominentHoverBackground#E0D5ED
  • statusBarItem.remoteBackground#692BD4
  • statusBarItem.remoteForeground#F9F6FB
  • statusBarItem.warningBackground#C6996C
  • statusBarItem.warningForeground#3E2455
  • symbolIcon.arrayForeground#215CA0
  • symbolIcon.booleanForeground#A93423
  • symbolIcon.classForeground#166972
  • symbolIcon.colorForeground#A93423
  • symbolIcon.constantForeground#A93423
  • symbolIcon.constructorForeground#692BD4
  • symbolIcon.enumeratorForeground#166972
  • symbolIcon.enumeratorMemberForeground#215CA0
  • symbolIcon.eventForeground#B42567
  • symbolIcon.fieldForeground#215CA0
  • symbolIcon.fileForeground#634285
  • symbolIcon.folderForeground#634285
  • symbolIcon.functionForeground#692BD4
  • symbolIcon.interfaceForeground#166972
  • symbolIcon.keyForeground#215CA0
  • symbolIcon.keywordForeground#B42567
  • symbolIcon.methodForeground#692BD4
  • symbolIcon.moduleForeground#166972
  • symbolIcon.namespaceForeground#166972
  • symbolIcon.nullForeground#A93423
  • symbolIcon.numberForeground#A93423
  • symbolIcon.objectForeground#215CA0
  • symbolIcon.operatorForeground#AC3480
  • symbolIcon.packageForeground#166972
  • symbolIcon.propertyForeground#215CA0
  • symbolIcon.referenceForeground#692BD4
  • symbolIcon.snippetForeground#634285
  • symbolIcon.stringForeground#955516
  • symbolIcon.structForeground#166972
  • symbolIcon.textForeground#3E2455
  • symbolIcon.typeParameterForeground#166972
  • symbolIcon.unitForeground#A93423
  • symbolIcon.variableForeground#3E2455
  • tab.activeBackground#F9F6FB
  • tab.activeBorder#F9F6FB
  • tab.activeBorderTop#692BD4
  • tab.activeForeground#3E2455
  • tab.activeModifiedBorder#2569B6
  • tab.border#BFA8DC
  • tab.hoverBackground#E0D5ED
  • tab.hoverBorder#692BD4
  • tab.hoverForeground#3E2455
  • tab.inactiveBackground#E7E1F0
  • tab.inactiveForeground#7E5DA4
  • tab.inactiveModifiedBorder#2569B6
  • tab.lastPinnedBorder#A27FCD
  • tab.unfocusedActiveBackground#E7E1F0
  • tab.unfocusedActiveBorder#BFA8DC
  • tab.unfocusedActiveBorderTop#A27FCD
  • tab.unfocusedActiveForeground#634285
  • tab.unfocusedActiveModifiedBorder#7C9FD0
  • tab.unfocusedHoverBackground#E0D5ED
  • tab.unfocusedHoverBorder#A27FCD
  • tab.unfocusedHoverForeground#634285
  • tab.unfocusedInactiveBackground#F0EBF5
  • tab.unfocusedInactiveForeground#8364A8
  • tab.unfocusedInactiveModifiedBorder#A3B7DC
  • terminal.ansiBlack#EEE9F3
  • terminal.ansiBlue#692BD4
  • terminal.ansiBrightBlack#8364A8
  • terminal.ansiBrightBlue#5C29AE
  • terminal.ansiBrightCyan#2A4B8A
  • terminal.ansiBrightGreen#276D48
  • terminal.ansiBrightMagenta#912562
  • terminal.ansiBrightRed#831E33
  • terminal.ansiBrightWhite#3E2455
  • terminal.ansiBrightYellow#8C542C
  • terminal.ansiCyan#215CA0
  • terminal.ansiGreen#1D8C42
  • terminal.ansiMagenta#B42567
  • terminal.ansiRed#A01C25
  • terminal.ansiWhite#634285
  • terminal.ansiYellow#AD681A
  • terminal.background#F0EBF5
  • terminal.border#BFA8DC
  • terminal.dropBackground#E3D4F5
  • terminal.foreground#3E2455
  • terminal.selectionBackground#E3D4F5
  • terminal.tab.activeBorder#692BD4
  • terminalCursor.background#F9F6FB
  • terminalCursor.foreground#A821BC
  • testing.iconErrored#A01C25
  • testing.iconFailed#A01C25
  • testing.iconPassed#1D8C42
  • testing.iconQueued#AD681A
  • testing.iconSkipped#8364A8
  • testing.iconUnset#8364A8
  • testing.message.error.decorationForeground#A01C25
  • testing.message.error.lineBackground#AC3B43
  • testing.message.info.decorationForeground#215CA0
  • testing.message.info.lineBackground#3F72AD
  • testing.peekBorder#A01C25
  • testing.peekHeaderBackground#E7E1F0
  • testing.runAction#1D8C42
  • textBlockQuote.background#F0EBF5
  • textBlockQuote.border#692BD4
  • textCodeBlock.background#EEE9F3
  • textLink.activeForeground#602ABB
  • textLink.foreground#692BD4
  • textPreformat.foreground#955516
  • textSeparator.foreground#BFA8DC
  • titleBar.activeBackground#E7E1F0
  • titleBar.activeForeground#634285
  • titleBar.border#BFA8DC
  • titleBar.inactiveBackground#F0EBF5
  • titleBar.inactiveForeground#8364A8
  • toolbar.activeBackground#E3D4F5
  • toolbar.hoverBackground#E0D5ED
  • toolbar.hoverOutline#692BD4
  • tree.indentGuidesStroke#C5B2DB
  • tree.tableColumnsBorder#BFA8DC
  • walkThrough.embeddedEditorBackground#EEE9F3
  • welcomePage.background#F9F6FB
  • welcomePage.buttonBackground#E7E1F0
  • welcomePage.buttonHoverBackground#E0D5ED
  • welcomePage.progress.background#ECE3F6
  • welcomePage.progress.foreground#692BD4
  • welcomePage.tileBackground#F0EBF5
  • welcomePage.tileHoverBackground#E0D5ED
  • welcomePage.tileShadow.#EEE9F3
  • widget.shadow#EEE9F3
  • window.activeBorder#BFA8DC
  • window.inactiveBorder#BFA8DC

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment, string.comment, comment.block.documentation, comment.line#9472B3italic
keyword, keyword.control, keyword.other, keyword.control.flow, keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as, keyword.control.default, keyword.control.trycatch, keyword.control.conditional, keyword.control.loop, storage, storage.type, storage.modifier, meta.import keyword, meta.export keyword, variable.language.this, variable.language.super, keyword.other.new, keyword.operator.new, keyword.operator.expression, keyword.operator.of, keyword.operator.in, keyword.operator.instanceof, keyword.operator.typeof, keyword.operator.delete, keyword.operator.void#B42567italic
keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical, keyword.operator.bitwise, keyword.operator.ternary, keyword.operator.arrow, keyword.operator.spread, keyword.operator.optional, keyword.operator.definiteassignment, storage.type.function.arrow#AC3480
string, string.quoted, string.quoted.single, string.quoted.double, string.template, string.other.link, punctuation.definition.string, meta.attribute-selector string#955516
punctuation.definition.template-expression, punctuation.section.embedded, meta.template.expression punctuation.definition, meta.embedded.line#1A6E4D
constant.numeric, constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.nan, constant.language.infinity, constant.character, constant.character.escape, constant.other, support.constant, variable.other.constant, entity.name.constant#A93423
entity.name.function, support.function, meta.function-call entity.name.function, meta.function-call.generic, variable.function, entity.name.function.member, support.function.dom, meta.definition.method entity.name.function#692BD4
entity.name.type, entity.name.class, entity.name.interface, entity.name.type.class, entity.name.type.interface, entity.name.type.enum, entity.name.type.alias, entity.name.type.module, entity.name.namespace, support.type, support.class, support.type.primitive, entity.other.inherited-class, meta.type.annotation entity.name.type, entity.name.type.parameter, storage.type.class#166972
variable, variable.other, variable.other.readwrite, meta.definition.variable variable.other, variable.other.object, support.variable#3E2455
variable.parameter, meta.parameters variable.other, meta.function.parameters variable, variable.parameter.function#8B5841italic
variable.other.property, variable.other.object.property, meta.object-literal.key, support.type.property-name, variable.object.property, meta.property-name, entity.name.variable.field, variable.other.enummember#215CA0
punctuation, punctuation.separator, punctuation.terminator, punctuation.accessor, punctuation.definition.block, punctuation.definition.parameters, punctuation.definition.array, punctuation.definition.binding-pattern, meta.brace, punctuation.section.block, punctuation.definition.entity.css#7358A3
meta.decorator, entity.name.function.decorator, punctuation.decorator, meta.decorator variable.other, meta.decorator punctuation.decorator#B42567italic
string.regexp, constant.other.character-class.regexp, keyword.operator.quantifier.regexp, punctuation.definition.group.regexp, constant.character.escape.backslash.regexp#1B7238
entity.name.tag, entity.name.tag.html, entity.name.tag.js.jsx, support.class.component.jsx.intrinsic, punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end, meta.tag punctuation.definition.tag#166972
support.class.component, entity.name.tag.jsx-component, meta.tag.attributes support.class.component, entity.name.tag.namespace#825E15
entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.jsx, meta.tag entity.other.attribute-name, meta.directive.vue entity.other.attribute-name#1B7238
entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, meta.selector, entity.other.attribute-name.parent-selector.css#825E15
support.type.property-name.css, meta.property-name.css, support.type.vendored.property-name.css, support.type.property-name.scss#215CA0
support.constant.property-value.css, meta.property-value.css, support.constant.font-name.css, support.constant.color.w3c-standard-color-name.css#1A6E4D
constant.numeric.css, keyword.other.unit.css, constant.other.color.rgb-value.css, constant.other.unicode-range.css#A93423
markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown#692BD4bold
markup.bold#166972bold
markup.italic#B42567italic
markup.inline.raw, markup.fenced_code#955516
markup.underline.link, string.other.link.title.markdown#692BD4
punctuation.definition.list.begin.markdown, beginning.punctuation.definition.list.markdown#7358A3
markup.inserted#1D8C42
markup.deleted#A01C25
markup.changed#2569B6
support.type.property-name.json, string.json support.type.property-name#215CA0
entity.name.tag.yaml, string.unquoted.plain.out.yaml#215CA0
invalid, invalid.illegal#C2222D
invalid.deprecated#7358A3italic underline