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#373758
  • activityBar.activeBorder#FFADDC
  • activityBar.activeFocusBorder#FFADDC
  • activityBar.background#1C1D2D
  • activityBar.border#27283F
  • activityBar.foreground#5E5E97
  • activityBar.inactiveForeground#5E5E97
  • activityBarBadge.background#1C1D2D
  • activityBarBadge.foreground#FFADDC
  • activityBarTop.activeBorder#FFADDC
  • activityBarTop.activeFocusBorder#FFADDC
  • activityBarTop.background#1C1D2D
  • activityBarTop.border#27283F
  • activityBarTop.foreground#5E5E97
  • activityBarTop.inactiveForeground#5E5E97
  • activityErrorBadge.background#F4598E
  • activityErrorBadge.foreground#1C1D2D
  • activityWarningBadge.background#FFC789
  • activityWarningBadge.foreground#1C1D2D
  • agents.background#202133
  • agentsBadge.background#FFADDC
  • agentsBadge.foreground#1C1D2D
  • agentsChatInput.background#27283F
  • agentsChatInput.border#2B2C45
  • agentsChatInput.focusBorder#FFADDC
  • agentsChatInput.foreground#A0A0C2
  • agentsChatInput.placeholderForeground#5E5E97
  • agentSessionReadIndicator.foreground#FFADDC
  • agentSessionSelectedBadge.border#FFADDC
  • agentSessionSelectedUnfocusedBadge.border#ffaddc80
  • agentsGradient.tintColor#FFADDC
  • agentsNewSessionButton.background#20213300
  • agentsNewSessionButton.border#2B2C45
  • agentsNewSessionButton.foreground#A0A0C2
  • agentsNewSessionButton.hoverBackground#373758
  • agentsPanel.background#202133
  • agentsPanel.border#27283F
  • agentsPanel.foreground#A0A0C2
  • agentStatusIndicator.background#FFADDC
  • agentsUnreadBadge.background#FFADDC
  • agentsUnreadBadge.foreground#1C1D2D
  • aiCustomizationManagement.sashBorder#27283F
  • badge.background#1C1D2D
  • badge.foreground#7F7FAC
  • breadcrumb.activeSelectionForeground#E3D5FB
  • breadcrumb.background#202133
  • breadcrumb.focusForeground#A0A0C2
  • breadcrumb.foreground#A0A0C2
  • breadcrumbPicker.background#202133
  • button.background#FFA3D8
  • button.border#2F2F4B
  • button.foreground#202133
  • button.hoverBackground#FFA3D8
  • button.secondaryBackground#2F2F4B
  • button.secondaryBorder#2F2F4B
  • button.secondaryForeground#B0B0CC
  • button.secondaryHoverBackground#2F2F4B
  • button.separator#27283F
  • charts.blue#8FAAFB
  • charts.foreground#A0A0C2
  • charts.green#9AF5BC
  • charts.lines#a0a0c280
  • charts.orange#FFE2BE
  • charts.purple#F1C0FB
  • charts.red#F56C9A
  • charts.yellow#ffd6a7
  • chat.avatarBackground#27283F
  • chat.avatarForeground#E3D5FB
  • chat.checkpointSeparator#27283F
  • chat.editedFileForeground#ffb86a
  • chat.inputWorkingBorderColor1#ffaddc80
  • chat.inputWorkingBorderColor2#f1c0fb80
  • chat.inputWorkingBorderColor3#8faafb80
  • chat.linesAddedForeground#05df7299
  • chat.linesRemovedForeground#f4598e99
  • chat.requestBackground#20213300
  • chat.requestBorder#2B2C45
  • chat.requestBubbleBackground#27283f99
  • chat.requestBubbleHoverBackground#27283f80
  • chat.requestCodeBorder#3f3f6499
  • chat.slashCommandBackground#27283F
  • chat.slashCommandForeground#E3D5FB
  • chat.thinkingShimmer#ff99d3d6
  • chatManagement.sashBorder#27283F
  • checkbox.background#27283F
  • checkbox.border#3F3F64
  • checkbox.disabled.background#27283F
  • checkbox.disabled.foreground#A0A0C2
  • checkbox.foreground#A0A0C2
  • checkbox.selectBackground#27283F
  • checkbox.selectBorder#3F3F64
  • commandCenter.activeBackground#202133
  • commandCenter.activeBorder#FFADDC
  • commandCenter.activeForeground#7F7FAC
  • commandCenter.background#1C1D2D
  • commandCenter.border#27283F
  • commandCenter.foreground#7F7FAC
  • commandCenter.inactiveBorder#27283F
  • commandCenter.inactiveForeground#7F7FAC
  • debugConsole.errorForeground#F56C9A
  • debugConsole.infoForeground#00d3f2
  • debugConsole.sourceForeground#5E5E97
  • debugConsole.warningForeground#ffd6a7
  • debugConsoleInputIcon.foreground#F1C0FB
  • debugExceptionWidget.background#202133
  • debugExceptionWidget.border#27283F
  • debugIcon.breakpointForeground#F56C9A
  • debugTokenExpression.boolean#9AF5BC
  • debugTokenExpression.error#F56C9A
  • debugTokenExpression.name#8FAAFB
  • debugTokenExpression.number#9AF5BC
  • debugTokenExpression.string#FF99D3
  • debugTokenExpression.value#FF99D3
  • debugToolBar.background#202133
  • debugToolBar.border#27283F
  • descriptionForeground#7F7FAC
  • diffEditor.border#202133
  • diffEditor.insertedLineBackground#05df7226
  • diffEditor.insertedTextBackground#05df721a
  • diffEditor.removedLineBackground#f4598e26
  • diffEditor.removedTextBackground#f4598e1a
  • disabledForeground#5e5e97bf
  • dropdown.background#2F2F4B
  • dropdown.border#27283F
  • dropdown.foreground#E3D5FB
  • dropdown.listBackground#2F2F4B
  • editor.background#202133
  • editor.border#2B2C45
  • editor.findMatchBackground#27283F
  • editor.findMatchBorder#f1c0fb8c
  • editor.findMatchHighlightBackground#27283f8c
  • editor.findRangeHighlightBackground#ecaef933
  • editor.focusedStackFrameHighlightBackground#1C1D2D
  • editor.foldBackground#27283f1a
  • editor.foreground#E6DAFB
  • editor.hoverHighlightBackground#f1c0fb40
  • editor.inactiveSelectionBackground#ecaef920
  • editor.lineHighlightBackground#56568a80
  • editor.linkedEditingBackground#f1c0fb40
  • editor.rangeHighlightBackground#f1c0fb40
  • editor.selectionBackground#f1c0fb40
  • editor.selectionForeground#E3D5FB
  • editor.selectionHighlightBackground#f1c0fb40
  • editor.snippetFinalTabstopHighlightBackground#ecaef940
  • editor.snippetFinalTabstopHighlightBorder#ecaef940
  • editor.snippetTabstopHighlightBackground#ecaef940
  • editor.snippetTabstopHighlightBorder#f1c0fb40
  • editor.stackFrameHighlightBackground#202133
  • editor.symbolHighlightBackground#f1c0fb40
  • editor.wordHighlightBackground#56568a8c
  • editor.wordHighlightBorder#56568a99
  • editor.wordHighlightStrongBackground#56568a8c
  • editor.wordHighlightStrongBorder#56568a99
  • editor.wordHighlightTextBackground#f1c0fb40
  • editorBracketHighlight.foreground1#FFA3D8
  • editorBracketHighlight.foreground2#E9A0F8
  • editorBracketHighlight.foreground3#B794F7
  • editorBracketHighlight.foreground4#F99CBB
  • editorBracketHighlight.foreground5#7D9DFF
  • editorBracketHighlight.foreground6#FF83CA
  • editorBracketHighlight.unexpectedBracket.foreground#F56C9A
  • editorBracketMatch.background#27283fe6
  • editorBracketMatch.border#3f3f64e6
  • editorBracketPairGuide.activeBackground1#ffa3d8bf
  • editorBracketPairGuide.activeBackground2#e9a0f8bf
  • editorBracketPairGuide.activeBackground3#b794f7bf
  • editorBracketPairGuide.activeBackground4#f99cbbbf
  • editorBracketPairGuide.activeBackground5#7d9dffbf
  • editorBracketPairGuide.activeBackground6#ff83cabf
  • editorBracketPairGuide.background1#ffa3d899
  • editorBracketPairGuide.background2#e9a0f899
  • editorBracketPairGuide.background3#b794f799
  • editorBracketPairGuide.background4#f99cbb99
  • editorBracketPairGuide.background5#7d9dff99
  • editorBracketPairGuide.background6#ff83ca99
  • editorCodeLens.foreground#A0A0C2
  • editorCommentsWidget.rangeActiveBackground#8faafb40
  • editorCommentsWidget.rangeBackground#8faafb26
  • editorCursor.background#ffd6a7
  • editorCursor.foreground#E3D5FB
  • editorError.foreground#F56C9A
  • editorGhostText.foreground#E3D5FB
  • editorGroup.border#2B2C45
  • editorGroup.dropBackground#1c1d2dcc
  • editorGroup.emptyBackground#202133
  • editorGroup.focusedEmptyBorder#2B2C45
  • editorGroupHeader.noTabsBackground#202133
  • editorGroupHeader.tabsBackground#202133
  • editorGroupHeader.tabsBorder#2B2C45
  • editorGutter.addedBackground#05df7299
  • editorGutter.background#202133
  • editorGutter.commentRangeForeground#7F7FAC
  • editorGutter.deletedBackground#f4598e99
  • editorGutter.modifiedBackground#ffb86a99
  • editorHint.foreground#F1C0FB
  • editorHoverWidget.background#27283F
  • editorHoverWidget.border#3F3F64
  • editorHoverWidget.foreground#E3D5FB
  • editorIndentGuide.activeBackground1#A0A0C2
  • editorIndentGuide.background1#27283F
  • editorInfo.foreground#00d3f2
  • editorInlayHint.background#27283f8c
  • editorInlayHint.foreground#7F7FAC
  • editorInlayHint.parameterBackground#27283f8c
  • editorInlayHint.parameterForeground#7F7FAC
  • editorInlayHint.typeBackground#27283f8c
  • editorInlayHint.typeForeground#7F7FAC
  • editorLineNumber.activeForeground#E3D5FB
  • editorLineNumber.dimmedForeground#5E5E97
  • editorLineNumber.foreground#5E5E97
  • editorLink.activeForeground#A0A0C2
  • editorMarkerNavigation.background#202133
  • editorMarkerNavigationError.background#f77fa733
  • editorMarkerNavigationInfo.background#53eafd33
  • editorMarkerNavigationWarning.background#ffe2be33
  • editorMinimap.inlineChatInserted#05df72
  • editorOverviewRuler.addedForeground#05df72
  • editorOverviewRuler.border#24253980
  • editorOverviewRuler.bracketMatchForeground#F1C0FB
  • editorOverviewRuler.commonContentForeground#A0A0C2
  • editorOverviewRuler.currentContentForeground#8FAAFB
  • editorOverviewRuler.deletedForeground#F4598E
  • editorOverviewRuler.errorForeground#F56C9A
  • editorOverviewRuler.findMatchForeground#a0a0c299
  • editorOverviewRuler.incomingContentForeground#9AF5BC
  • editorOverviewRuler.infoForeground#00d3f2
  • editorOverviewRuler.inlineChatInserted#05df72
  • editorOverviewRuler.inlineChatRemoved#F4598E
  • editorOverviewRuler.modifiedForeground#ffb86a
  • editorOverviewRuler.rangeHighlightForeground#ecaef940
  • editorOverviewRuler.selectionHighlightForeground#ecaef940
  • editorOverviewRuler.warningForeground#ffd6a7
  • editorOverviewRuler.wordHighlightForeground#ffaddc99
  • editorOverviewRuler.wordHighlightStrongForeground#ffaddc99
  • editorOverviewRuler.wordHighlightTextForeground#ecaef940
  • editorPane.background#202133
  • editorRuler.foreground#1C1D2D
  • editorStickyScroll.background#202133
  • editorStickyScroll.border#27283F
  • editorStickyScroll.shadow#1c1d2d40
  • editorStickyScrollHover.background#56568a80
  • editorSuggestWidget.background#27283F
  • editorSuggestWidget.border#27283F
  • editorSuggestWidget.foreground#E3D5FB
  • editorSuggestWidget.highlightForeground#A0A0C2
  • editorSuggestWidget.selectedBackground#27283F
  • editorUnnecessaryCode.opacity#e3d5fbcc
  • editorWarning.foreground#ffd6a7
  • editorWhitespace.foreground#5E5E97
  • editorWidget.background#27283F
  • editorWidget.border#2B2C45
  • editorWidget.foreground#E3D5FB
  • editorWidget.resizeBorder#2B2C45
  • errorForeground#F56C9A
  • extensionBadge.remoteBackground#00b8db
  • extensionBadge.remoteForeground#1C1D2D
  • extensionButton.background#2F2F4B
  • extensionButton.border#2B2C45
  • extensionButton.foreground#B0B0CC
  • extensionButton.hoverBackground#2F2F4B
  • extensionButton.prominentBackground#FFA3D8
  • extensionButton.prominentForeground#202133
  • extensionButton.prominentHoverBackground#FFA3D8
  • extensionButton.separator#27283F
  • extensionIcon.preReleaseForeground#ECAEF9
  • extensionIcon.privateForeground#7F7FAC
  • extensionIcon.sponsorForeground#FFADDC
  • extensionIcon.starForeground#ffd6a7
  • extensionIcon.verifiedForeground#00d3f2
  • focusBorder#FFC2E4
  • foreground#A0A0C2
  • gauge.background#53eafd4d
  • gauge.border#2B2C45
  • gauge.errorBackground#f77fa74d
  • gauge.errorForeground#F56C9A
  • gauge.foreground#00d3f2
  • gauge.warningBackground#ffe2be4d
  • gauge.warningForeground#ffd6a7
  • gitDecoration.addedResourceForeground#05df72
  • gitDecoration.conflictingResourceForeground#F23E7B
  • gitDecoration.deletedResourceForeground#F4598E
  • gitDecoration.ignoredResourceForeground#8f8fb780
  • gitDecoration.modifiedResourceForeground#ffb86a
  • gitDecoration.renamedResourceForeground#bbf451
  • gitDecoration.stageDeletedResourceForeground#F4598E
  • gitDecoration.stageModifiedResourceForeground#ffb86a
  • gitDecoration.submoduleResourceForeground#00d3f2
  • gitDecoration.untrackedResourceForeground#7bf1a8
  • icon.foreground#7F7FAC
  • inlineChat.background#202133
  • inlineChat.border#27283F
  • inlineChat.foreground#A0A0C2
  • inlineChat.shadow#1c1d2d80
  • inlineChatDiff.inserted#05df7233
  • inlineChatDiff.removed#f4598e33
  • inlineChatInput.background#202133
  • inlineChatInput.border#2B2C45
  • inlineChatInput.focusBorder#8FAAFB
  • inlineChatInput.placeholderForeground#7F7FAC
  • input.background#202133
  • input.border#2B2C45
  • input.foreground#E3D5FB
  • input.placeholderForeground#7F7FAC
  • inputOption.activeBackground#8faafb80
  • inputOption.activeBorder#8FAAFB
  • inputOption.activeForeground#E3D5FB
  • inputValidation.errorBackground#F4598E
  • inputValidation.errorBorder#F4598E
  • inputValidation.errorForeground#1C1D2D
  • inputValidation.infoBackground#00b8db
  • inputValidation.infoBorder#00b8db
  • inputValidation.infoForeground#1C1D2D
  • inputValidation.warningBackground#FFC789
  • inputValidation.warningBorder#FFC789
  • inputValidation.warningForeground#1C1D2D
  • interactive.activeCodeBorder#8FAAFB
  • interactive.inactiveCodeBorder#2B2C45
  • keybindingLabel.foreground#A0A0C2
  • list.activeSelectionBackground#373758
  • list.activeSelectionForeground#E3D5FB
  • list.activeSelectionIconForeground#E3D5FB
  • list.dropBackground#373758
  • list.errorForeground#F56C9A
  • list.filterMatchBackground#27283F
  • list.filterMatchBorder#2B2C45
  • list.focusBackground#373758
  • list.focusForeground#E3D5FB
  • list.focusOutline#373758
  • list.highlightForeground#A0A0C2
  • list.hoverBackground#373758
  • list.hoverForeground#E3D5FB
  • list.inactiveFocusBackground#373758
  • list.inactiveSelectionBackground#373758
  • list.inactiveSelectionForeground#E3D5FB
  • list.invalidItemForeground#F56C9A
  • list.warningForeground#ffd6a7
  • listFilterWidget.background#27283F
  • listFilterWidget.noMatchesOutline#F56C9A
  • listFilterWidget.outline#27283F
  • mcpIcon.starForeground#ffd6a7
  • menu.background#27283F
  • menu.border#2B2C45
  • menu.foreground#E3D5FB
  • menu.selectionBackground#373758
  • menu.selectionBorder#27283F
  • menu.selectionForeground#E3D5FB
  • menu.separatorBackground#A0A0C2
  • menubar.selectionBackground#373758
  • menubar.selectionBorder#27283F
  • menubar.selectionForeground#E3D5FB
  • merge.border#2B2C45
  • merge.commonContentBackground#1c1d2d1a
  • merge.commonHeaderBackground#1c1d2d33
  • merge.currentContentBackground#ecaef933
  • merge.currentHeaderBackground#8faafb33
  • merge.incomingContentBackground#b9f8cf1a
  • merge.incomingHeaderBackground#b9f8cf33
  • minimap.chatEditHighlight#8FAAFB
  • minimap.errorHighlight#F56C9A
  • minimap.findMatchHighlight#a0a0c299
  • minimap.infoHighlight#00d3f2
  • minimap.selectionHighlight#f1c0fb40
  • minimap.selectionOccurrenceHighlight#f1c0fb40
  • minimap.warningHighlight#ffd6a7
  • minimapGutter.addedBackground#05df72
  • minimapGutter.deletedBackground#F4598E
  • minimapGutter.modifiedBackground#ffb86a
  • minimapSlider.activeBackground#56568a8c
  • minimapSlider.background#56568a80
  • minimapSlider.hoverBackground#56568a8c
  • modernActivityBar.border#27283F
  • modernActivityBarItem.activeBackground#ffaddc33
  • modernActivityBarItem.activeForeground#1C1D2D
  • modernActivityBarItem.hoverBackground#ffaddc26
  • modernActivityBarItem.hoverForeground#1C1D2D
  • notebook.symbolHighlightBackground#27283f26
  • notificationCenter.border#27283F
  • notificationCenterHeader.background#1C1D2D
  • notificationCenterHeader.foreground#A0A0C2
  • notificationLink.foreground#A0A0C2
  • notifications.background#27283F
  • notifications.border#27283F
  • notifications.foreground#A0A0C2
  • notificationsErrorIcon.foreground#F56C9A
  • notificationsInfoIcon.foreground#00d3f2
  • notificationsWarningIcon.foreground#ffd6a7
  • notificationToast.border#27283F
  • panel.background#1C1D2D
  • panel.border#27283F
  • panelInput.border#27283F
  • panelTitle.activeBorder#2B2C45
  • panelTitle.activeForeground#E3D5FB
  • panelTitle.inactiveForeground#A0A0C2
  • peekView.border#FFADDC
  • peekViewEditor.background#1C1D2D
  • peekViewEditor.matchHighlightBackground#ecaef940
  • peekViewEditor.matchHighlightBorder#ecaef908
  • peekViewEditorGutter.background#1C1D2D
  • peekViewResult.background#1C1D2D
  • peekViewResult.fileForeground#7F7FAC
  • peekViewResult.lineForeground#7F7FAC
  • peekViewResult.matchHighlightBackground#ecaef940
  • peekViewResult.selectionBackground#f1c0fb40
  • peekViewResult.selectionForeground#E3D5FB
  • peekViewTitle.background#1C1D2D
  • peekViewTitleDescription.foreground#7F7FAC
  • peekViewTitleLabel.foreground#E3D5FB
  • pickerGroup.border#3F3F64
  • pickerGroup.foreground#5E5E97
  • ports.iconRunningProcessForeground#9AF5BC
  • progressBar.background#FFADDC
  • quickInput.background#27283F
  • quickInput.border#2B2C45
  • quickInput.foreground#A0A0C2
  • quickInputList.focusBackground#373758
  • quickInputList.focusForeground#E3D5FB
  • quickInputList.focusHighlightForeground#FF99D3
  • quickInputList.focusIconForeground#E3D5FB
  • quickInputList.hoverBackground#373758
  • quickInputTitle.background#27283F
  • radio.activeBackground#27283F
  • radio.activeBorder#3F3F64
  • radio.activeForeground#A0A0C2
  • radio.inactiveBackground#27283F
  • radio.inactiveBorder#3F3F64
  • radio.inactiveForeground#7F7FAC
  • radio.inactiveHoverBackground#27283F
  • sash.hoverBorder#2F2F4B
  • scrollbar.shadow#202133
  • scrollbarSlider.activeBackground#56568a8c
  • scrollbarSlider.background#56568a80
  • scrollbarSlider.hoverBackground#56568a8c
  • searchEditor.findMatchBackground#27283F
  • searchEditor.findMatchBorder#2B2C45
  • selection.background#373758
  • settings.checkboxBackground#27283F
  • settings.checkboxBorder#27283F
  • settings.checkboxForeground#A0A0C2
  • settings.dropdownBackground#1C1D2D
  • settings.dropdownBorder#27283F
  • settings.dropdownForeground#A0A0C2
  • settings.dropdownListBorder#27283F
  • settings.headerForeground#E3D5FB
  • settings.modifiedItemIndicator#A0A0C2
  • settings.numberInputBackground#1C1D2D
  • settings.numberInputBorder#27283F
  • settings.numberInputForeground#A0A0C2
  • settings.textInputBackground#1C1D2D
  • settings.textInputBorder#27283F
  • settings.textInputForeground#A0A0C2
  • sideBar.background#1C1D2D
  • sideBar.border#27283F
  • sideBar.dropBackground#27283fcc
  • sideBar.foreground#7F7FAC
  • sideBarSectionHeader.background#1C1D2D
  • sideBarSectionHeader.border#242539
  • sideBarSectionHeader.foreground#7F7FAC
  • sideBarStickyScroll.background#1C1D2D
  • sideBarStickyScroll.border#1C1D2D
  • sideBarStickyScroll.shadow#1C1D2D
  • sideBarTitle.foreground#7F7FAC
  • statusBar.background#202133
  • statusBar.border#2B2C45
  • statusBar.debuggingBackground#FFA3D8
  • statusBar.debuggingBorder#2B2C45
  • statusBar.debuggingForeground#1C1D2D
  • statusBar.focusBorder#ffaddc80
  • statusBar.foreground#7F7FAC
  • statusBar.noFolderBackground#202133
  • statusBar.noFolderBorder#2B2C45
  • statusBar.noFolderForeground#7F7FAC
  • statusBarItem.activeBackground#27283F
  • statusBarItem.focusBorder#FFADDC
  • statusBarItem.hoverBackground#27283F
  • statusBarItem.hoverForeground#E3D5FB
  • statusBarItem.prominentBackground#27283F
  • statusBarItem.prominentForeground#1C1D2D
  • statusBarItem.prominentHoverBackground#27283F
  • statusBarItem.remoteBackground#27283F
  • statusBarItem.remoteForeground#A0A0C2
  • surface.border#27283F
  • symbolIcon.arrayForeground#FFE2BE
  • symbolIcon.booleanForeground#8FAAFB
  • symbolIcon.classForeground#FFE2BE
  • symbolIcon.colorForeground#FF99D3
  • symbolIcon.constantForeground#9AF5BC
  • symbolIcon.constructorForeground#F1C0FB
  • symbolIcon.enumeratorForeground#FFE2BE
  • symbolIcon.enumeratorMemberForeground#8FAAFB
  • symbolIcon.eventForeground#5E5E97
  • symbolIcon.fieldForeground#FFE2BE
  • symbolIcon.fileForeground#FFE2BE
  • symbolIcon.folderForeground#FFE2BE
  • symbolIcon.functionForeground#F1C0FB
  • symbolIcon.interfaceForeground#FFE2BE
  • symbolIcon.keyForeground#8FAAFB
  • symbolIcon.keywordForeground#BB9AF7
  • symbolIcon.methodForeground#F1C0FB
  • symbolIcon.moduleForeground#EFBAFA
  • symbolIcon.namespaceForeground#EFBAFA
  • symbolIcon.nullForeground#8FAAFB
  • symbolIcon.numberForeground#9AF5BC
  • symbolIcon.objectForeground#FFE2BE
  • symbolIcon.operatorForeground#FF99D3
  • symbolIcon.packageForeground#FFE2BE
  • symbolIcon.propertyForeground#FFE2BE
  • symbolIcon.referenceForeground#8FAAFB
  • symbolIcon.snippetForeground#8FAAFB
  • symbolIcon.stringForeground#FF99D3
  • symbolIcon.structForeground#FFE2BE
  • symbolIcon.textForeground#FF99D3
  • symbolIcon.typeParameterForeground#FF99D3
  • symbolIcon.unitForeground#8FAAFB
  • symbolIcon.variableForeground#FFE2BE
  • tab.activeBackground#202133
  • tab.activeBorder#2B2C45
  • tab.activeBorderTop#2B2C45
  • tab.activeForeground#E3D5FB
  • tab.activeModifiedBorder#2B2C45
  • tab.border#2B2C45
  • tab.hoverBackground#202133
  • tab.hoverForeground#E3D5FB
  • tab.inactiveBackground#202133
  • tab.inactiveForeground#7F7FAC
  • tab.inactiveModifiedBorder#2B2C45
  • tab.lastPinnedBorder#2B2C45
  • tab.selectedBackground#27283F
  • tab.selectedBorderTop#FFADDC
  • tab.selectedForeground#E3D5FB
  • tab.unfocusedActiveBackground#202133
  • tab.unfocusedActiveBorder#2B2C45
  • tab.unfocusedActiveBorderTop#2B2C45
  • tab.unfocusedActiveForeground#E3D5FB
  • tab.unfocusedActiveModifiedBorder#2B2C45
  • tab.unfocusedHoverBackground#202133
  • tab.unfocusedHoverBorder#2B2C45
  • tab.unfocusedInactiveBackground#202133
  • tab.unfocusedInactiveForeground#7F7FAC
  • tab.unfocusedInactiveModifiedBorder#2B2C45
  • terminal.ansiBlack#2F2F4B
  • terminal.ansiBlue#7D9DFF
  • terminal.ansiBrightBlack#4F4F7D
  • terminal.ansiBrightBlue#a0b7f6
  • terminal.ansiBrightCyan#53eafd
  • terminal.ansiBrightGreen#7bf1a8
  • terminal.ansiBrightMagenta#EEB4FA
  • terminal.ansiBrightRed#F9A5C2
  • terminal.ansiBrightWhite#E2E2EC
  • terminal.ansiBrightYellow#fee685
  • terminal.ansiCyan#00b8db
  • terminal.ansiGreen#03D461
  • terminal.ansiMagenta#EAA4F8
  • terminal.ansiRed#F4598E
  • terminal.ansiWhite#B0B0CC
  • terminal.ansiYellow#ffba00
  • terminal.background#1C1D2D
  • terminal.border#27283F
  • terminal.findMatchBackground#27283f8c
  • terminal.findMatchBorder#2B2C45
  • terminal.findMatchHighlightBackground#27283f8c
  • terminal.foreground#E3D5FB
  • terminal.inactiveSelectionBackground#ecaef920
  • terminal.selectionBackground#ecaef980
  • terminal.tab.activeBorder#FFADDC
  • terminalCursor.background#1C1D2D
  • terminalCursor.foreground#E3D5FB
  • testing.iconErrored#F56C9A
  • testing.iconFailed#F56C9A
  • testing.iconPassed#9AF5BC
  • testing.iconQueued#A0A0C2
  • testing.iconSkipped#ffd6a7
  • testing.iconUnset#7F7FAC
  • testing.message.info.decorationForeground#00d3f2
  • testing.peekBorder#27283F
  • testing.peekHeaderBackground#202133
  • testing.runAction#7bf1a8
  • textBlockQuote.background#1C1D2D
  • textBlockQuote.border#8faafb80
  • textCodeBlock.background#202133
  • textLink.activeForeground#FFADDC
  • textLink.foreground#FFADDC
  • textPreformat.background#202133
  • textPreformat.foreground#8FAAFB
  • textSeparator.foreground#A0A0C2
  • titleBar.activeBackground#202133
  • titleBar.activeForeground#7F7FAC
  • titleBar.border#27283F
  • titleBar.inactiveBackground#1C1D2D
  • titleBar.inactiveForeground#5E5E97
  • toolbar.activeBackground#373758
  • toolbar.hoverBackground#373758
  • toolbar.hoverOutline#2B2C45
  • tree.indentGuidesStroke#2B2C45
  • walkThrough.embeddedEditorBackground#202133
  • welcomePage.background#202133
  • welcomePage.progress.foreground#FFADDC
  • welcomePage.tileBackground#27283F
  • welcomePage.tileHoverBackground#27283F
  • widget.border#2B2C45
  • widget.shadow#1c1d2d80

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
italic, markup.italic.markdown#BB9AF7italic
bold, markup.bold.markdown#BB9AF7bold
comment, comment.line.double-slash#56568Aitalic
keyword.control, storage.modifieritalic
entity.name.function.decorator.python#FFB8E0italic
variable.language#D9C6FAitalic
markup.changed, meta.diff.header.git, meta.diff.header.from-file, meta.diff.header.to-file#8FAAFB
markup.deleted.diff#F77FA7
markup.inserted.diff#F99CBB
string#FFC2E4
string.quoted#FFC2E4
support.constant.math#D3BDFA
constant.numeric, constant.character.numeric#F99CBB
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#F99CBB
constant.language, punctuation.definition.constant#D3BDFA
constant.character, constant.other#D9C6FA
constant.language.null, constant.language.undefined#F77FA7
constant.character.escape#BB9AF7
string.regexp, string.regexp keyword.other#8FAAFB
meta.function punctuation.separator.comma#B794F7
variable#D3BDFA
punctuation.accessor#B794F7
keyword#BB9AF7
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#EFBAFA
entity.other.inherited-class#EFBAFA
punctuation.definition.tag, meta.tag#B794F7
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#FFA3D8
entity.name.tag.custom#D3BDFA
support.constant.meta.property-value#D9C6FA
support.type, support.class#EFBAFA
entity.name.type, entity.name.namespace, entity.name.module#EFBAFA
support.variable.dom#D3BDFA
invalid#F77FA7
invalid.deprecated#F77FA7
keyword.operator#BB9AF7
keyword.operator.new#BB9AF7
keyword.operator.relational#BB9AF7
keyword.operator.arithmetic#BB9AF7
keyword.operator.bitwise#BB9AF7
keyword.operator.increment#BB9AF7
keyword.operator.ternary#BB9AF7
object#EFBAFA
meta.brace#B794F7
meta.delimiter.period#B794F7
constant.language.boolean#F77FA7
object.comma#B794F7
variable.parameter.function#EFBAFA
support.type.vendor.property-name, support.type.property-name#D9C6FA
support.constant.vendor.property-value, meta.property-list entity.name.tag#EFBAFA
meta.property-list entity.name.tag.reference#D9C6FA
constant.other.color.rgb-value punctuation.definition.constant#BB9AF7
constant.other.color#FFC2E4
keyword.other.unit#F99CBB
meta.selector#BB9AF7
entity.other.attribute-name.id#FFA3D8
meta.property-name#D9C6FA
entity.name.tag.doctype, meta.tag.sgml.doctype#BB9AF7
punctuation.definition.parameters#B794F7
punctuation.definition.string#FFC2E4
keyword.control.operator#BB9AF7
keyword.operator.logical#BB9AF7
variable.instance, variable.other.instance, variable.readwrite.instance, variable.other.readwrite.instance#D3BDFA
entity.name.function#8FAAFB
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#BB9AF7
keyword.control.import.js, keyword.control.import.ts, keyword.control.import.tsx, keyword.control.from.js, keyword.control.from.ts, keyword.control.from.tsx#BB9AF7
keyword.control.conditional.js, keyword.control.conditional.ts, keyword.control.switch.js, keyword.control.switch.ts#BB9AF7
support.constant#D9C6FA
keyword.other.special-method, keyword.other.new, keyword.other.debugger, keyword.other#FFA3D8
support.function#8FAAFB
invalid.broken#F77FA7
invalid.unimplemented#F77FA7
invalid.illegal#F77FA7
support.variable.property#D9C6FA
variable.function#8FAAFB
variable.interpolation#D9C6FA
meta.function-call#8FAAFB
meta.array, meta.object#EFBAFA
punctuation.section.embedded#BB9AF7
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#B794F7
punctuation.definition.list.begin, punctuation.definition.list.end, punctuation.separator.arguments, punctuation.definition.list#B794F7
string.template meta.template.expression#BB9AF7
string.template punctuation.definition.string#FFC2E4
quote#56568A
raw#56568A
variable.parameter.function.coffee#D3BDFA
variable.assignment.coffee#D3BDFA
variable.other.readwrite.cs#D3BDFA
entity.name.type.class.cs, storage.type.cs#8FAAFB
entity.name.type.namespace.cs#D3BDFA
entity.name.tag.css, entity.name.tag.custom.css, support.constant.property-value.css#EFBAFA
entity.name.tag.wildcard.css, entity.name.tag.wildcard.less, entity.name.tag.wildcard.scss, entity.name.tag.wildcard.sass#FFA3D8
meta.attribute-selector.css entity.other.attribute-name.attribute#EFBAFA
source.elixir support.type.elixir, source.elixir meta.module.elixir entity.name.class.elixir#8FAAFB
source.elixir entity.name.function#BB9AF7
source.elixir constant.other.symbol.elixir, source.elixir constant.other.keywords.elixir#8FAAFB
source.elixir punctuation.definition.string#FFC2E4
source.elixir variable.other.readwrite.module.elixir, source.elixir variable.other.readwrite.module.elixir punctuation.definition.variable.elixir#BB9AF7
source.elixir punctuation.binary.elixir#BB9AF7
constant.keyword.clojure#D9C6FA
source.go meta.function-call.go#8FAAFB
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#BB9AF7
source.go constant.language.go#F77FA7
source.go constant.other.placeholder.go#D9C6FA
entity.name.function.preprocessor.cpp, entity.scope.name.cpp#D9C6FA
meta.namespace-block.cpp#ffd6a7
storage.type.language.primitive.cpp#EFBAFA
meta.preprocessor.macro.cpp#D3BDFA
variable.other.readwrite.powershell#8FAAFB
support.function.powershell#D9C6FA
entity.other.attribute-name.id.html#BB9AF7
punctuation.definition.tag.html#B794F7
meta.tag.sgml.doctype.html#BB9AF7
variable.other.readwrite.alias.js#D3BDFA
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#D9C6FA
meta.object-literal.key.js#D9C6FA
meta.decorator punctuation.decorator.js#FFB8E0
variable.parameter.js, variable.parameter.function.js#EFBAFA
variable.other.constant.js, variable.other.constant.object.js, variable.other.enummember.js#D9C6FA
variable.other.constant.property.js, variable.other.constant.object.property.js#D9C6FA
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#D9C6FA
variable.other.readwrite.alias.jsx#D3BDFA
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#D9C6FA
meta.object-literal.key.jsx#D9C6FA
meta.decorator punctuation.decorator.jsx#FFB8E0
variable.parameter.jsx, variable.parameter.function.jsx#EFBAFA
variable.other.constant.jsx, variable.other.constant.object.jsx, variable.other.enummember.jsx#D9C6FA
variable.other.constant.property.jsx, variable.other.constant.object.property.jsx#D9C6FA
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#D9C6FA
variable.other.readwrite.alias.ts#D3BDFA
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#D9C6FA
meta.object-literal.key.ts#D9C6FA
meta.decorator punctuation.decorator.ts#FFB8E0
variable.parameter.ts, variable.parameter.function.ts#EFBAFA
variable.other.constant.ts, variable.other.constant.object.ts, variable.other.enummember.ts#D9C6FA
variable.other.constant.property.ts, variable.other.constant.object.property.ts#D9C6FA
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#D9C6FA
variable.other.readwrite.alias.tsx#D3BDFA
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#D9C6FA
meta.object-literal.key.tsx#D9C6FA
meta.decorator punctuation.decorator.tsx#FFB8E0
variable.parameter.tsx, variable.parameter.function.tsx#EFBAFA
variable.other.constant.tsx, variable.other.constant.object.tsx, variable.other.enummember.tsx#D9C6FA
variable.other.constant.property.tsx, variable.other.constant.object.property.tsx#D9C6FA
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#D9C6FA
meta.method.declaration storage.type.js, meta.method.declaration storage.type.ts, meta.method.declaration storage.type.tsx#FFA3D8
terminator.js#B794F7
meta.js punctuation.definition.js#B794F7
punctuation.definition.block.tag.jsdoc#B794F7
storage.type.class.jsdoc#FFA3D8
constant.language.access-type.jsdoc#FFA3D8
constant.language.symbol-type.jsdoc#BB9AF7
punctuation.definition.bracket.angle.begin.jsdoc, punctuation.definition.bracket.angle.end.jsdoc#B794F7
keyword.operator.control.jsdoc#BB9AF7
entity.name.tag.inline.jsdoc#FFA3D8
entity.name.type.instance.jsdoc, entity.name.type.instance.phpdoc#EFBAFA
variable.other.jsdoc, variable.other.phpdoc#D3BDFA
variable.other.meta.import.js, meta.import.js variable.other, variable.other.meta.export.js, meta.export.js variable.other#D3BDFA
variable.other.object.jsx#D3BDFA
variable.object.property.jsx#D9C6FA
variable.js, variable.other.js#D3BDFA
entity.name.type.js, entity.name.type.module.js#EFBAFA
support.constant.json#D3BDFA
meta.structure.dictionary.value.json string.quoted.double, string.quoted.double.json.comments, string.quoted.double.json punctuation.definition.string.json#FFC2E4
punctuation.definition.dictionary.begin.json, punctuation.definition.dictionary.end.json#B794F7
meta.structure.dictionary.json meta.structure.dictionary.value constant.language#F77FA7
variable.other.object.js#D3BDFA
variable.other.ruby#D3BDFA
entity.name.type.class.ruby#EFBAFA
constant.language.symbol.hashkey.ruby#D9C6FA
constant.language.symbol.ruby#D9C6FA
entity.name.tag.less#FFA3D8
keyword.other.unit.css#F99CBB
meta.attribute-selector.less entity.other.attribute-name.attribute#FFA3D8
markup.heading.markdown, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#8FAAFB
markup.quote.markdown#56568A
markup.inline.raw.markdown#56568A
markup.underline.link.markdown, markup.underline.link.image.markdown#8FAAFB
string.other.link.title.markdown, string.other.link.description.markdown#D3BDFA
punctuation.definition.string.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, meta.link.inline.markdown punctuation.definition.string#8FAAFB
punctuation.definition.metadata.markdown#B794F7
beginning.punctuation.definition.list.markdown#8FAAFB
markup.inline.raw.string.markdown#BB9AF7
variable.other.php#D3BDFA
variable.other.property.php#D9C6FA
support.class.php#ffd6a7
meta.function-call.php punctuation#D3BDFA
variable.other.global.php#BB9AF7
variable.other.global.php punctuation.definition.variable#BB9AF7
constant.language.python#F77FA7
variable.parameter.function.python#EFBAFA
meta.function-call.python, meta.function-call.generic.python#8FAAFB
punctuation.python#B794F7
source.python variable.language.special#8FAAFB
variable.scss, variable.sass, variable.parameter.url.scss, variable.parameter.url.sass#BB9AF7
source.css.scss meta.at-rule variable, source.css.sass meta.at-rule variable#D3BDFA
meta.attribute-selector.scss entity.other.attribute-name.attribute, meta.attribute-selector.sass entity.other.attribute-name.attribute#FFA3D8
entity.name.tag.scss, entity.name.tag.sass#FFA3D8
keyword.other.unit.scss, keyword.other.unit.sass#F99CBB
constant.other.table-name.sql, constant.other.database-name.sql#EFBAFA
entity.name.command.shell, entity.name.function.shell#8FAAFB
support.function.shell#D9C6FA
variable.other.assignment.shell#D9C6FA
constant.other.option.shell#D9C6FA
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#D3BDFA
variable.object.property.ts, variable.object.property.tsx#D9C6FA
punctuation.definition.binding-pattern.object#B794F7
punctuation.definition.binding-pattern.array#B794F7
punctuation.definition.typeparameters.begin.ts, punctuation.definition.typeparameters.end.ts, punctuation.definition.typeparameters.begin.tsx, punctuation.definition.typeparameters.end.tsx#B794F7
entity.name.type.ts, entity.name.type.tsx, entity.name.type.module.tsx#EFBAFA
meta.type.parameters.ts entity.name.type, meta.type.parameters.tsx entity.name.type#EFBAFA
meta.import.ts punctuation.definition.block, meta.import.tsx punctuation.definition.block, meta.export.ts punctuation.definition.block, meta.export.tsx punctuation.definition.block#B794F7
entity.name.tag.yaml#D9C6FA
variable.other.anchor.yaml#D9C6FA
variable.other.alias.yaml#D3BDFA
punctuation.definition.anchor.yaml#B794F7
entity.name.type.anchor.yaml#EFBAFA
support.class.component, support.class.component.tsx#FF83CA
meta.class entity.name.type.class.tsx#EFBAFA
keyword.operator.type.annotation#BB9AF7
variable.parameter#EFBAFA
variable.other.property#D9C6FA
variable.other.object.property#D9C6FA
variable.other.readwrite.alias#EFBAFA
variable.other.readwrite.js#D3BDFA
meta.jsx.children, meta.jsx.children.js, meta.jsx.children.tsx#E3D5FB
variable.other.constant#EFBAFA
variable.object.property.js#D9C6FA
constant.numeric.decimal#F99CBB
constant.language.boolean.true, constant.language.boolean.false#F77FA7
string.quoted.single#FFC2E4
string.quoted.double#FFC2E4
entity.other.attribute-name#BB9AF7
keyword.control.conditional#BB9AF7
meta.brace.round#B794F7
meta.brace.square#B794F7
punctuation.separator.comma#B794F7
punctuation.definition.string.begin#FFC2E4
punctuation.definition.string.end#FFC2E4
punctuation.terminator.statement, punctuation.terminator.rule.scss#B794F7
keyword.operator.assignment#BB9AF7
punctuation.section.embedded.begin#BB9AF7
punctuation.section.embedded.end#BB9AF7
support.class.console#EFBAFA
support.class.component.js#FF83CA
punctuation.definition.tag.begin#B794F7
punctuation.definition.template-expression.begin#B794F7
punctuation.definition.template-expression.end#B794F7
string.template#FFC2E4
punctuation.definition.string.template.begin#FFC2E4
punctuation.definition.string.template.end#FFC2E4
punctuation.definition.tag.end#B794F7
entity.name.tag.js#FFA3D8
support.type.property-name.json, support.type.property-name.json.comments#D9C6FA
punctuation.definition.parameters.begin#B794F7
punctuation.definition.parameters.end#B794F7
punctuation.definition.block#B794F7
token.info-token#8FAAFB
token.warn-token#ffd6a7
token.error-token#F77FA7
token.debug-token#BB9AF7