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.

  • actionBar.toggledBackground#3F3F64
  • activityBar.activeBorder#FFB8E0
  • activityBar.activeFocusBorder#FFB8E0
  • activityBar.background#27283F
  • activityBar.border#373758
  • activityBar.foreground#6E6EA2
  • activityBar.inactiveForeground#6E6EA2
  • activityBarBadge.background#27283F
  • activityBarBadge.foreground#FFB8E0
  • activityBarTop.activeBorder#FFB8E0
  • activityBarTop.activeFocusBorder#FFB8E0
  • activityBarTop.background#27283F
  • activityBarTop.border#373758
  • activityBarTop.foreground#6E6EA2
  • activityBarTop.inactiveForeground#6E6EA2
  • activityErrorBadge.background#F77FA7
  • activityErrorBadge.foreground#1C1D2D
  • activityWarningBadge.background#ffd6a7
  • activityWarningBadge.foreground#1C1D2D
  • agents.background#2F2F4B
  • agentsBadge.background#FFB8E0
  • agentsBadge.foreground#1C1D2D
  • agentsChatInput.background#373758
  • agentsChatInput.border#3B3B5E
  • agentsChatInput.focusBorder#FFB8E0
  • agentsChatInput.foreground#B0B0CC
  • agentsChatInput.placeholderForeground#6E6EA2
  • agentSessionReadIndicator.foreground#FFB8E0
  • agentSessionSelectedBadge.border#FFB8E0
  • agentSessionSelectedUnfocusedBadge.border#ffb8e080
  • agentsGradient.tintColor#FFB8E0
  • agentsNewSessionButton.background#2f2f4b00
  • agentsNewSessionButton.border#3B3B5E
  • agentsNewSessionButton.foreground#B0B0CC
  • agentsNewSessionButton.hoverBackground#3F3F64
  • agentsPanel.background#2F2F4B
  • agentsPanel.border#373758
  • agentsPanel.foreground#B0B0CC
  • agentStatusIndicator.background#FFB8E0
  • agentsUnreadBadge.background#FFB8E0
  • agentsUnreadBadge.foreground#1C1D2D
  • aiCustomizationManagement.sashBorder#373758
  • badge.background#27283F
  • badge.foreground#8F8FB7
  • breadcrumb.activeSelectionForeground#E6DAFB
  • breadcrumb.background#2F2F4B
  • breadcrumb.focusForeground#B0B0CC
  • breadcrumb.foreground#B0B0CC
  • breadcrumbPicker.background#2F2F4B
  • button.background#FFB8E0
  • button.border#4F4F7D
  • button.foreground#2F2F4B
  • button.hoverBackground#FFB8E0
  • button.secondaryBackground#3F3F64
  • button.secondaryBorder#4F4F7D
  • button.secondaryForeground#B9B9D2
  • button.secondaryHoverBackground#4F4F7D
  • button.separator#373758
  • charts.blue#a0b7f6
  • charts.foreground#B0B0CC
  • charts.green#b9f8cf
  • charts.lines#b0b0cc80
  • charts.orange#ffedd4
  • charts.purple#F3CBFB
  • charts.red#F889AE
  • charts.yellow#FFE2BE
  • chat.avatarBackground#373758
  • chat.avatarForeground#E6DAFB
  • chat.checkpointSeparator#373758
  • chat.editedFileForeground#ffd6a7
  • chat.inputWorkingBorderColor1#ffb8e080
  • chat.inputWorkingBorderColor2#f3cbfb80
  • chat.inputWorkingBorderColor3#a0b7f680
  • chat.linesAddedForeground#9af5bc99
  • chat.linesRemovedForeground#f889ae99
  • chat.requestBackground#2f2f4b00
  • chat.requestBorder#3B3B5E
  • chat.requestBubbleBackground#37375899
  • chat.requestBubbleHoverBackground#37375880
  • chat.requestCodeBorder#4f4f7d99
  • chat.slashCommandBackground#373758
  • chat.slashCommandForeground#E6DAFB
  • chat.thinkingShimmer#ffa3d8d6
  • chatManagement.sashBorder#373758
  • checkbox.background#373758
  • checkbox.border#4F4F7D
  • checkbox.disabled.background#373758
  • checkbox.disabled.foreground#B0B0CC
  • checkbox.foreground#B0B0CC
  • checkbox.selectBackground#373758
  • checkbox.selectBorder#4F4F7D
  • commandCenter.activeBackground#2F2F4B
  • commandCenter.activeBorder#FFB8E0
  • commandCenter.activeForeground#8F8FB7
  • commandCenter.background#27283F
  • commandCenter.border#373758
  • commandCenter.foreground#8F8FB7
  • commandCenter.inactiveBorder#373758
  • commandCenter.inactiveForeground#8F8FB7
  • debugConsole.errorForeground#F889AE
  • debugConsole.infoForeground#00d3f2
  • debugConsole.sourceForeground#6E6EA2
  • debugConsole.warningForeground#FFE2BE
  • debugConsoleInputIcon.foreground#F3CBFB
  • debugExceptionWidget.background#2F2F4B
  • debugExceptionWidget.border#373758
  • debugIcon.breakpointForeground#F889AE
  • debugTokenExpression.boolean#b9f8cf
  • debugTokenExpression.error#F889AE
  • debugTokenExpression.name#a0b7f6
  • debugTokenExpression.number#b9f8cf
  • debugTokenExpression.string#FFA3D8
  • debugTokenExpression.value#FFA3D8
  • debugToolBar.background#2F2F4B
  • debugToolBar.border#373758
  • descriptionForeground#8F8FB7
  • diffEditor.border#2F2F4B
  • diffEditor.insertedLineBackground#9af5bc26
  • diffEditor.insertedTextBackground#9af5bc1a
  • diffEditor.removedLineBackground#f889ae26
  • diffEditor.removedTextBackground#f889ae1a
  • disabledForeground#6e6ea2bf
  • dropdown.background#3F3F64
  • dropdown.border#373758
  • dropdown.foreground#E6DAFB
  • dropdown.listBackground#3F3F64
  • editor.background#2F2F4B
  • editor.border#3B3B5E
  • editor.findMatchBackground#373758
  • editor.findMatchBorder#f3cbfb8c
  • editor.findMatchHighlightBackground#3737588c
  • editor.findRangeHighlightBackground#efbafa33
  • editor.focusedStackFrameHighlightBackground#27283F
  • editor.foldBackground#3737581a
  • editor.foreground#ECE3FC
  • editor.hoverHighlightBackground#f3cbfb40
  • editor.inactiveSelectionBackground#efbafa20
  • editor.lineHighlightBackground#5e5e9780
  • editor.linkedEditingBackground#f3cbfb40
  • editor.rangeHighlightBackground#f3cbfb40
  • editor.selectionBackground#f3cbfb40
  • editor.selectionForeground#E6DAFB
  • editor.selectionHighlightBackground#f3cbfb40
  • editor.snippetFinalTabstopHighlightBackground#efbafa40
  • editor.snippetFinalTabstopHighlightBorder#efbafa40
  • editor.snippetTabstopHighlightBackground#efbafa40
  • editor.snippetTabstopHighlightBorder#f3cbfb40
  • editor.stackFrameHighlightBackground#2F2F4B
  • editor.symbolHighlightBackground#f3cbfb40
  • editor.wordHighlightBackground#5e5e978c
  • editor.wordHighlightBorder#5e5e9799
  • editor.wordHighlightStrongBackground#5e5e978c
  • editor.wordHighlightStrongBorder#5e5e9799
  • editor.wordHighlightTextBackground#f3cbfb40
  • editorBracketHighlight.foreground1#FFADDC
  • editorBracketHighlight.foreground2#EAA4F8
  • editorBracketHighlight.foreground3#BB9AF7
  • editorBracketHighlight.foreground4#F9A5C2
  • editorBracketHighlight.foreground5#86A4FD
  • editorBracketHighlight.foreground6#FF8ECF
  • editorBracketHighlight.unexpectedBracket.foreground#F889AE
  • editorBracketMatch.background#373758e6
  • editorBracketMatch.border#4f4f7de6
  • editorBracketPairGuide.activeBackground1#ffaddcbf
  • editorBracketPairGuide.activeBackground2#eaa4f8bf
  • editorBracketPairGuide.activeBackground3#bb9af7bf
  • editorBracketPairGuide.activeBackground4#f9a5c2bf
  • editorBracketPairGuide.activeBackground5#86a4fdbf
  • editorBracketPairGuide.activeBackground6#ff8ecfbf
  • editorBracketPairGuide.background1#ffaddc99
  • editorBracketPairGuide.background2#eaa4f899
  • editorBracketPairGuide.background3#bb9af799
  • editorBracketPairGuide.background4#f9a5c299
  • editorBracketPairGuide.background5#86a4fd99
  • editorBracketPairGuide.background6#ff8ecf99
  • editorCodeLens.foreground#B0B0CC
  • editorCommentsWidget.rangeActiveBackground#a0b7f640
  • editorCommentsWidget.rangeBackground#a0b7f626
  • editorCursor.background#FFE2BE
  • editorCursor.foreground#E6DAFB
  • editorError.foreground#F889AE
  • editorGhostText.foreground#E6DAFB
  • editorGroup.border#3B3B5E
  • editorGroup.dropBackground#27283fcc
  • editorGroup.emptyBackground#2F2F4B
  • editorGroup.focusedEmptyBorder#3B3B5E
  • editorGroupHeader.noTabsBackground#2F2F4B
  • editorGroupHeader.tabsBackground#2F2F4B
  • editorGroupHeader.tabsBorder#3B3B5E
  • editorGutter.addedBackground#9af5bc99
  • editorGutter.background#2F2F4B
  • editorGutter.commentRangeForeground#8F8FB7
  • editorGutter.deletedBackground#f889ae99
  • editorGutter.modifiedBackground#ffd6a799
  • editorHint.foreground#F3CBFB
  • editorHoverWidget.background#373758
  • editorHoverWidget.border#4F4F7D
  • editorHoverWidget.foreground#E6DAFB
  • editorIndentGuide.activeBackground1#B0B0CC
  • editorIndentGuide.background1#373758
  • editorInfo.foreground#00d3f2
  • editorInlayHint.background#3737588c
  • editorInlayHint.foreground#8F8FB7
  • editorInlayHint.parameterBackground#3737588c
  • editorInlayHint.parameterForeground#8F8FB7
  • editorInlayHint.typeBackground#3737588c
  • editorInlayHint.typeForeground#8F8FB7
  • editorLineNumber.activeForeground#E6DAFB
  • editorLineNumber.dimmedForeground#6E6EA2
  • editorLineNumber.foreground#6E6EA2
  • editorLink.activeForeground#B0B0CC
  • editorMarkerNavigation.background#2F2F4B
  • editorMarkerNavigationError.background#f892b433
  • editorMarkerNavigationInfo.background#53eafd33
  • editorMarkerNavigationWarning.background#ffedd433
  • editorMinimap.inlineChatInserted#9AF5BC
  • editorOverviewRuler.addedForeground#9AF5BC
  • editorOverviewRuler.border#33335280
  • editorOverviewRuler.bracketMatchForeground#F3CBFB
  • editorOverviewRuler.commonContentForeground#B0B0CC
  • editorOverviewRuler.currentContentForeground#a0b7f6
  • editorOverviewRuler.deletedForeground#F889AE
  • editorOverviewRuler.errorForeground#F889AE
  • editorOverviewRuler.findMatchForeground#b0b0cc99
  • editorOverviewRuler.incomingContentForeground#b9f8cf
  • editorOverviewRuler.infoForeground#00d3f2
  • editorOverviewRuler.inlineChatInserted#9AF5BC
  • editorOverviewRuler.inlineChatRemoved#F889AE
  • editorOverviewRuler.modifiedForeground#ffd6a7
  • editorOverviewRuler.rangeHighlightForeground#efbafa40
  • editorOverviewRuler.selectionHighlightForeground#efbafa40
  • editorOverviewRuler.warningForeground#FFE2BE
  • editorOverviewRuler.wordHighlightForeground#ffb8e099
  • editorOverviewRuler.wordHighlightStrongForeground#ffb8e099
  • editorOverviewRuler.wordHighlightTextForeground#efbafa40
  • editorPane.background#2F2F4B
  • editorRuler.foreground#27283F
  • editorStickyScroll.background#2F2F4B
  • editorStickyScroll.border#373758
  • editorStickyScroll.shadow#27283f40
  • editorStickyScrollHover.background#5e5e9780
  • editorSuggestWidget.background#373758
  • editorSuggestWidget.border#373758
  • editorSuggestWidget.foreground#E6DAFB
  • editorSuggestWidget.highlightForeground#B0B0CC
  • editorSuggestWidget.selectedBackground#373758
  • editorUnnecessaryCode.opacity#e6dafbcc
  • editorWarning.foreground#FFE2BE
  • editorWhitespace.foreground#6E6EA2
  • editorWidget.background#373758
  • editorWidget.border#3B3B5E
  • editorWidget.foreground#E6DAFB
  • editorWidget.resizeBorder#3B3B5E
  • errorForeground#F889AE
  • extensionBadge.remoteBackground#00b8db
  • extensionBadge.remoteForeground#1C1D2D
  • extensionButton.background#3F3F64
  • extensionButton.border#3B3B5E
  • extensionButton.foreground#B9B9D2
  • extensionButton.hoverBackground#4F4F7D
  • extensionButton.prominentBackground#FFB8E0
  • extensionButton.prominentForeground#2F2F4B
  • extensionButton.prominentHoverBackground#FFB8E0
  • extensionButton.separator#373758
  • extensionIcon.preReleaseForeground#EFBAFA
  • extensionIcon.privateForeground#8F8FB7
  • extensionIcon.sponsorForeground#FFB8E0
  • extensionIcon.starForeground#FFE2BE
  • extensionIcon.verifiedForeground#00d3f2
  • focusBorder#FFCCE9
  • foreground#B0B0CC
  • gauge.background#53eafd4d
  • gauge.border#3B3B5E
  • gauge.errorBackground#f892b44d
  • gauge.errorForeground#F889AE
  • gauge.foreground#00d3f2
  • gauge.warningBackground#ffedd44d
  • gauge.warningForeground#FFE2BE
  • gitDecoration.addedResourceForeground#9AF5BC
  • gitDecoration.conflictingResourceForeground#F56C9A
  • gitDecoration.deletedResourceForeground#F889AE
  • gitDecoration.ignoredResourceForeground#a0a0c280
  • gitDecoration.modifiedResourceForeground#ffd6a7
  • gitDecoration.renamedResourceForeground#DCF9A3
  • gitDecoration.stageDeletedResourceForeground#F889AE
  • gitDecoration.stageModifiedResourceForeground#ffd6a7
  • gitDecoration.submoduleResourceForeground#a2f4fd
  • gitDecoration.untrackedResourceForeground#b9f8cf
  • icon.foreground#8F8FB7
  • inlineChat.background#2F2F4B
  • inlineChat.border#373758
  • inlineChat.foreground#B0B0CC
  • inlineChat.shadow#27283f80
  • inlineChatDiff.inserted#9af5bc33
  • inlineChatDiff.removed#f889ae33
  • inlineChatInput.background#2F2F4B
  • inlineChatInput.border#3B3B5E
  • inlineChatInput.focusBorder#a0b7f6
  • inlineChatInput.placeholderForeground#8F8FB7
  • input.background#2F2F4B
  • input.border#3B3B5E
  • input.foreground#E6DAFB
  • input.placeholderForeground#8F8FB7
  • inputOption.activeBackground#a0b7f680
  • inputOption.activeBorder#a0b7f6
  • inputOption.activeForeground#E6DAFB
  • inputValidation.errorBackground#F77FA7
  • inputValidation.errorBorder#F77FA7
  • inputValidation.errorForeground#1C1D2D
  • inputValidation.infoBackground#00b8db
  • inputValidation.infoBorder#00b8db
  • inputValidation.infoForeground#1C1D2D
  • inputValidation.warningBackground#ffd6a7
  • inputValidation.warningBorder#ffd6a7
  • inputValidation.warningForeground#1C1D2D
  • interactive.activeCodeBorder#a0b7f6
  • interactive.inactiveCodeBorder#3B3B5E
  • keybindingLabel.foreground#B0B0CC
  • list.activeSelectionBackground#3F3F64
  • list.activeSelectionForeground#E6DAFB
  • list.activeSelectionIconForeground#E6DAFB
  • list.dropBackground#3F3F64
  • list.errorForeground#F889AE
  • list.filterMatchBackground#373758
  • list.filterMatchBorder#3B3B5E
  • list.focusBackground#3F3F64
  • list.focusForeground#E6DAFB
  • list.focusOutline#3F3F64
  • list.highlightForeground#B0B0CC
  • list.hoverBackground#3F3F64
  • list.hoverForeground#E6DAFB
  • list.inactiveFocusBackground#3F3F64
  • list.inactiveSelectionBackground#3F3F64
  • list.inactiveSelectionForeground#E6DAFB
  • list.invalidItemForeground#F889AE
  • list.warningForeground#FFE2BE
  • listFilterWidget.background#373758
  • listFilterWidget.noMatchesOutline#F889AE
  • listFilterWidget.outline#373758
  • mcpIcon.starForeground#FFE2BE
  • menu.background#373758
  • menu.border#3B3B5E
  • menu.foreground#E6DAFB
  • menu.selectionBackground#3F3F64
  • menu.selectionBorder#373758
  • menu.selectionForeground#E6DAFB
  • menu.separatorBackground#B0B0CC
  • menubar.selectionBackground#3F3F64
  • menubar.selectionBorder#373758
  • menubar.selectionForeground#E6DAFB
  • merge.border#3B3B5E
  • merge.commonContentBackground#27283f1a
  • merge.commonHeaderBackground#27283f33
  • merge.currentContentBackground#efbafa33
  • merge.currentHeaderBackground#a0b7f633
  • merge.incomingContentBackground#cbfadb1a
  • merge.incomingHeaderBackground#cbfadb33
  • minimap.chatEditHighlight#a0b7f6
  • minimap.errorHighlight#F889AE
  • minimap.findMatchHighlight#b0b0cc99
  • minimap.infoHighlight#00d3f2
  • minimap.selectionHighlight#f3cbfb40
  • minimap.selectionOccurrenceHighlight#f3cbfb40
  • minimap.warningHighlight#FFE2BE
  • minimapGutter.addedBackground#9AF5BC
  • minimapGutter.deletedBackground#F889AE
  • minimapGutter.modifiedBackground#ffd6a7
  • minimapSlider.activeBackground#5e5e978c
  • minimapSlider.background#5e5e9780
  • minimapSlider.hoverBackground#5e5e978c
  • modernActivityBar.border#373758
  • modernActivityBarItem.activeBackground#ffb8e033
  • modernActivityBarItem.activeForeground#1C1D2D
  • modernActivityBarItem.hoverBackground#ffb8e026
  • modernActivityBarItem.hoverForeground#1C1D2D
  • notebook.symbolHighlightBackground#37375826
  • notificationCenter.border#373758
  • notificationCenterHeader.background#27283F
  • notificationCenterHeader.foreground#B0B0CC
  • notificationLink.foreground#B0B0CC
  • notifications.background#373758
  • notifications.border#373758
  • notifications.foreground#B0B0CC
  • notificationsErrorIcon.foreground#F889AE
  • notificationsInfoIcon.foreground#00d3f2
  • notificationsWarningIcon.foreground#FFE2BE
  • notificationToast.border#373758
  • panel.background#27283F
  • panel.border#373758
  • panelInput.border#373758
  • panelTitle.activeBorder#3B3B5E
  • panelTitle.activeForeground#E6DAFB
  • panelTitle.inactiveForeground#B0B0CC
  • peekView.border#FFB8E0
  • peekViewEditor.background#27283F
  • peekViewEditor.matchHighlightBackground#efbafa40
  • peekViewEditor.matchHighlightBorder#efbafa08
  • peekViewEditorGutter.background#27283F
  • peekViewResult.background#27283F
  • peekViewResult.fileForeground#8F8FB7
  • peekViewResult.lineForeground#8F8FB7
  • peekViewResult.matchHighlightBackground#efbafa40
  • peekViewResult.selectionBackground#f3cbfb40
  • peekViewResult.selectionForeground#E6DAFB
  • peekViewTitle.background#27283F
  • peekViewTitleDescription.foreground#8F8FB7
  • peekViewTitleLabel.foreground#E6DAFB
  • pickerGroup.border#4F4F7D
  • pickerGroup.foreground#6E6EA2
  • ports.iconRunningProcessForeground#b9f8cf
  • progressBar.background#FFB8E0
  • quickInput.background#373758
  • quickInput.border#3B3B5E
  • quickInput.foreground#B0B0CC
  • quickInputList.focusBackground#3F3F64
  • quickInputList.focusForeground#E6DAFB
  • quickInputList.focusHighlightForeground#FFA3D8
  • quickInputList.focusIconForeground#E6DAFB
  • quickInputList.hoverBackground#3F3F64
  • quickInputTitle.background#373758
  • radio.activeBackground#373758
  • radio.activeBorder#4F4F7D
  • radio.activeForeground#B0B0CC
  • radio.inactiveBackground#373758
  • radio.inactiveBorder#4F4F7D
  • radio.inactiveForeground#8F8FB7
  • radio.inactiveHoverBackground#373758
  • sash.hoverBorder#3F3F64
  • scrollbar.shadow#2F2F4B
  • scrollbarSlider.activeBackground#5e5e978c
  • scrollbarSlider.background#5e5e9780
  • scrollbarSlider.hoverBackground#5e5e978c
  • searchEditor.findMatchBackground#373758
  • searchEditor.findMatchBorder#3B3B5E
  • selection.background#3F3F64
  • settings.checkboxBackground#373758
  • settings.checkboxBorder#373758
  • settings.checkboxForeground#B0B0CC
  • settings.dropdownBackground#27283F
  • settings.dropdownBorder#373758
  • settings.dropdownForeground#B0B0CC
  • settings.dropdownListBorder#373758
  • settings.headerForeground#E6DAFB
  • settings.modifiedItemIndicator#B0B0CC
  • settings.numberInputBackground#27283F
  • settings.numberInputBorder#373758
  • settings.numberInputForeground#B0B0CC
  • settings.textInputBackground#27283F
  • settings.textInputBorder#373758
  • settings.textInputForeground#B0B0CC
  • sideBar.background#27283F
  • sideBar.border#373758
  • sideBar.dropBackground#373758cc
  • sideBar.foreground#8F8FB7
  • sideBarSectionHeader.background#27283F
  • sideBarSectionHeader.border#333352
  • sideBarSectionHeader.foreground#8F8FB7
  • sideBarStickyScroll.background#27283F
  • sideBarStickyScroll.border#27283F
  • sideBarStickyScroll.shadow#27283F
  • sideBarTitle.foreground#8F8FB7
  • statusBar.background#2F2F4B
  • statusBar.border#3B3B5E
  • statusBar.debuggingBackground#FFB8E0
  • statusBar.debuggingBorder#3B3B5E
  • statusBar.debuggingForeground#1C1D2D
  • statusBar.focusBorder#ffb8e080
  • statusBar.foreground#8F8FB7
  • statusBar.noFolderBackground#2F2F4B
  • statusBar.noFolderBorder#3B3B5E
  • statusBar.noFolderForeground#8F8FB7
  • statusBarItem.activeBackground#373758
  • statusBarItem.focusBorder#FFB8E0
  • statusBarItem.hoverBackground#373758
  • statusBarItem.hoverForeground#E6DAFB
  • statusBarItem.prominentBackground#373758
  • statusBarItem.prominentForeground#1C1D2D
  • statusBarItem.prominentHoverBackground#373758
  • statusBarItem.remoteBackground#373758
  • statusBarItem.remoteForeground#B0B0CC
  • surface.border#373758
  • symbolIcon.arrayForeground#ffedd4
  • symbolIcon.booleanForeground#a0b7f6
  • symbolIcon.classForeground#ffedd4
  • symbolIcon.colorForeground#FFA3D8
  • symbolIcon.constantForeground#b9f8cf
  • symbolIcon.constructorForeground#F3CBFB
  • symbolIcon.enumeratorForeground#ffedd4
  • symbolIcon.enumeratorMemberForeground#a0b7f6
  • symbolIcon.eventForeground#6E6EA2
  • symbolIcon.fieldForeground#ffedd4
  • symbolIcon.fileForeground#ffedd4
  • symbolIcon.folderForeground#ffedd4
  • symbolIcon.functionForeground#F3CBFB
  • symbolIcon.interfaceForeground#ffedd4
  • symbolIcon.keyForeground#a0b7f6
  • symbolIcon.keywordForeground#CCB4F9
  • symbolIcon.methodForeground#F3CBFB
  • symbolIcon.moduleForeground#F2C6FB
  • symbolIcon.namespaceForeground#F2C6FB
  • symbolIcon.nullForeground#a0b7f6
  • symbolIcon.numberForeground#b9f8cf
  • symbolIcon.objectForeground#ffedd4
  • symbolIcon.operatorForeground#FFA3D8
  • symbolIcon.packageForeground#ffedd4
  • symbolIcon.propertyForeground#ffedd4
  • symbolIcon.referenceForeground#a0b7f6
  • symbolIcon.snippetForeground#a0b7f6
  • symbolIcon.stringForeground#FFA3D8
  • symbolIcon.structForeground#ffedd4
  • symbolIcon.textForeground#FFA3D8
  • symbolIcon.typeParameterForeground#FFA3D8
  • symbolIcon.unitForeground#a0b7f6
  • symbolIcon.variableForeground#ffedd4
  • tab.activeBackground#2F2F4B
  • tab.activeBorder#3B3B5E
  • tab.activeBorderTop#3B3B5E
  • tab.activeForeground#E6DAFB
  • tab.activeModifiedBorder#3B3B5E
  • tab.border#3B3B5E
  • tab.hoverBackground#2F2F4B
  • tab.hoverForeground#E6DAFB
  • tab.inactiveBackground#2F2F4B
  • tab.inactiveForeground#8F8FB7
  • tab.inactiveModifiedBorder#3B3B5E
  • tab.lastPinnedBorder#3B3B5E
  • tab.selectedBackground#373758
  • tab.selectedBorderTop#FFB8E0
  • tab.selectedForeground#E6DAFB
  • tab.unfocusedActiveBackground#2F2F4B
  • tab.unfocusedActiveBorder#3B3B5E
  • tab.unfocusedActiveBorderTop#3B3B5E
  • tab.unfocusedActiveForeground#E6DAFB
  • tab.unfocusedActiveModifiedBorder#3B3B5E
  • tab.unfocusedHoverBackground#2F2F4B
  • tab.unfocusedHoverBorder#3B3B5E
  • tab.unfocusedInactiveBackground#2F2F4B
  • tab.unfocusedInactiveForeground#8F8FB7
  • tab.unfocusedInactiveModifiedBorder#3B3B5E
  • terminal.ansiBlack#3F3F64
  • terminal.ansiBlue#8FAAFB
  • terminal.ansiBrightBlack#5E5E97
  • terminal.ansiBrightBlue#B3C6F7
  • terminal.ansiBrightCyan#7BEFFD
  • terminal.ansiBrightGreen#9AF5BC
  • terminal.ansiBrightMagenta#EFBAFA
  • terminal.ansiBrightRed#FAB9CF
  • terminal.ansiBrightWhite#E2E2EC
  • terminal.ansiBrightYellow#FEEDA6
  • terminal.ansiCyan#00d3f2
  • terminal.ansiGreen#40E88D
  • terminal.ansiMagenta#EBA7F9
  • terminal.ansiRed#F77FA7
  • terminal.ansiWhite#B0B0CC
  • terminal.ansiYellow#ffd230
  • terminal.background#27283F
  • terminal.border#373758
  • terminal.findMatchBackground#3737588c
  • terminal.findMatchBorder#3B3B5E
  • terminal.findMatchHighlightBackground#3737588c
  • terminal.foreground#E6DAFB
  • terminal.inactiveSelectionBackground#efbafa20
  • terminal.selectionBackground#efbafa80
  • terminal.tab.activeBorder#FFB8E0
  • terminalCursor.background#27283F
  • terminalCursor.foreground#E6DAFB
  • testing.iconErrored#F889AE
  • testing.iconFailed#F889AE
  • testing.iconPassed#b9f8cf
  • testing.iconQueued#B0B0CC
  • testing.iconSkipped#FFE2BE
  • testing.iconUnset#8F8FB7
  • testing.message.info.decorationForeground#00d3f2
  • testing.peekBorder#373758
  • testing.peekHeaderBackground#2F2F4B
  • testing.runAction#9AF5BC
  • textBlockQuote.background#27283F
  • textBlockQuote.border#a0b7f680
  • textCodeBlock.background#2F2F4B
  • textLink.activeForeground#FFB8E0
  • textLink.foreground#FFB8E0
  • textPreformat.background#2F2F4B
  • textPreformat.foreground#a0b7f6
  • textSeparator.foreground#B0B0CC
  • titleBar.activeBackground#2F2F4B
  • titleBar.activeForeground#8F8FB7
  • titleBar.border#373758
  • titleBar.inactiveBackground#27283F
  • titleBar.inactiveForeground#6E6EA2
  • toolbar.activeBackground#3F3F64
  • toolbar.hoverBackground#3F3F64
  • toolbar.hoverOutline#3B3B5E
  • tree.indentGuidesStroke#3B3B5E
  • walkThrough.embeddedEditorBackground#2F2F4B
  • welcomePage.background#2F2F4B
  • welcomePage.progress.foreground#FFB8E0
  • welcomePage.tileBackground#373758
  • welcomePage.tileHoverBackground#373758
  • widget.border#3B3B5E
  • widget.shadow#27283f80

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
italic, markup.italic.markdown#CCB4F9
bold, markup.bold.markdown#CCB4F9bold
comment, comment.line.double-slash#5E5E97
keyword.control, storage.modifier
entity.name.function.decorator.python#FFC2E4
variable.language#E3D5FB
markup.changed, meta.diff.header.git, meta.diff.header.from-file, meta.diff.header.to-file#a0b7f6
markup.deleted.diff#F889AE
markup.inserted.diff#F9A5C2
string#FFCCE9
string.quoted#FFCCE9
support.constant.math#D9C6FA
constant.numeric, constant.character.numeric#F9A5C2
keyword.other.unit.percentage.css, keyword.other.unit.px.css, keyword.other.unit.vw.css, keyword.other.unit.vh.css, keyword.other.unit.em.css, keyword.other.unit.rem.css#F9A5C2
constant.language, punctuation.definition.constant#D9C6FA
constant.character, constant.other#E3D5FB
constant.language.null, constant.language.undefined#F889AE
constant.character.escape#CCB4F9
string.regexp, string.regexp keyword.other#a0b7f6
meta.function punctuation.separator.comma#C4A7F8
variable#D9C6FA
punctuation.accessor#C4A7F8
keyword#CCB4F9
storage, meta.var.expr, meta.class meta.method.declaration meta.var.expr storage.type.js, storage.type.property.js, storage.type.property.ts, storage.type.property.tsx#FFA3D8
storage.type#FFA3D8
storage.type.function.arrow.js
entity.name.class, meta.class entity.name.type.class, meta.class entity.name.type.class.js#F2C6FB
entity.other.inherited-class#F2C6FB
punctuation.definition.tag, meta.tag#C4A7F8
entity.name.tag, meta.tag.other.html, meta.tag.other.js, meta.tag.other.tsx, entity.name.tag.tsx, meta.tag.js, meta.tag.tsx, meta.tag.html#FFADDC
entity.name.tag.custom#D9C6FA
support.constant.meta.property-value#E3D5FB
support.type, support.class#F2C6FB
entity.name.type, entity.name.namespace, entity.name.module#F2C6FB
support.variable.dom#D9C6FA
invalid#F889AE
invalid.deprecated#F889AE
keyword.operator#CCB4F9
keyword.operator.new#CCB4F9
keyword.operator.relational#CCB4F9
keyword.operator.arithmetic#CCB4F9
keyword.operator.bitwise#CCB4F9
keyword.operator.increment#CCB4F9
keyword.operator.ternary#CCB4F9
object#F2C6FB
meta.brace#C4A7F8
meta.delimiter.period#C4A7F8
constant.language.boolean#F889AE
object.comma#C4A7F8
variable.parameter.function#F2C6FB
support.type.vendor.property-name, support.type.property-name#E3D5FB
support.constant.vendor.property-value, meta.property-list entity.name.tag#F2C6FB
meta.property-list entity.name.tag.reference#E3D5FB
constant.other.color.rgb-value punctuation.definition.constant#CCB4F9
constant.other.color#FFCCE9
keyword.other.unit#F9A5C2
meta.selector#CCB4F9
entity.other.attribute-name.id#FFADDC
meta.property-name#E3D5FB
entity.name.tag.doctype, meta.tag.sgml.doctype#CCB4F9
punctuation.definition.parameters#C4A7F8
punctuation.definition.string#FFCCE9
keyword.control.operator#CCB4F9
keyword.operator.logical#CCB4F9
variable.instance, variable.other.instance, variable.readwrite.instance, variable.other.readwrite.instance#D9C6FA
entity.name.function#a0b7f6
keyword.control.ruby, keyword.control.module.ruby, keyword.control.class.ruby, keyword.control.def.ruby, keyword.control.loop.js, keyword.control.loop.ts, keyword.control.loop.tsx#FFA3D8
keyword.control.flow.js, keyword.control.flow.ts, keyword.control.flow.tsx#CCB4F9
keyword.control.import.js, keyword.control.import.ts, keyword.control.import.tsx, keyword.control.from.js, keyword.control.from.ts, keyword.control.from.tsx#CCB4F9
keyword.control.conditional.js, keyword.control.conditional.ts, keyword.control.switch.js, keyword.control.switch.ts#CCB4F9
support.constant#E3D5FB
keyword.other.special-method, keyword.other.new, keyword.other.debugger, keyword.other#FFA3D8
support.function#a0b7f6
invalid.broken#F889AE
invalid.unimplemented#F889AE
invalid.illegal#F889AE
support.variable.property#E3D5FB
variable.function#a0b7f6
variable.interpolation#E3D5FB
meta.function-call#a0b7f6
meta.array, meta.object#F2C6FB
punctuation.section.embedded#CCB4F9
punctuation.terminator.expression, punctuation.definition.arguments, punctuation.definition.array, punctuation.section.array, punctuation.separator.parameter, punctuation.separator.key-value, punctuation.section.function.begin.bracket.round, punctuation.section.function.end.bracket.round, punctuation.destructuring#C4A7F8
punctuation.definition.list.begin, punctuation.definition.list.end, punctuation.separator.arguments, punctuation.definition.list#C4A7F8
string.template meta.template.expression#CCB4F9
string.template punctuation.definition.string#FFCCE9
quote#5E5E97
raw#5E5E97
variable.parameter.function.coffee#D9C6FA
variable.assignment.coffee#D9C6FA
variable.other.readwrite.cs#D9C6FA
entity.name.type.class.cs, storage.type.cs#a0b7f6
entity.name.type.namespace.cs#D9C6FA
entity.name.tag.css, entity.name.tag.custom.css, support.constant.property-value.css#F2C6FB
entity.name.tag.wildcard.css, entity.name.tag.wildcard.less, entity.name.tag.wildcard.scss, entity.name.tag.wildcard.sass#FFADDC
meta.attribute-selector.css entity.other.attribute-name.attribute#F2C6FB
source.elixir support.type.elixir, source.elixir meta.module.elixir entity.name.class.elixir#a0b7f6
source.elixir entity.name.function#CCB4F9
source.elixir constant.other.symbol.elixir, source.elixir constant.other.keywords.elixir#a0b7f6
source.elixir punctuation.definition.string#FFCCE9
source.elixir variable.other.readwrite.module.elixir, source.elixir variable.other.readwrite.module.elixir punctuation.definition.variable.elixir#CCB4F9
source.elixir punctuation.binary.elixir#CCB4F9
constant.keyword.clojure#E3D5FB
source.go meta.function-call.go#a0b7f6
source.go keyword.package.go, source.go keyword.import.go, source.go keyword.function.go, source.go keyword.type.go, source.go keyword.struct.go, source.go keyword.interface.go, source.go keyword.const.go, source.go keyword.var.go, source.go keyword.map.go, source.go keyword.channel.go, source.go keyword.control.go#CCB4F9
source.go constant.language.go#F889AE
source.go constant.other.placeholder.go#E3D5FB
entity.name.function.preprocessor.cpp, entity.scope.name.cpp#E3D5FB
meta.namespace-block.cpp#FFE2BE
storage.type.language.primitive.cpp#F2C6FB
meta.preprocessor.macro.cpp#D9C6FA
variable.other.readwrite.powershell#a0b7f6
support.function.powershell#E3D5FB
entity.other.attribute-name.id.html#CCB4F9
punctuation.definition.tag.html#C4A7F8
meta.tag.sgml.doctype.html#CCB4F9
variable.other.readwrite.alias.js#D9C6FA
meta.import.js variable.other.readwrite.alias.js, meta.import.js variable.other.readwrite.js, meta.import.js variable.other.object.js, meta.import.js variable.other.constant.js, meta.import.js variable.other.constant.object.js#E3D5FB
meta.object-literal.key.js#E3D5FB
meta.decorator punctuation.decorator.js#FFC2E4
variable.parameter.js, variable.parameter.function.js#F2C6FB
variable.other.constant.js, variable.other.constant.object.js, variable.other.enummember.js#E3D5FB
variable.other.constant.property.js, variable.other.constant.object.property.js#E3D5FB
support.function.js, support.function.console.js, support.function.json.js, support.function.math.js, support.function.dom.js, support.function.process.js, support.class.js, support.class.console.js, support.class.node.js, support.class.dom.js, support.variable.dom.js, support.variable.object.process.js, support.constant.json.js#E3D5FB
variable.other.readwrite.alias.jsx#D9C6FA
meta.import.jsx variable.other.readwrite.alias.jsx, meta.import.jsx variable.other.readwrite.jsx, meta.import.jsx variable.other.object.jsx, meta.import.jsx variable.other.constant.jsx, meta.import.jsx variable.other.constant.object.jsx#E3D5FB
meta.object-literal.key.jsx#E3D5FB
meta.decorator punctuation.decorator.jsx#FFC2E4
variable.parameter.jsx, variable.parameter.function.jsx#F2C6FB
variable.other.constant.jsx, variable.other.constant.object.jsx, variable.other.enummember.jsx#E3D5FB
variable.other.constant.property.jsx, variable.other.constant.object.property.jsx#E3D5FB
support.function.jsx, support.function.console.jsx, support.function.json.jsx, support.function.math.jsx, support.function.dom.jsx, support.function.process.jsx, support.class.jsx, support.class.console.jsx, support.class.node.jsx, support.class.dom.jsx, support.variable.dom.jsx, support.variable.object.process.jsx, support.constant.json.jsx#E3D5FB
variable.other.readwrite.alias.ts#D9C6FA
meta.import.ts variable.other.readwrite.alias.ts, meta.import.ts variable.other.readwrite.ts, meta.import.ts variable.other.object.ts, meta.import.ts variable.other.constant.ts, meta.import.ts variable.other.constant.object.ts#E3D5FB
meta.object-literal.key.ts#E3D5FB
meta.decorator punctuation.decorator.ts#FFC2E4
variable.parameter.ts, variable.parameter.function.ts#F2C6FB
variable.other.constant.ts, variable.other.constant.object.ts, variable.other.enummember.ts#E3D5FB
variable.other.constant.property.ts, variable.other.constant.object.property.ts#E3D5FB
support.function.ts, support.function.console.ts, support.function.json.ts, support.function.math.ts, support.function.dom.ts, support.function.process.ts, support.class.ts, support.class.console.ts, support.class.node.ts, support.class.dom.ts, support.variable.dom.ts, support.variable.object.process.ts, support.constant.json.ts#E3D5FB
variable.other.readwrite.alias.tsx#D9C6FA
meta.import.tsx variable.other.readwrite.alias.tsx, meta.import.tsx variable.other.readwrite.tsx, meta.import.tsx variable.other.object.tsx, meta.import.tsx variable.other.constant.tsx, meta.import.tsx variable.other.constant.object.tsx#E3D5FB
meta.object-literal.key.tsx#E3D5FB
meta.decorator punctuation.decorator.tsx#FFC2E4
variable.parameter.tsx, variable.parameter.function.tsx#F2C6FB
variable.other.constant.tsx, variable.other.constant.object.tsx, variable.other.enummember.tsx#E3D5FB
variable.other.constant.property.tsx, variable.other.constant.object.property.tsx#E3D5FB
support.function.tsx, support.function.console.tsx, support.function.json.tsx, support.function.math.tsx, support.function.dom.tsx, support.function.process.tsx, support.class.tsx, support.class.console.tsx, support.class.node.tsx, support.class.dom.tsx, support.variable.dom.tsx, support.variable.object.process.tsx, support.constant.json.tsx#E3D5FB
meta.method.declaration storage.type.js, meta.method.declaration storage.type.ts, meta.method.declaration storage.type.tsx#FFA3D8
terminator.js#C4A7F8
meta.js punctuation.definition.js#C4A7F8
punctuation.definition.block.tag.jsdoc#C4A7F8
storage.type.class.jsdoc#FFA3D8
constant.language.access-type.jsdoc#FFA3D8
constant.language.symbol-type.jsdoc#CCB4F9
punctuation.definition.bracket.angle.begin.jsdoc, punctuation.definition.bracket.angle.end.jsdoc#C4A7F8
keyword.operator.control.jsdoc#CCB4F9
entity.name.tag.inline.jsdoc#FFADDC
entity.name.type.instance.jsdoc, entity.name.type.instance.phpdoc#F2C6FB
variable.other.jsdoc, variable.other.phpdoc#D9C6FA
variable.other.meta.import.js, meta.import.js variable.other, variable.other.meta.export.js, meta.export.js variable.other#D9C6FA
variable.other.object.jsx#D9C6FA
variable.object.property.jsx#E3D5FB
variable.js, variable.other.js#D9C6FA
entity.name.type.js, entity.name.type.module.js#F2C6FB
support.constant.json#D9C6FA
meta.structure.dictionary.value.json string.quoted.double, string.quoted.double.json.comments, string.quoted.double.json punctuation.definition.string.json#FFCCE9
punctuation.definition.dictionary.begin.json, punctuation.definition.dictionary.end.json#C4A7F8
meta.structure.dictionary.json meta.structure.dictionary.value constant.language#F889AE
variable.other.object.js#D9C6FA
variable.other.ruby#D9C6FA
entity.name.type.class.ruby#F2C6FB
constant.language.symbol.hashkey.ruby#E3D5FB
constant.language.symbol.ruby#E3D5FB
entity.name.tag.less#FFADDC
keyword.other.unit.css#F9A5C2
meta.attribute-selector.less entity.other.attribute-name.attribute#FFADDC
markup.heading.markdown, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#a0b7f6
markup.quote.markdown#5E5E97
markup.inline.raw.markdown#5E5E97
markup.underline.link.markdown, markup.underline.link.image.markdown#a0b7f6
string.other.link.title.markdown, string.other.link.description.markdown#D9C6FA
punctuation.definition.string.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, meta.link.inline.markdown punctuation.definition.string#a0b7f6
punctuation.definition.metadata.markdown#C4A7F8
beginning.punctuation.definition.list.markdown#a0b7f6
markup.inline.raw.string.markdown#CCB4F9
variable.other.php#D9C6FA
variable.other.property.php#E3D5FB
support.class.php#FFE2BE
meta.function-call.php punctuation#D9C6FA
variable.other.global.php#CCB4F9
variable.other.global.php punctuation.definition.variable#CCB4F9
constant.language.python#F889AE
variable.parameter.function.python#F2C6FB
meta.function-call.python, meta.function-call.generic.python#a0b7f6
punctuation.python#C4A7F8
source.python variable.language.special#a0b7f6
variable.scss, variable.sass, variable.parameter.url.scss, variable.parameter.url.sass#CCB4F9
source.css.scss meta.at-rule variable, source.css.sass meta.at-rule variable#D9C6FA
meta.attribute-selector.scss entity.other.attribute-name.attribute, meta.attribute-selector.sass entity.other.attribute-name.attribute#FFADDC
entity.name.tag.scss, entity.name.tag.sass#FFADDC
keyword.other.unit.scss, keyword.other.unit.sass#F9A5C2
constant.other.table-name.sql, constant.other.database-name.sql#F2C6FB
entity.name.command.shell, entity.name.function.shell#a0b7f6
support.function.shell#E3D5FB
variable.other.assignment.shell#E3D5FB
constant.other.option.shell#E3D5FB
variable.other.readwrite.ts, variable.other.readwrite.tsx, variable.other.object.ts, variable.other.object.tsx, variable.other.ts, variable.other.tsx, variable.tsx, variable.ts#D9C6FA
variable.object.property.ts, variable.object.property.tsx#E3D5FB
punctuation.definition.binding-pattern.object#C4A7F8
punctuation.definition.binding-pattern.array#C4A7F8
punctuation.definition.typeparameters.begin.ts, punctuation.definition.typeparameters.end.ts, punctuation.definition.typeparameters.begin.tsx, punctuation.definition.typeparameters.end.tsx#C4A7F8
entity.name.type.ts, entity.name.type.tsx, entity.name.type.module.tsx#F2C6FB
meta.type.parameters.ts entity.name.type, meta.type.parameters.tsx entity.name.type#F2C6FB
meta.import.ts punctuation.definition.block, meta.import.tsx punctuation.definition.block, meta.export.ts punctuation.definition.block, meta.export.tsx punctuation.definition.block#C4A7F8
entity.name.tag.yaml#E3D5FB
variable.other.anchor.yaml#E3D5FB
variable.other.alias.yaml#D9C6FA
punctuation.definition.anchor.yaml#C4A7F8
entity.name.type.anchor.yaml#F2C6FB
support.class.component, support.class.component.tsx#FF8ECF
meta.class entity.name.type.class.tsx#F2C6FB
keyword.operator.type.annotation#CCB4F9
variable.parameter#F2C6FB
variable.other.property#E3D5FB
variable.other.object.property#E3D5FB
variable.other.readwrite.alias#F2C6FB
variable.other.readwrite.js#D9C6FA
meta.jsx.children, meta.jsx.children.js, meta.jsx.children.tsx#E6DAFB
variable.other.constant#F2C6FB
variable.object.property.js#E3D5FB
constant.numeric.decimal#F9A5C2
constant.language.boolean.true, constant.language.boolean.false#F889AE
string.quoted.single#FFCCE9
string.quoted.double#FFCCE9
entity.other.attribute-name#CCB4F9
keyword.control.conditional#CCB4F9
meta.brace.round#C4A7F8
meta.brace.square#C4A7F8
punctuation.separator.comma#C4A7F8
punctuation.definition.string.begin#FFCCE9
punctuation.definition.string.end#FFCCE9
punctuation.terminator.statement, punctuation.terminator.rule.scss#C4A7F8
keyword.operator.assignment#CCB4F9
punctuation.section.embedded.begin#CCB4F9
punctuation.section.embedded.end#CCB4F9
support.class.console#F2C6FB
support.class.component.js#FF8ECF
punctuation.definition.tag.begin#C4A7F8
punctuation.definition.template-expression.begin#C4A7F8
punctuation.definition.template-expression.end#C4A7F8
string.template#FFCCE9
punctuation.definition.string.template.begin#FFCCE9
punctuation.definition.string.template.end#FFCCE9
punctuation.definition.tag.end#C4A7F8
entity.name.tag.js#FFADDC
support.type.property-name.json, support.type.property-name.json.comments#E3D5FB
punctuation.definition.parameters.begin#C4A7F8
punctuation.definition.parameters.end#C4A7F8
punctuation.definition.block#C4A7F8
token.info-token#a0b7f6
token.warn-token#FFE2BE
token.error-token#F889AE
token.debug-token#CCB4F9