Mimika
Publisher: VK007Themes in package: 3
Mimika's own palette as a VS Code theme. Ember orange on near-black, lifted from the Mimika CLI and control UI. Three variants, contrast-verified.
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#ff74451a
- activityBar.activeBorder#ff7445
- activityBar.activeFocusBorder#ff9a65
- activityBar.background#0a0b0e
- activityBar.border#23262e
- activityBar.dropBorder#ff7445
- activityBar.foreground#ff7445
- activityBar.inactiveForeground#6b7280
- activityBarBadge.background#ff7445
- activityBarBadge.foreground#1b0c04
- activityBarTop.activeBorder#ff7445
- activityBarTop.dropBorder#ff7445
- activityBarTop.foreground#ff7445
- activityBarTop.inactiveForeground#6b7280
- badge.background#ff7445
- badge.foreground#1b0c04
- banner.background#191c22
- banner.foreground#eceef2
- banner.iconForeground#ff7445
- breadcrumb.activeSelectionForeground#ff7445
- breadcrumb.background#0c0d10
- breadcrumb.focusForeground#eceef2
- breadcrumb.foreground#6b7280
- breadcrumbPicker.background#191c22
- button.background#ff7445
- button.foreground#1b0c04
- button.hoverBackground#ff9a65
- button.secondaryBackground#191c22
- button.secondaryForeground#eceef2
- button.secondaryHoverBackground#333844
- button.separator#1b0c0459
- charts.blue#72b7ff
- charts.foreground#eceef2
- charts.green#4ec78f
- charts.lines#23262e
- charts.orange#ff7445
- charts.purple#be91ff
- charts.red#f26d84
- charts.yellow#f0c15e
- chat.avatarBackground#191c22
- chat.avatarForeground#ff7445
- chat.requestBorder#23262e
- chat.slashCommandBackground#ff74451f
- chat.slashCommandForeground#ffd0bb
- checkbox.background#14161b
- checkbox.border#333844
- checkbox.foreground#ff7445
- checkbox.selectBackground#191c22
- checkbox.selectBorder#ff744573
- commandCenter.activeBackground#191c22
- commandCenter.activeBorder#ff744573
- commandCenter.activeForeground#eceef2
- commandCenter.background#0a0b0e
- commandCenter.border#23262e
- commandCenter.foreground#9aa1ae
- commandCenter.inactiveBorder#23262e
- commandCenter.inactiveForeground#6b7280
- debugConsole.errorForeground#f26d84
- debugConsole.infoForeground#72b7ff
- debugConsole.sourceForeground#9aa1ae
- debugConsole.warningForeground#f0c15e
- debugConsoleInputIcon.foreground#ff7445
- debugExceptionWidget.background#191c22
- debugExceptionWidget.border#f26d84
- debugIcon.breakpointCurrentStackframeForeground#ffc470
- debugIcon.breakpointDisabledForeground#f26d8466
- debugIcon.breakpointForeground#f26d84
- debugIcon.breakpointStackframeForeground#ff7445
- debugIcon.breakpointUnverifiedForeground#6b7280
- debugIcon.continueForeground#ff7445
- debugIcon.disconnectForeground#f26d84
- debugIcon.pauseForeground#72b7ff
- debugIcon.restartForeground#4ec78f
- debugIcon.startForeground#4ec78f
- debugIcon.stepBackForeground#ff7445
- debugIcon.stepIntoForeground#ff7445
- debugIcon.stepOutForeground#ff7445
- debugIcon.stepOverForeground#ff7445
- debugIcon.stopForeground#f26d84
- debugTokenExpression.boolean#be91ff
- debugTokenExpression.error#f26d84
- debugTokenExpression.name#00b8ff
- debugTokenExpression.number#be91ff
- debugTokenExpression.string#4ec78f
- debugTokenExpression.value#9aa1ae
- debugToolBar.background#191c22
- debugToolBar.border#23262e
- debugView.exceptionLabelBackground#f26d8433
- debugView.exceptionLabelForeground#eceef2
- debugView.stateLabelBackground#ff74451f
- debugView.stateLabelForeground#eceef2
- debugView.valueChangedHighlight#ff7445
- descriptionForeground#9aa1ae
- diffEditor.border#23262e
- diffEditor.diagonalFill#23262e
- diffEditor.insertedLineBackground#4ec78f12
- diffEditor.insertedTextBackground#4ec78f1f
- diffEditor.insertedTextBorder#00000000
- diffEditor.removedLineBackground#f26d8414
- diffEditor.removedTextBackground#f26d8424
- diffEditor.removedTextBorder#00000000
- diffEditor.unchangedCodeBackground#eceef205
- diffEditor.unchangedRegionBackground#0a0b0e
- diffEditor.unchangedRegionForeground#6b7280
- diffEditorOverview.insertedForeground#4ec78f99
- diffEditorOverview.removedForeground#f26d8499
- disabledForeground#6b7280
- dropdown.background#191c22
- dropdown.border#23262e
- dropdown.foreground#eceef2
- dropdown.listBackground#191c22
- editor.background#0c0d10
- editor.findMatchBackground#ff744557
- editor.findMatchBorder#ff7445
- editor.findMatchHighlightBackground#ffc47033
- editor.findMatchHighlightBorder#00000000
- editor.findRangeHighlightBackground#eceef20d
- editor.focusedStackFrameHighlightBackground#4ec78f24
- editor.foreground#eceef2
- editor.hoverHighlightBackground#72b7ff1f
- editor.inactiveSelectionBackground#ff74451f
- editor.lineHighlightBackground#eceef20b
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#eceef20d
- editor.rangeHighlightBorder#00000000
- editor.selectionBackground#ff74453d
- editor.selectionHighlightBackground#ffc47024
- editor.selectionHighlightBorder#00000000
- editor.stackFrameHighlightBackground#ffc47024
- editor.symbolHighlightBackground#ff74451f
- editor.wordHighlightBackground#72b7ff24
- editor.wordHighlightBorder#00000000
- editor.wordHighlightStrongBackground#be91ff29
- editor.wordHighlightStrongBorder#00000000
- editorBracketHighlight.foreground1#ff7445
- editorBracketHighlight.foreground2#00b8ff
- editorBracketHighlight.foreground3#be91ff
- editorBracketHighlight.foreground4#ffc470
- editorBracketHighlight.foreground5#4ec78f
- editorBracketHighlight.foreground6#9aa1ae
- editorBracketHighlight.unexpectedBracket.foreground#f26d84
- editorBracketMatch.background#ff74451f
- editorBracketMatch.border#ff744573
- editorBracketPairGuide.activeBackground1#ff7445
- editorBracketPairGuide.background1#ff744552
- editorCodeLens.foreground#6b7280
- editorCommentsWidget.rangeActiveBackground#ff74451f
- editorCommentsWidget.rangeBackground#ff74451a
- editorCommentsWidget.replyInputBackground#14161b
- editorCommentsWidget.resolvedBorder#6b7280
- editorCommentsWidget.unresolvedBorder#ff7445
- editorCursor.background#0c0d10
- editorCursor.foreground#ff7445
- editorError.border#00000000
- editorError.foreground#f26d84
- editorGhostText.border#00000000
- editorGhostText.foreground#6b7280
- editorGroup.border#23262e
- editorGroup.dropBackground#ff74451a
- editorGroup.emptyBackground#0c0d10
- editorGroup.focusedEmptyBorder#ff74453d
- editorGroupHeader.border#23262e
- editorGroupHeader.noTabsBackground#0a0b0e
- editorGroupHeader.tabsBackground#0a0b0e
- editorGroupHeader.tabsBorder#23262e
- editorGutter.addedBackground#4ec78f
- editorGutter.background#0c0d10
- editorGutter.commentGlyphForeground#9aa1ae
- editorGutter.commentRangeForeground#6b7280
- editorGutter.deletedBackground#f26d84
- editorGutter.foldingControlForeground#9aa1ae
- editorGutter.modifiedBackground#72b7ff
- editorHint.border#00000000
- editorHint.foreground#9aa1ae
- editorHoverWidget.background#191c22
- editorHoverWidget.border#23262e
- editorHoverWidget.foreground#eceef2
- editorHoverWidget.highlightForeground#ff7445
- editorHoverWidget.statusBarBackground#0a0b0e
- editorIndentGuide.activeBackground1#ff74453d
- editorIndentGuide.background1#23262ed9
- editorInfo.border#00000000
- editorInfo.foreground#72b7ff
- editorInlayHint.background#eceef20d
- editorInlayHint.foreground#9aa1ae
- editorInlayHint.parameterBackground#eceef20d
- editorInlayHint.parameterForeground#9aa1ae
- editorInlayHint.typeBackground#eceef20d
- editorInlayHint.typeForeground#00b8ff
- editorLightBulb.foreground#f0c15e
- editorLightBulbAi.foreground#ff7445
- editorLightBulbAutoFix.foreground#ffc470
- editorLineNumber.activeForeground#ff7445
- editorLineNumber.dimmedForeground#6b728066
- editorLineNumber.foreground#6b7280
- editorLink.activeForeground#ff7445
- editorMarkerNavigation.background#191c22
- editorMarkerNavigationError.background#f26d84
- editorMarkerNavigationInfo.background#72b7ff
- editorMarkerNavigationWarning.background#f0c15e
- editorMultiCursor.primary.foreground#ff7445
- editorMultiCursor.secondary.foreground#ffc470
- editorOverviewRuler.addedForeground#4ec78f
- editorOverviewRuler.background#0c0d10
- editorOverviewRuler.border#00000000
- editorOverviewRuler.bracketMatchForeground#ff744573
- editorOverviewRuler.deletedForeground#f26d84
- editorOverviewRuler.errorForeground#f26d84
- editorOverviewRuler.findMatchForeground#ff744599
- editorOverviewRuler.infoForeground#72b7ff
- editorOverviewRuler.modifiedForeground#72b7ff
- editorOverviewRuler.rangeHighlightForeground#ffc47066
- editorOverviewRuler.selectionHighlightForeground#ffc47066
- editorOverviewRuler.warningForeground#f0c15e
- editorOverviewRuler.wordHighlightForeground#72b7ff80
- editorOverviewRuler.wordHighlightStrongForeground#be91ff80
- editorPane.background#0c0d10
- editorRuler.foreground#23262eb3
- editorStickyScroll.background#0a0b0e
- editorStickyScroll.border#23262e
- editorStickyScroll.shadow#0000005c
- editorStickyScrollHover.background#191c22
- editorSuggestWidget.background#191c22
- editorSuggestWidget.border#23262e
- editorSuggestWidget.focusHighlightForeground#ffc470
- editorSuggestWidget.foreground#eceef2
- editorSuggestWidget.highlightForeground#ff7445
- editorSuggestWidget.selectedBackground#eceef214
- editorSuggestWidget.selectedForeground#eceef2
- editorSuggestWidget.selectedIconForeground#ff7445
- editorSuggestWidgetStatus.foreground#6b7280
- editorUnnecessaryCode.opacity#0000008c
- editorWarning.border#00000000
- editorWarning.foreground#f0c15e
- editorWhitespace.foreground#6b728052
- editorWidget.background#191c22
- editorWidget.border#23262e
- editorWidget.foreground#eceef2
- editorWidget.resizeBorder#ff744573
- errorForeground#f26d84
- extensionBadge.remoteBackground#ff7445
- extensionBadge.remoteForeground#1b0c04
- extensionButton.background#ff7445
- extensionButton.foreground#1b0c04
- extensionButton.hoverBackground#ff9a65
- extensionButton.prominentBackground#ff7445
- extensionButton.prominentForeground#1b0c04
- extensionButton.prominentHoverBackground#ff9a65
- extensionIcon.preReleaseForeground#be91ff
- extensionIcon.sponsorForeground#f26d84
- extensionIcon.starForeground#ffc470
- extensionIcon.verifiedForeground#4ec78f
- focusBorder#ff7445
- foreground#eceef2
- gitDecoration.addedResourceForeground#4ec78f
- gitDecoration.conflictingResourceForeground#ff7445
- gitDecoration.deletedResourceForeground#f26d84
- gitDecoration.ignoredResourceForeground#6b7280
- gitDecoration.modifiedResourceForeground#f0c15e
- gitDecoration.renamedResourceForeground#72b7ff
- gitDecoration.stageDeletedResourceForeground#f26d84
- gitDecoration.stageModifiedResourceForeground#ffc470
- gitDecoration.submoduleResourceForeground#be91ff
- gitDecoration.untrackedResourceForeground#4ec78f
- icon.foreground#9aa1ae
- inlineChat.background#191c22
- inlineChat.border#23262e
- inlineChat.shadow#0000005c
- inlineChatDiff.inserted#4ec78f1a
- inlineChatDiff.removed#f26d841a
- inlineChatInput.background#14161b
- inlineChatInput.border#23262e
- inlineChatInput.focusBorder#ff744573
- inlineChatInput.placeholderForeground#6b7280
- input.background#14161b
- input.border#23262e
- input.foreground#eceef2
- input.placeholderForeground#6b7280
- inputOption.activeBackground#ff74451f
- inputOption.activeBorder#ff744573
- inputOption.activeForeground#ffd0bb
- inputOption.hoverBackground#eceef20f
- inputValidation.errorBackground#191c22
- inputValidation.errorBorder#f26d84
- inputValidation.errorForeground#eceef2
- inputValidation.infoBackground#191c22
- inputValidation.infoBorder#72b7ff
- inputValidation.infoForeground#eceef2
- inputValidation.warningBackground#191c22
- inputValidation.warningBorder#f0c15e
- inputValidation.warningForeground#eceef2
- keybindingLabel.background#eceef212
- keybindingLabel.border#23262e
- keybindingLabel.bottomBorder#333844
- keybindingLabel.foreground#eceef2
- keybindingTable.headerBackground#0a0b0e
- keybindingTable.rowsBackground#eceef205
- list.activeSelectionBackground#eceef214
- list.activeSelectionForeground#eceef2
- list.activeSelectionIconForeground#ff7445
- list.deemphasizedForeground#6b7280
- list.dropBackground#ff74451a
- list.errorForeground#f26d84
- list.filterMatchBackground#ff74451f
- list.filterMatchBorder#ff74453d
- list.focusBackground#eceef217
- list.focusForeground#eceef2
- list.focusHighlightForeground#ffc470
- list.focusOutline#ff74453d
- list.highlightForeground#ff7445
- list.hoverBackground#eceef20d
- list.hoverForeground#eceef2
- list.inactiveFocusBackground#eceef20a
- list.inactiveFocusOutline#00000000
- list.inactiveSelectionBackground#eceef20d
- list.inactiveSelectionForeground#eceef2
- list.inactiveSelectionIconForeground#9aa1ae
- list.invalidItemForeground#f26d84
- list.warningForeground#f0c15e
- listFilterWidget.background#191c22
- listFilterWidget.noMatchesOutline#f26d84
- listFilterWidget.outline#ff744573
- listFilterWidget.shadow#0000005c
- menu.background#191c22
- menu.border#23262e
- menu.foreground#eceef2
- menu.selectionBackground#eceef217
- menu.selectionBorder#00000000
- menu.selectionForeground#eceef2
- menu.separatorBackground#23262e
- menubar.selectionBackground#eceef214
- menubar.selectionBorder#00000000
- menubar.selectionForeground#eceef2
- merge.border#23262e
- merge.commonContentBackground#9aa1ae14
- merge.commonHeaderBackground#9aa1ae33
- merge.currentContentBackground#ff74451a
- merge.currentHeaderBackground#ff744547
- merge.incomingContentBackground#72b7ff1a
- merge.incomingHeaderBackground#72b7ff4d
- mergeEditor.change.background#4ec78f1a
- mergeEditor.change.word.background#4ec78f2e
- mergeEditor.conflict.handledFocused.border#4ec78f99
- mergeEditor.conflict.handledUnfocused.border#4ec78f59
- mergeEditor.conflict.unhandledFocused.border#f0c15e
- mergeEditor.conflict.unhandledUnfocused.border#f0c15e80
- mergeEditor.conflictingLines.background#f0c15e1a
- minimap.background#0c0d10
- minimap.errorHighlight#f26d84
- minimap.findMatchHighlight#ff7445a6
- minimap.foregroundOpacity#000000c7
- minimap.selectionHighlight#ff744566
- minimap.selectionOccurrenceHighlight#ffc4704d
- minimap.warningHighlight#f0c15e
- minimapGutter.addedBackground#4ec78f
- minimapGutter.deletedBackground#f26d84
- minimapGutter.modifiedBackground#72b7ff
- minimapSlider.activeBackground#9aa1ae3d
- minimapSlider.background#9aa1ae1a
- minimapSlider.hoverBackground#9aa1ae29
- notebook.cellBorderColor#23262e
- notebook.cellEditorBackground#0a0b0e
- notebook.cellHoverBackground#eceef205
- notebook.cellInsertionIndicator#ff7445
- notebook.cellStatusBarItemHoverBackground#eceef214
- notebook.cellToolbarSeparator#23262e
- notebook.editorBackground#0c0d10
- notebook.focusedCellBackground#eceef208
- notebook.focusedCellBorder#ff744573
- notebook.focusedEditorBorder#ff744573
- notebook.inactiveFocusedCellBorder#333844
- notebook.outputContainerBackgroundColor#0a0b0e
- notebook.selectedCellBackground#eceef20a
- notebook.selectedCellBorder#333844
- notebookScrollbarSlider.background#eceef21f
- notebookStatusErrorIcon.foreground#f26d84
- notebookStatusRunningIcon.foreground#ff7445
- notebookStatusSuccessIcon.foreground#4ec78f
- notificationCenter.border#23262e
- notificationCenterHeader.background#0a0b0e
- notificationCenterHeader.foreground#eceef2
- notificationLink.foreground#72b7ff
- notifications.background#191c22
- notifications.border#23262e
- notifications.foreground#eceef2
- notificationsErrorIcon.foreground#f26d84
- notificationsInfoIcon.foreground#72b7ff
- notificationsWarningIcon.foreground#f0c15e
- notificationToast.border#23262e
- outputView.background#0a0b0e
- panel.background#0a0b0e
- panel.border#23262e
- panel.dropBorder#ff7445
- panelInput.border#23262e
- panelSection.border#23262e
- panelSection.dropBackground#ff74451a
- panelSectionHeader.background#0a0b0e
- panelSectionHeader.border#23262e
- panelSectionHeader.foreground#eceef2
- panelStickyScroll.background#0a0b0e
- panelStickyScroll.border#23262e
- panelTitle.activeBorder#ff7445
- panelTitle.activeForeground#eceef2
- panelTitle.inactiveForeground#6b7280
- peekView.border#ff744573
- peekViewEditor.background#0a0b0e
- peekViewEditor.matchHighlightBackground#ff744547
- peekViewEditor.matchHighlightBorder#00000000
- peekViewEditorGutter.background#0a0b0e
- peekViewEditorStickyScroll.background#0a0b0e
- peekViewResult.background#191c22
- peekViewResult.fileForeground#eceef2
- peekViewResult.lineForeground#9aa1ae
- peekViewResult.matchHighlightBackground#ffc4703d
- peekViewResult.selectionBackground#ff74451a
- peekViewResult.selectionForeground#eceef2
- peekViewTitle.background#191c22
- peekViewTitleDescription.foreground#9aa1ae
- peekViewTitleLabel.foreground#eceef2
- pickerGroup.border#23262e
- pickerGroup.foreground#ff7445
- ports.iconRunningProcessForeground#ff7445
- problemsErrorIcon.foreground#f26d84
- problemsInfoIcon.foreground#72b7ff
- problemsWarningIcon.foreground#f0c15e
- profileBadge.background#ff7445
- profileBadge.foreground#1b0c04
- progressBar.background#ff7445
- quickInput.background#191c22
- quickInput.foreground#eceef2
- quickInputList.focusBackground#eceef214
- quickInputList.focusForeground#eceef2
- quickInputList.focusIconForeground#ff7445
- quickInputTitle.background#0a0b0e
- sash.hoverBorder#ff744573
- scmGraph.historyItemBaseRefColor#be91ff
- scmGraph.historyItemHoverAdditionsForeground#4ec78f
- scmGraph.historyItemHoverDefaultLabelBackground#ff74451f
- scmGraph.historyItemHoverDefaultLabelForeground#ffd0bb
- scmGraph.historyItemHoverDeletionsForeground#f26d84
- scmGraph.historyItemHoverLabelForeground#eceef2
- scmGraph.historyItemRefColor#ff7445
- scmGraph.historyItemRemoteRefColor#72b7ff
- scrollbar.shadow#00000080
- scrollbarSlider.activeBackground#ff7445b3
- scrollbarSlider.background#eceef21f
- scrollbarSlider.hoverBackground#ff744580
- search.resultsInfoForeground#9aa1ae
- searchEditor.findMatchBackground#ffc47033
- searchEditor.textInputBorder#23262e
- selection.background#ff74454d
- settings.checkboxBackground#14161b
- settings.checkboxBorder#333844
- settings.checkboxForeground#ff7445
- settings.dropdownBackground#14161b
- settings.dropdownBorder#23262e
- settings.dropdownForeground#eceef2
- settings.dropdownListBorder#23262e
- settings.focusedRowBackground#eceef208
- settings.focusedRowBorder#ff74453d
- settings.headerBorder#23262e
- settings.headerForeground#eceef2
- settings.modifiedItemIndicator#ff7445
- settings.numberInputBackground#14161b
- settings.numberInputBorder#23262e
- settings.numberInputForeground#be91ff
- settings.rowHoverBackground#eceef205
- settings.sashBorder#23262e
- settings.textInputBackground#14161b
- settings.textInputBorder#23262e
- settings.textInputForeground#eceef2
- sideBar.background#14161b
- sideBar.border#23262e
- sideBar.dropBackground#ff74451a
- sideBar.foreground#9aa1ae
- sideBarActivityBarTop.border#23262e
- sideBarSectionHeader.background#00000000
- sideBarSectionHeader.border#23262e
- sideBarSectionHeader.foreground#eceef2
- sideBarStickyScroll.background#14161b
- sideBarTitle.foreground#9aa1ae
- statusBar.background#0a0b0e
- statusBar.border#23262e
- statusBar.debuggingBackground#ff7445
- statusBar.debuggingBorder#ff7445
- statusBar.debuggingForeground#1b0c04
- statusBar.focusBorder#ff744573
- statusBar.foreground#9aa1ae
- statusBar.noFolderBackground#0a0b0e
- statusBar.noFolderBorder#23262e
- statusBar.noFolderForeground#6b7280
- statusBarItem.activeBackground#eceef21f
- statusBarItem.compactHoverBackground#eceef224
- statusBarItem.errorBackground#00000000
- statusBarItem.errorForeground#f26d84
- statusBarItem.focusBorder#ff744573
- statusBarItem.hoverBackground#eceef214
- statusBarItem.hoverForeground#eceef2
- statusBarItem.offlineBackground#00000000
- statusBarItem.offlineForeground#f26d84
- statusBarItem.prominentBackground#ff74451f
- statusBarItem.prominentForeground#ffd0bb
- statusBarItem.prominentHoverBackground#ff74453d
- statusBarItem.remoteBackground#00000000
- statusBarItem.remoteForeground#ff7445
- statusBarItem.warningBackground#00000000
- statusBarItem.warningForeground#f0c15e
- symbolIcon.arrayForeground#9aa1ae
- symbolIcon.booleanForeground#be91ff
- symbolIcon.classForeground#00b8ff
- symbolIcon.colorForeground#ffc470
- symbolIcon.constantForeground#be91ff
- symbolIcon.constructorForeground#ffc470
- symbolIcon.enumeratorForeground#00b8ff
- symbolIcon.enumeratorMemberForeground#be91ff
- symbolIcon.eventForeground#ff7445
- symbolIcon.fieldForeground#9aa1ae
- symbolIcon.fileForeground#9aa1ae
- symbolIcon.folderForeground#9aa1ae
- symbolIcon.functionForeground#ffc470
- symbolIcon.interfaceForeground#00b8ff
- symbolIcon.keyForeground#ff7445
- symbolIcon.keywordForeground#ff7445
- symbolIcon.methodForeground#ffc470
- symbolIcon.moduleForeground#00b8ff
- symbolIcon.namespaceForeground#00b8ff
- symbolIcon.nullForeground#be91ff
- symbolIcon.numberForeground#be91ff
- symbolIcon.objectForeground#00b8ff
- symbolIcon.operatorForeground#9aa1ae
- symbolIcon.packageForeground#00b8ff
- symbolIcon.propertyForeground#9aa1ae
- symbolIcon.referenceForeground#72b7ff
- symbolIcon.snippetForeground#4ec78f
- symbolIcon.stringForeground#4ec78f
- symbolIcon.structForeground#00b8ff
- symbolIcon.textForeground#eceef2
- symbolIcon.typeParameterForeground#00b8ff
- symbolIcon.unitForeground#9aa1ae
- symbolIcon.variableForeground#eceef2
- tab.activeBackground#0c0d10
- tab.activeBorder#0c0d10
- tab.activeBorderTop#ff7445
- tab.activeForeground#eceef2
- tab.activeModifiedBorder#72b7ff
- tab.border#23262e
- tab.hoverBackground#0c0d10
- tab.hoverBorder#ff74453d
- tab.hoverForeground#eceef2
- tab.inactiveBackground#0a0b0e
- tab.inactiveForeground#6b7280
- tab.inactiveModifiedBorder#72b7ff80
- tab.lastPinnedBorder#333844
- tab.unfocusedActiveBackground#0c0d10
- tab.unfocusedActiveBorder#0c0d10
- tab.unfocusedActiveBorderTop#ff744566
- tab.unfocusedActiveForeground#9aa1ae
- tab.unfocusedActiveModifiedBorder#72b7ff80
- tab.unfocusedHoverBackground#eceef20a
- tab.unfocusedInactiveBackground#0a0b0e
- tab.unfocusedInactiveForeground#6b7280
- tab.unfocusedInactiveModifiedBorder#72b7ff4d
- terminal.ansiBlack#23262e
- terminal.ansiBlue#72b7ff
- terminal.ansiBrightBlack#6b7280
- terminal.ansiBrightBlue#00b8ff
- terminal.ansiBrightCyan#3dc9ff
- terminal.ansiBrightGreen#78d4aa
- terminal.ansiBrightMagenta#ceabff
- terminal.ansiBrightRed#f590a2
- terminal.ansiBrightWhite#eceef2
- terminal.ansiBrightYellow#ffc470
- terminal.ansiCyan#00b8ff
- terminal.ansiGreen#4ec78f
- terminal.ansiMagenta#be91ff
- terminal.ansiRed#f26d84
- terminal.ansiWhite#9aa1ae
- terminal.ansiYellow#f0c15e
- terminal.background#0a0b0e
- terminal.border#23262e
- terminal.dropBackground#ff74451a
- terminal.findMatchBackground#ff744557
- terminal.findMatchHighlightBackground#ffc47033
- terminal.foreground#eceef2
- terminal.hoverHighlightBackground#72b7ff1a
- terminal.inactiveSelectionBackground#ff74451f
- terminal.selectionBackground#ff74453d
- terminal.tab.activeBorder#ff7445
- terminalCommandDecoration.defaultBackground#6b7280
- terminalCommandDecoration.errorBackground#f26d84
- terminalCommandDecoration.successBackground#4ec78f
- terminalCursor.background#0a0b0e
- terminalCursor.foreground#ff7445
- terminalOverviewRuler.cursorForeground#ff7445
- terminalOverviewRuler.findMatchForeground#ff744599
- terminalStickyScrollHover.background#191c22
- testing.iconErrored#f26d84
- testing.iconFailed#f26d84
- testing.iconPassed#4ec78f
- testing.iconQueued#f0c15e
- testing.iconSkipped#6b7280
- testing.iconUnset#6b7280
- testing.message.error.badgeBackground#f26d8433
- testing.message.error.badgeBorder#f26d8473
- testing.message.error.badgeForeground#eceef2
- testing.message.error.lineBackground#f26d841a
- testing.message.error.marginBackground#f26d84
- testing.message.info.decorationForeground#9aa1ae
- testing.message.info.lineBackground#72b7ff14
- testing.message.info.marginBackground#72b7ff
- testing.peekBorder#f26d84
- testing.peekHeaderBackground#191c22
- testing.runAction#4ec78f
- textBlockQuote.background#0a0b0e
- textBlockQuote.border#ff744573
- textCodeBlock.background#0a0b0e
- textLink.activeForeground#ff7445
- textLink.foreground#72b7ff
- textPreformat.background#ff74451a
- textPreformat.foreground#ffc470
- textSeparator.foreground#23262e
- titleBar.activeBackground#0a0b0e
- titleBar.activeForeground#9aa1ae
- titleBar.border#23262e
- titleBar.inactiveBackground#0a0b0e
- titleBar.inactiveForeground#6b7280
- toolbar.activeBackground#eceef21a
- toolbar.hoverBackground#eceef20f
- toolbar.hoverOutline#00000000
- tree.inactiveIndentGuidesStroke#23262e80
- tree.indentGuidesStroke#23262e
- tree.tableColumnsBorder#23262e
- tree.tableOddRowsBackground#eceef205
- walkThrough.embeddedEditorBackground#0a0b0e
- walkthrough.stepTitle.foreground#eceef2
- welcomePage.background#0c0d10
- welcomePage.progress.background#0a0b0e
- welcomePage.progress.foreground#ff7445
- welcomePage.tileBackground#191c22
- welcomePage.tileBorder#23262e
- welcomePage.tileHoverBackground#333844
- widget.border#23262e
- widget.shadow#0000005c
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #6b7280 | italic |
| comment.block.documentation, comment.line.documentation | #6b7280 | italic |
| storage.type.class.jsdoc, punctuation.definition.block.tag.jsdoc | #9aa1ae | italic |
| keyword, keyword.control, keyword.other, storage, storage.type, storage.modifier, keyword.operator.new, keyword.operator.expression, keyword.operator.delete, keyword.operator.logical.python, variable.language.this, variable.language.self, variable.language.super | #ff7445 | — |
| keyword.control.import, keyword.control.export, keyword.control.from | #ff7445 | — |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.relational, keyword.operator.bitwise | #9aa1ae | — |
| punctuation, punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.section, punctuation.accessor, meta.brace | #9aa1ae | — |
| entity.name.function, support.function, meta.function-call.generic, meta.function-call entity.name.function, variable.function | #ffc470 | — |
| support.function.builtin, entity.name.function.macro, keyword.other.special-method, support.function.magic | #ff9a65 | — |
| meta.decorator, entity.name.function.decorator, punctuation.decorator, meta.annotation, storage.type.annotation | #ff9a65 | — |
| string, string.quoted, string.template, constant.other.symbol, punctuation.definition.string | #4ec78f | — |
| punctuation.definition.template-expression, punctuation.section.embedded, meta.embedded | #ff7445 | — |
| constant.character.escape, constant.character.entity | #be91ff | — |
| string.regexp, constant.other.character-class.regexp, keyword.operator.quantifier.regexp | #f0c15e | — |
| constant.numeric, constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, support.constant, variable.other.constant, constant.other.placeholder | #be91ff | — |
| entity.name.type, entity.name.class, entity.name.struct, entity.name.enum, entity.name.union, entity.name.interface, entity.other.inherited-class, support.type, support.class, storage.type.primitive, entity.name.type.parameter | #00b8ff | — |
| entity.name.namespace, entity.name.module, entity.name.scope-resolution, support.module, support.other.namespace | #00b8ff | — |
| variable, variable.other, variable.other.readwrite, meta.definition.variable entity.name.function | #eceef2 | — |
| variable.parameter, meta.parameter, variable.other.parameter | #9aa1ae | — |
| variable.other.property, variable.other.object.property, support.variable.property, meta.object-literal.key, variable.object.property, support.type.property-name | #9aa1ae | — |
| entity.name.tag, punctuation.definition.tag, meta.tag | #ff9a65 | — |
| entity.other.attribute-name, meta.attribute, entity.other.attribute-name.class, entity.other.attribute-name.id | #ffc470 | — |
| invalid, invalid.illegal | #f26d84 | — |
| invalid.deprecated | #f26d84 | strikethrough |
| markup.heading, entity.name.section, punctuation.definition.heading | #ff7445 | bold |
| markup.bold | #ffc470 | bold |
| markup.italic | #ffc470 | italic |
| markup.strikethrough | — | strikethrough |
| markup.quote | #9aa1ae | italic |
| markup.inline.raw, markup.fenced_code, markup.raw | #ffc470 | — |
| markup.underline.link, string.other.link | #72b7ff | underline |
| punctuation.definition.list, markup.list | #ff7445 | — |
| markup.inserted, meta.diff.header.to-file | #4ec78f | — |
| markup.deleted, meta.diff.header.from-file | #f26d84 | — |
| markup.changed | #ffc470 | — |
| meta.diff.range, punctuation.definition.range.diff | #be91ff | — |
| support.type.property-name.json, support.type.property-name.toml, support.type.property-name.table.toml, entity.name.tag.yaml | #ffc470 | — |
| support.type.property-name.css, support.type.vendored.property-name.css | #00b8ff | — |
| support.constant.property-value.css, support.constant.font-name, constant.other.color | #be91ff | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.name.tag.css | #ffc470 | — |
| keyword.control.at-rule, punctuation.definition.keyword.css | #ff7445 | — |
| variable.other.normal.shell, support.function.builtin.shell, meta.scope.case-block.shell | #ff9a65 | — |
| support.function.builtin.zig, variable.language.zig | #ff9a65 | — |
| storage.type.zig, entity.name.type.zig, support.type.zig | #00b8ff | — |
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#d2551f14
- activityBar.activeBorder#d2551f
- activityBar.activeFocusBorder#d96f41
- activityBar.background#f2f3f5
- activityBar.border#e3e5ea
- activityBar.dropBorder#d2551f
- activityBar.foreground#d2551f
- activityBar.inactiveForeground#868d99
- activityBarBadge.background#d2551f
- activityBarBadge.foreground#1b0c04
- activityBarTop.activeBorder#d2551f
- activityBarTop.dropBorder#d2551f
- activityBarTop.foreground#d2551f
- activityBarTop.inactiveForeground#868d99
- badge.background#d2551f
- badge.foreground#1b0c04
- banner.background#ffffff
- banner.foreground#14161b
- banner.iconForeground#d2551f
- breadcrumb.activeSelectionForeground#8a3512
- breadcrumb.background#ffffff
- breadcrumb.focusForeground#14161b
- breadcrumb.foreground#868d99
- breadcrumbPicker.background#ffffff
- button.background#d2551f
- button.foreground#1b0c04
- button.hoverBackground#d96f41
- button.secondaryBackground#ffffff
- button.secondaryForeground#14161b
- button.secondaryHoverBackground#cfd3db
- button.separator#1b0c0459
- charts.blue#2660a4
- charts.foreground#14161b
- charts.green#226948
- charts.lines#e3e5ea
- charts.orange#8a3512
- charts.purple#705bb6
- charts.red#9a334a
- charts.yellow#8b5b10
- chat.avatarBackground#ffffff
- chat.avatarForeground#d2551f
- chat.requestBorder#e3e5ea
- chat.slashCommandBackground#d2551f1f
- chat.slashCommandForeground#8a3512
- checkbox.background#ffffff
- checkbox.border#cfd3db
- checkbox.foreground#d2551f
- checkbox.selectBackground#ffffff
- checkbox.selectBorder#d2551f73
- commandCenter.activeBackground#ffffff
- commandCenter.activeBorder#d2551f73
- commandCenter.activeForeground#14161b
- commandCenter.background#f2f3f5
- commandCenter.border#e3e5ea
- commandCenter.foreground#5b626e
- commandCenter.inactiveBorder#e3e5ea
- commandCenter.inactiveForeground#868d99
- debugConsole.errorForeground#9a334a
- debugConsole.infoForeground#2660a4
- debugConsole.sourceForeground#5b626e
- debugConsole.warningForeground#8b5b10
- debugConsoleInputIcon.foreground#d2551f
- debugExceptionWidget.background#ffffff
- debugExceptionWidget.border#ca4a63
- debugIcon.breakpointCurrentStackframeForeground#8b5b10
- debugIcon.breakpointDisabledForeground#ca4a6366
- debugIcon.breakpointForeground#ca4a63
- debugIcon.breakpointStackframeForeground#d2551f
- debugIcon.breakpointUnverifiedForeground#868d99
- debugIcon.continueForeground#d2551f
- debugIcon.disconnectForeground#9a334a
- debugIcon.pauseForeground#2660a4
- debugIcon.restartForeground#226948
- debugIcon.startForeground#226948
- debugIcon.stepBackForeground#d2551f
- debugIcon.stepIntoForeground#d2551f
- debugIcon.stepOutForeground#d2551f
- debugIcon.stepOverForeground#d2551f
- debugIcon.stopForeground#9a334a
- debugTokenExpression.boolean#705bb6
- debugTokenExpression.error#9a334a
- debugTokenExpression.name#2660a4
- debugTokenExpression.number#705bb6
- debugTokenExpression.string#226948
- debugTokenExpression.value#5b626e
- debugToolBar.background#ffffff
- debugToolBar.border#e3e5ea
- debugView.exceptionLabelBackground#ca4a6333
- debugView.exceptionLabelForeground#14161b
- debugView.stateLabelBackground#d2551f1f
- debugView.stateLabelForeground#14161b
- debugView.valueChangedHighlight#d2551f
- descriptionForeground#5b626e
- diffEditor.border#e3e5ea
- diffEditor.diagonalFill#e3e5ea
- diffEditor.insertedLineBackground#1f8a5b12
- diffEditor.insertedTextBackground#1f8a5b1f
- diffEditor.insertedTextBorder#00000000
- diffEditor.removedLineBackground#ca4a6314
- diffEditor.removedTextBackground#ca4a6324
- diffEditor.removedTextBorder#00000000
- diffEditor.unchangedCodeBackground#14161b05
- diffEditor.unchangedRegionBackground#f2f3f5
- diffEditor.unchangedRegionForeground#868d99
- diffEditorOverview.insertedForeground#1f8a5b99
- diffEditorOverview.removedForeground#ca4a6399
- disabledForeground#868d99
- dropdown.background#ffffff
- dropdown.border#e3e5ea
- dropdown.foreground#14161b
- dropdown.listBackground#ffffff
- editor.background#ffffff
- editor.findMatchBackground#d2551f57
- editor.findMatchBorder#d2551f
- editor.findMatchHighlightBackground#8b5b1033
- editor.findMatchHighlightBorder#00000000
- editor.findRangeHighlightBackground#14161b0d
- editor.focusedStackFrameHighlightBackground#1f8a5b24
- editor.foreground#14161b
- editor.hoverHighlightBackground#2660a41f
- editor.inactiveSelectionBackground#d2551f1f
- editor.lineHighlightBackground#14161b0a
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#14161b0d
- editor.rangeHighlightBorder#00000000
- editor.selectionBackground#d2551f2e
- editor.selectionHighlightBackground#8b5b1024
- editor.selectionHighlightBorder#00000000
- editor.stackFrameHighlightBackground#8b5b1024
- editor.symbolHighlightBackground#d2551f1f
- editor.wordHighlightBackground#2660a424
- editor.wordHighlightBorder#00000000
- editor.wordHighlightStrongBackground#705bb629
- editor.wordHighlightStrongBorder#00000000
- editorBracketHighlight.foreground1#8a3512
- editorBracketHighlight.foreground2#2660a4
- editorBracketHighlight.foreground3#705bb6
- editorBracketHighlight.foreground4#8b5b10
- editorBracketHighlight.foreground5#226948
- editorBracketHighlight.foreground6#5b626e
- editorBracketHighlight.unexpectedBracket.foreground#9a334a
- editorBracketMatch.background#d2551f1f
- editorBracketMatch.border#d2551f73
- editorBracketPairGuide.activeBackground1#d2551f
- editorBracketPairGuide.background1#d2551f52
- editorCodeLens.foreground#868d99
- editorCommentsWidget.rangeActiveBackground#d2551f1f
- editorCommentsWidget.rangeBackground#d2551f14
- editorCommentsWidget.replyInputBackground#ffffff
- editorCommentsWidget.resolvedBorder#868d99
- editorCommentsWidget.unresolvedBorder#d2551f
- editorCursor.background#ffffff
- editorCursor.foreground#d2551f
- editorError.border#00000000
- editorError.foreground#9a334a
- editorGhostText.border#00000000
- editorGhostText.foreground#868d99
- editorGroup.border#e3e5ea
- editorGroup.dropBackground#d2551f14
- editorGroup.emptyBackground#ffffff
- editorGroup.focusedEmptyBorder#d2551f3d
- editorGroupHeader.border#e3e5ea
- editorGroupHeader.noTabsBackground#f2f3f5
- editorGroupHeader.tabsBackground#f2f3f5
- editorGroupHeader.tabsBorder#e3e5ea
- editorGutter.addedBackground#1f8a5b
- editorGutter.background#ffffff
- editorGutter.commentGlyphForeground#5b626e
- editorGutter.commentRangeForeground#868d99
- editorGutter.deletedBackground#ca4a63
- editorGutter.foldingControlForeground#5b626e
- editorGutter.modifiedBackground#2c79d1
- editorHint.border#00000000
- editorHint.foreground#5b626e
- editorHoverWidget.background#ffffff
- editorHoverWidget.border#e3e5ea
- editorHoverWidget.foreground#14161b
- editorHoverWidget.highlightForeground#8a3512
- editorHoverWidget.statusBarBackground#f2f3f5
- editorIndentGuide.activeBackground1#d2551f3d
- editorIndentGuide.background1#e3e5ea
- editorInfo.border#00000000
- editorInfo.foreground#2660a4
- editorInlayHint.background#f2f3f5
- editorInlayHint.foreground#5b626e
- editorInlayHint.parameterBackground#f2f3f5
- editorInlayHint.parameterForeground#5b626e
- editorInlayHint.typeBackground#f2f3f5
- editorInlayHint.typeForeground#2660a4
- editorLightBulb.foreground#a86a12
- editorLightBulbAi.foreground#d2551f
- editorLightBulbAutoFix.foreground#8b5b10
- editorLineNumber.activeForeground#8a3512
- editorLineNumber.dimmedForeground#868d9966
- editorLineNumber.foreground#868d99
- editorLink.activeForeground#8a3512
- editorMarkerNavigation.background#ffffff
- editorMarkerNavigationError.background#ca4a63
- editorMarkerNavigationInfo.background#2c79d1
- editorMarkerNavigationWarning.background#a86a12
- editorMultiCursor.primary.foreground#d2551f
- editorMultiCursor.secondary.foreground#8b5b10
- editorOverviewRuler.addedForeground#1f8a5b
- editorOverviewRuler.background#ffffff
- editorOverviewRuler.border#00000000
- editorOverviewRuler.bracketMatchForeground#d2551f73
- editorOverviewRuler.deletedForeground#ca4a63
- editorOverviewRuler.errorForeground#ca4a63
- editorOverviewRuler.findMatchForeground#d2551f99
- editorOverviewRuler.infoForeground#2c79d1
- editorOverviewRuler.modifiedForeground#2c79d1
- editorOverviewRuler.rangeHighlightForeground#8b5b1066
- editorOverviewRuler.selectionHighlightForeground#8b5b1066
- editorOverviewRuler.warningForeground#a86a12
- editorOverviewRuler.wordHighlightForeground#2660a480
- editorOverviewRuler.wordHighlightStrongForeground#705bb680
- editorPane.background#ffffff
- editorRuler.foreground#e3e5ea
- editorStickyScroll.background#f2f3f5
- editorStickyScroll.border#e3e5ea
- editorStickyScroll.shadow#10141c1f
- editorStickyScrollHover.background#ffffff
- editorSuggestWidget.background#ffffff
- editorSuggestWidget.border#e3e5ea
- editorSuggestWidget.focusHighlightForeground#8b5b10
- editorSuggestWidget.foreground#14161b
- editorSuggestWidget.highlightForeground#8a3512
- editorSuggestWidget.selectedBackground#d2551f14
- editorSuggestWidget.selectedForeground#14161b
- editorSuggestWidget.selectedIconForeground#d2551f
- editorSuggestWidgetStatus.foreground#868d99
- editorUnnecessaryCode.opacity#0000008c
- editorWarning.border#00000000
- editorWarning.foreground#8b5b10
- editorWhitespace.foreground#e3e5ea
- editorWidget.background#ffffff
- editorWidget.border#e3e5ea
- editorWidget.foreground#14161b
- editorWidget.resizeBorder#d2551f73
- errorForeground#9a334a
- extensionBadge.remoteBackground#d2551f
- extensionBadge.remoteForeground#1b0c04
- extensionButton.background#d2551f
- extensionButton.foreground#1b0c04
- extensionButton.hoverBackground#d96f41
- extensionButton.prominentBackground#d2551f
- extensionButton.prominentForeground#1b0c04
- extensionButton.prominentHoverBackground#d96f41
- extensionIcon.preReleaseForeground#705bb6
- extensionIcon.sponsorForeground#9a334a
- extensionIcon.starForeground#8b5b10
- extensionIcon.verifiedForeground#226948
- focusBorder#d2551f
- foreground#14161b
- gitDecoration.addedResourceForeground#226948
- gitDecoration.conflictingResourceForeground#8a3512
- gitDecoration.deletedResourceForeground#9a334a
- gitDecoration.ignoredResourceForeground#868d99
- gitDecoration.modifiedResourceForeground#8b5b10
- gitDecoration.renamedResourceForeground#2660a4
- gitDecoration.stageDeletedResourceForeground#9a334a
- gitDecoration.stageModifiedResourceForeground#8b5b10
- gitDecoration.submoduleResourceForeground#705bb6
- gitDecoration.untrackedResourceForeground#226948
- icon.foreground#5b626e
- inlineChat.background#ffffff
- inlineChat.border#e3e5ea
- inlineChat.shadow#10141c1f
- inlineChatDiff.inserted#1f8a5b1a
- inlineChatDiff.removed#ca4a631a
- inlineChatInput.background#ffffff
- inlineChatInput.border#e3e5ea
- inlineChatInput.focusBorder#d2551f73
- inlineChatInput.placeholderForeground#868d99
- input.background#ffffff
- input.border#e3e5ea
- input.foreground#14161b
- input.placeholderForeground#868d99
- inputOption.activeBackground#d2551f1f
- inputOption.activeBorder#d2551f73
- inputOption.activeForeground#8a3512
- inputOption.hoverBackground#14161b0f
- inputValidation.errorBackground#ffffff
- inputValidation.errorBorder#ca4a63
- inputValidation.errorForeground#14161b
- inputValidation.infoBackground#ffffff
- inputValidation.infoBorder#2c79d1
- inputValidation.infoForeground#14161b
- inputValidation.warningBackground#ffffff
- inputValidation.warningBorder#a86a12
- inputValidation.warningForeground#14161b
- keybindingLabel.background#f2f3f5
- keybindingLabel.border#e3e5ea
- keybindingLabel.bottomBorder#cfd3db
- keybindingLabel.foreground#14161b
- keybindingTable.headerBackground#f2f3f5
- keybindingTable.rowsBackground#14161b05
- list.activeSelectionBackground#d2551f14
- list.activeSelectionForeground#14161b
- list.activeSelectionIconForeground#d2551f
- list.deemphasizedForeground#868d99
- list.dropBackground#d2551f14
- list.errorForeground#9a334a
- list.filterMatchBackground#d2551f1f
- list.filterMatchBorder#d2551f3d
- list.focusBackground#d2551f14
- list.focusForeground#14161b
- list.focusHighlightForeground#8b5b10
- list.focusOutline#d2551f3d
- list.highlightForeground#8a3512
- list.hoverBackground#14161b0d
- list.hoverForeground#14161b
- list.inactiveFocusBackground#14161b0a
- list.inactiveFocusOutline#00000000
- list.inactiveSelectionBackground#14161b0d
- list.inactiveSelectionForeground#14161b
- list.inactiveSelectionIconForeground#5b626e
- list.invalidItemForeground#9a334a
- list.warningForeground#8b5b10
- listFilterWidget.background#ffffff
- listFilterWidget.noMatchesOutline#ca4a63
- listFilterWidget.outline#d2551f73
- listFilterWidget.shadow#10141c1f
- menu.background#ffffff
- menu.border#e3e5ea
- menu.foreground#14161b
- menu.selectionBackground#d2551f14
- menu.selectionBorder#00000000
- menu.selectionForeground#14161b
- menu.separatorBackground#e3e5ea
- menubar.selectionBackground#14161b14
- menubar.selectionBorder#00000000
- menubar.selectionForeground#14161b
- merge.border#e3e5ea
- merge.commonContentBackground#5b626e14
- merge.commonHeaderBackground#5b626e33
- merge.currentContentBackground#d2551f1a
- merge.currentHeaderBackground#d2551f47
- merge.incomingContentBackground#2c79d11a
- merge.incomingHeaderBackground#2c79d14d
- mergeEditor.change.background#1f8a5b1a
- mergeEditor.change.word.background#1f8a5b2e
- mergeEditor.conflict.handledFocused.border#1f8a5b99
- mergeEditor.conflict.handledUnfocused.border#1f8a5b59
- mergeEditor.conflict.unhandledFocused.border#a86a12
- mergeEditor.conflict.unhandledUnfocused.border#a86a1280
- mergeEditor.conflictingLines.background#a86a121a
- minimap.background#ffffff
- minimap.errorHighlight#ca4a63
- minimap.findMatchHighlight#d2551fa6
- minimap.foregroundOpacity#000000c7
- minimap.selectionHighlight#d2551f66
- minimap.selectionOccurrenceHighlight#8b5b104d
- minimap.warningHighlight#a86a12
- minimapGutter.addedBackground#1f8a5b
- minimapGutter.deletedBackground#ca4a63
- minimapGutter.modifiedBackground#2c79d1
- minimapSlider.activeBackground#5b626e3d
- minimapSlider.background#5b626e1a
- minimapSlider.hoverBackground#5b626e29
- notebook.cellBorderColor#e3e5ea
- notebook.cellEditorBackground#f2f3f5
- notebook.cellHoverBackground#14161b05
- notebook.cellInsertionIndicator#d2551f
- notebook.cellStatusBarItemHoverBackground#14161b14
- notebook.cellToolbarSeparator#e3e5ea
- notebook.editorBackground#ffffff
- notebook.focusedCellBackground#14161b08
- notebook.focusedCellBorder#d2551f73
- notebook.focusedEditorBorder#d2551f73
- notebook.inactiveFocusedCellBorder#cfd3db
- notebook.outputContainerBackgroundColor#f2f3f5
- notebook.selectedCellBackground#14161b0a
- notebook.selectedCellBorder#cfd3db
- notebookScrollbarSlider.background#14161b1f
- notebookStatusErrorIcon.foreground#9a334a
- notebookStatusRunningIcon.foreground#d2551f
- notebookStatusSuccessIcon.foreground#226948
- notificationCenter.border#e3e5ea
- notificationCenterHeader.background#f2f3f5
- notificationCenterHeader.foreground#14161b
- notificationLink.foreground#2660a4
- notifications.background#ffffff
- notifications.border#e3e5ea
- notifications.foreground#14161b
- notificationsErrorIcon.foreground#9a334a
- notificationsInfoIcon.foreground#2660a4
- notificationsWarningIcon.foreground#8b5b10
- notificationToast.border#e3e5ea
- outputView.background#f2f3f5
- panel.background#f2f3f5
- panel.border#e3e5ea
- panel.dropBorder#d2551f
- panelInput.border#e3e5ea
- panelSection.border#e3e5ea
- panelSection.dropBackground#d2551f14
- panelSectionHeader.background#f2f3f5
- panelSectionHeader.border#e3e5ea
- panelSectionHeader.foreground#14161b
- panelStickyScroll.background#f2f3f5
- panelStickyScroll.border#e3e5ea
- panelTitle.activeBorder#d2551f
- panelTitle.activeForeground#14161b
- panelTitle.inactiveForeground#868d99
- peekView.border#d2551f73
- peekViewEditor.background#f2f3f5
- peekViewEditor.matchHighlightBackground#d2551f47
- peekViewEditor.matchHighlightBorder#00000000
- peekViewEditorGutter.background#f2f3f5
- peekViewEditorStickyScroll.background#f2f3f5
- peekViewResult.background#ffffff
- peekViewResult.fileForeground#14161b
- peekViewResult.lineForeground#5b626e
- peekViewResult.matchHighlightBackground#8b5b103d
- peekViewResult.selectionBackground#d2551f14
- peekViewResult.selectionForeground#14161b
- peekViewTitle.background#ffffff
- peekViewTitleDescription.foreground#5b626e
- peekViewTitleLabel.foreground#14161b
- pickerGroup.border#e3e5ea
- pickerGroup.foreground#8a3512
- ports.iconRunningProcessForeground#d2551f
- problemsErrorIcon.foreground#9a334a
- problemsInfoIcon.foreground#2660a4
- problemsWarningIcon.foreground#8b5b10
- profileBadge.background#d2551f
- profileBadge.foreground#1b0c04
- progressBar.background#d2551f
- quickInput.background#ffffff
- quickInput.foreground#14161b
- quickInputList.focusBackground#d2551f14
- quickInputList.focusForeground#14161b
- quickInputList.focusIconForeground#d2551f
- quickInputTitle.background#f2f3f5
- sash.hoverBorder#d2551f73
- scmGraph.historyItemBaseRefColor#705bb6
- scmGraph.historyItemHoverAdditionsForeground#226948
- scmGraph.historyItemHoverDefaultLabelBackground#d2551f1f
- scmGraph.historyItemHoverDefaultLabelForeground#8a3512
- scmGraph.historyItemHoverDeletionsForeground#9a334a
- scmGraph.historyItemHoverLabelForeground#14161b
- scmGraph.historyItemRefColor#8a3512
- scmGraph.historyItemRemoteRefColor#2660a4
- scrollbar.shadow#10141c14
- scrollbarSlider.activeBackground#d2551fb3
- scrollbarSlider.background#14161b1f
- scrollbarSlider.hoverBackground#d2551f80
- search.resultsInfoForeground#5b626e
- searchEditor.findMatchBackground#8b5b1033
- searchEditor.textInputBorder#e3e5ea
- selection.background#d2551f4d
- settings.checkboxBackground#ffffff
- settings.checkboxBorder#cfd3db
- settings.checkboxForeground#d2551f
- settings.dropdownBackground#ffffff
- settings.dropdownBorder#e3e5ea
- settings.dropdownForeground#14161b
- settings.dropdownListBorder#e3e5ea
- settings.focusedRowBackground#14161b08
- settings.focusedRowBorder#d2551f3d
- settings.headerBorder#e3e5ea
- settings.headerForeground#14161b
- settings.modifiedItemIndicator#d2551f
- settings.numberInputBackground#ffffff
- settings.numberInputBorder#e3e5ea
- settings.numberInputForeground#705bb6
- settings.rowHoverBackground#14161b05
- settings.sashBorder#e3e5ea
- settings.textInputBackground#ffffff
- settings.textInputBorder#e3e5ea
- settings.textInputForeground#14161b
- sideBar.background#fbfbfc
- sideBar.border#e3e5ea
- sideBar.dropBackground#d2551f14
- sideBar.foreground#5b626e
- sideBarActivityBarTop.border#e3e5ea
- sideBarSectionHeader.background#00000000
- sideBarSectionHeader.border#e3e5ea
- sideBarSectionHeader.foreground#14161b
- sideBarStickyScroll.background#fbfbfc
- sideBarTitle.foreground#5b626e
- statusBar.background#f2f3f5
- statusBar.border#e3e5ea
- statusBar.debuggingBackground#d2551f
- statusBar.debuggingBorder#d2551f
- statusBar.debuggingForeground#1b0c04
- statusBar.focusBorder#d2551f73
- statusBar.foreground#5b626e
- statusBar.noFolderBackground#f2f3f5
- statusBar.noFolderBorder#e3e5ea
- statusBar.noFolderForeground#868d99
- statusBarItem.activeBackground#14161b1f
- statusBarItem.compactHoverBackground#14161b24
- statusBarItem.errorBackground#00000000
- statusBarItem.errorForeground#9a334a
- statusBarItem.focusBorder#d2551f73
- statusBarItem.hoverBackground#14161b14
- statusBarItem.hoverForeground#14161b
- statusBarItem.offlineBackground#00000000
- statusBarItem.offlineForeground#9a334a
- statusBarItem.prominentBackground#d2551f1f
- statusBarItem.prominentForeground#8a3512
- statusBarItem.prominentHoverBackground#d2551f3d
- statusBarItem.remoteBackground#00000000
- statusBarItem.remoteForeground#8a3512
- statusBarItem.warningBackground#00000000
- statusBarItem.warningForeground#8b5b10
- symbolIcon.arrayForeground#5b626e
- symbolIcon.booleanForeground#705bb6
- symbolIcon.classForeground#2660a4
- symbolIcon.colorForeground#8b5b10
- symbolIcon.constantForeground#705bb6
- symbolIcon.constructorForeground#8b5b10
- symbolIcon.enumeratorForeground#2660a4
- symbolIcon.enumeratorMemberForeground#705bb6
- symbolIcon.eventForeground#8a3512
- symbolIcon.fieldForeground#5b626e
- symbolIcon.fileForeground#5b626e
- symbolIcon.folderForeground#5b626e
- symbolIcon.functionForeground#8b5b10
- symbolIcon.interfaceForeground#2660a4
- symbolIcon.keyForeground#8a3512
- symbolIcon.keywordForeground#8a3512
- symbolIcon.methodForeground#8b5b10
- symbolIcon.moduleForeground#2660a4
- symbolIcon.namespaceForeground#2660a4
- symbolIcon.nullForeground#705bb6
- symbolIcon.numberForeground#705bb6
- symbolIcon.objectForeground#2660a4
- symbolIcon.operatorForeground#5b626e
- symbolIcon.packageForeground#2660a4
- symbolIcon.propertyForeground#5b626e
- symbolIcon.referenceForeground#2660a4
- symbolIcon.snippetForeground#226948
- symbolIcon.stringForeground#226948
- symbolIcon.structForeground#2660a4
- symbolIcon.textForeground#14161b
- symbolIcon.typeParameterForeground#2660a4
- symbolIcon.unitForeground#5b626e
- symbolIcon.variableForeground#14161b
- tab.activeBackground#ffffff
- tab.activeBorder#ffffff
- tab.activeBorderTop#d2551f
- tab.activeForeground#14161b
- tab.activeModifiedBorder#2c79d1
- tab.border#e3e5ea
- tab.hoverBackground#ffffff
- tab.hoverBorder#d2551f3d
- tab.hoverForeground#14161b
- tab.inactiveBackground#f2f3f5
- tab.inactiveForeground#868d99
- tab.inactiveModifiedBorder#2c79d180
- tab.lastPinnedBorder#cfd3db
- tab.unfocusedActiveBackground#ffffff
- tab.unfocusedActiveBorder#ffffff
- tab.unfocusedActiveBorderTop#d2551f66
- tab.unfocusedActiveForeground#5b626e
- tab.unfocusedActiveModifiedBorder#2c79d180
- tab.unfocusedHoverBackground#14161b0a
- tab.unfocusedInactiveBackground#f2f3f5
- tab.unfocusedInactiveForeground#868d99
- tab.unfocusedInactiveModifiedBorder#2c79d14d
- terminal.ansiBlack#868d99
- terminal.ansiBlue#2660a4
- terminal.ansiBrightBlack#868d99
- terminal.ansiBrightBlue#2660a4
- terminal.ansiBrightCyan#2660a4
- terminal.ansiBrightGreen#226948
- terminal.ansiBrightMagenta#705bb6
- terminal.ansiBrightRed#9a334a
- terminal.ansiBrightWhite#14161b
- terminal.ansiBrightYellow#8b5b10
- terminal.ansiCyan#2660a4
- terminal.ansiGreen#226948
- terminal.ansiMagenta#705bb6
- terminal.ansiRed#9a334a
- terminal.ansiWhite#5b626e
- terminal.ansiYellow#8b5b10
- terminal.background#f2f3f5
- terminal.border#e3e5ea
- terminal.dropBackground#d2551f14
- terminal.findMatchBackground#d2551f57
- terminal.findMatchHighlightBackground#8b5b1033
- terminal.foreground#14161b
- terminal.hoverHighlightBackground#2660a41a
- terminal.inactiveSelectionBackground#d2551f1f
- terminal.selectionBackground#d2551f3d
- terminal.tab.activeBorder#d2551f
- terminalCommandDecoration.defaultBackground#868d99
- terminalCommandDecoration.errorBackground#ca4a63
- terminalCommandDecoration.successBackground#1f8a5b
- terminalCursor.background#f2f3f5
- terminalCursor.foreground#d2551f
- terminalOverviewRuler.cursorForeground#d2551f
- terminalOverviewRuler.findMatchForeground#d2551f99
- terminalStickyScrollHover.background#ffffff
- testing.iconErrored#9a334a
- testing.iconFailed#9a334a
- testing.iconPassed#226948
- testing.iconQueued#8b5b10
- testing.iconSkipped#868d99
- testing.iconUnset#868d99
- testing.message.error.badgeBackground#ca4a6333
- testing.message.error.badgeBorder#ca4a6373
- testing.message.error.badgeForeground#14161b
- testing.message.error.lineBackground#ca4a631a
- testing.message.error.marginBackground#ca4a63
- testing.message.info.decorationForeground#5b626e
- testing.message.info.lineBackground#2c79d114
- testing.message.info.marginBackground#2c79d1
- testing.peekBorder#ca4a63
- testing.peekHeaderBackground#ffffff
- testing.runAction#226948
- textBlockQuote.background#f2f3f5
- textBlockQuote.border#d2551f73
- textCodeBlock.background#f2f3f5
- textLink.activeForeground#8a3512
- textLink.foreground#2660a4
- textPreformat.background#d2551f14
- textPreformat.foreground#8b5b10
- textSeparator.foreground#e3e5ea
- titleBar.activeBackground#f2f3f5
- titleBar.activeForeground#5b626e
- titleBar.border#e3e5ea
- titleBar.inactiveBackground#f2f3f5
- titleBar.inactiveForeground#868d99
- toolbar.activeBackground#14161b1a
- toolbar.hoverBackground#14161b0f
- toolbar.hoverOutline#00000000
- tree.inactiveIndentGuidesStroke#e3e5ea80
- tree.indentGuidesStroke#e3e5ea
- tree.tableColumnsBorder#e3e5ea
- tree.tableOddRowsBackground#14161b05
- walkThrough.embeddedEditorBackground#f2f3f5
- walkthrough.stepTitle.foreground#14161b
- welcomePage.background#ffffff
- welcomePage.progress.background#f2f3f5
- welcomePage.progress.foreground#d2551f
- welcomePage.tileBackground#ffffff
- welcomePage.tileBorder#e3e5ea
- welcomePage.tileHoverBackground#cfd3db
- widget.border#e3e5ea
- widget.shadow#10141c1f
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #868d99 | italic |
| comment.block.documentation, comment.line.documentation | #868d99 | italic |
| storage.type.class.jsdoc, punctuation.definition.block.tag.jsdoc | #5b626e | italic |
| keyword, keyword.control, keyword.other, storage, storage.type, storage.modifier, keyword.operator.new, keyword.operator.expression, keyword.operator.delete, keyword.operator.logical.python, variable.language.this, variable.language.self, variable.language.super | #8a3512 | — |
| keyword.control.import, keyword.control.export, keyword.control.from | #8a3512 | — |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.relational, keyword.operator.bitwise | #5b626e | — |
| punctuation, punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.section, punctuation.accessor, meta.brace | #5b626e | — |
| entity.name.function, support.function, meta.function-call.generic, meta.function-call entity.name.function, variable.function | #9b342d | — |
| support.function.builtin, entity.name.function.macro, keyword.other.special-method, support.function.magic | #b64c1e | — |
| meta.decorator, entity.name.function.decorator, punctuation.decorator, meta.annotation, storage.type.annotation | #b64c1e | — |
| string, string.quoted, string.template, constant.other.symbol, punctuation.definition.string | #226948 | — |
| punctuation.definition.template-expression, punctuation.section.embedded, meta.embedded | #8a3512 | — |
| constant.character.escape, constant.character.entity | #705bb6 | — |
| string.regexp, constant.other.character-class.regexp, keyword.operator.quantifier.regexp | #8b5b10 | — |
| constant.numeric, constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, support.constant, variable.other.constant, constant.other.placeholder | #705bb6 | — |
| entity.name.type, entity.name.class, entity.name.struct, entity.name.enum, entity.name.union, entity.name.interface, entity.other.inherited-class, support.type, support.class, storage.type.primitive, entity.name.type.parameter | #2660a4 | — |
| entity.name.namespace, entity.name.module, entity.name.scope-resolution, support.module, support.other.namespace | #2660a4 | — |
| variable, variable.other, variable.other.readwrite, meta.definition.variable entity.name.function | #14161b | — |
| variable.parameter, meta.parameter, variable.other.parameter | #5b626e | — |
| variable.other.property, variable.other.object.property, support.variable.property, meta.object-literal.key, variable.object.property, support.type.property-name | #5b626e | — |
| entity.name.tag, punctuation.definition.tag, meta.tag | #9b342d | — |
| entity.other.attribute-name, meta.attribute, entity.other.attribute-name.class, entity.other.attribute-name.id | #8b5b10 | — |
| invalid, invalid.illegal | #9a334a | — |
| invalid.deprecated | #9a334a | strikethrough |
| markup.heading, entity.name.section, punctuation.definition.heading | #8a3512 | bold |
| markup.bold | #9b342d | bold |
| markup.italic | #9b342d | italic |
| markup.strikethrough | — | strikethrough |
| markup.quote | #5b626e | italic |
| markup.inline.raw, markup.fenced_code, markup.raw | #8b5b10 | — |
| markup.underline.link, string.other.link | #2660a4 | underline |
| punctuation.definition.list, markup.list | #8a3512 | — |
| markup.inserted, meta.diff.header.to-file | #226948 | — |
| markup.deleted, meta.diff.header.from-file | #9a334a | — |
| markup.changed | #8b5b10 | — |
| meta.diff.range, punctuation.definition.range.diff | #705bb6 | — |
| support.type.property-name.json, support.type.property-name.toml, support.type.property-name.table.toml, entity.name.tag.yaml | #9b342d | — |
| support.type.property-name.css, support.type.vendored.property-name.css | #2660a4 | — |
| support.constant.property-value.css, support.constant.font-name, constant.other.color | #705bb6 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.name.tag.css | #8b5b10 | — |
| keyword.control.at-rule, punctuation.definition.keyword.css | #8a3512 | — |
| variable.other.normal.shell, support.function.builtin.shell, meta.scope.case-block.shell | #b64c1e | — |
| support.function.builtin.zig, variable.language.zig | #b64c1e | — |
| storage.type.zig, entity.name.type.zig, support.type.zig | #2660a4 | — |
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#ff74451a
- activityBar.activeBorder#ff7445
- activityBar.activeFocusBorder#ff9a65
- activityBar.background#040407
- activityBar.border#1a1a1e
- activityBar.dropBorder#ff7445
- activityBar.foreground#ff7445
- activityBar.inactiveForeground#6d6a7a
- activityBarBadge.background#ff7445
- activityBarBadge.foreground#1b0c04
- activityBarTop.activeBorder#ff7445
- activityBarTop.dropBorder#ff7445
- activityBarTop.foreground#ff7445
- activityBarTop.inactiveForeground#6d6a7a
- badge.background#ff7445
- badge.foreground#1b0c04
- banner.background#1b1b22
- banner.foreground#f4f3f7
- banner.iconForeground#ff7445
- breadcrumb.activeSelectionForeground#ff7445
- breadcrumb.background#06060a
- breadcrumb.focusForeground#f4f3f7
- breadcrumb.foreground#6d6a7a
- breadcrumbPicker.background#1b1b22
- button.background#ff7445
- button.foreground#1b0c04
- button.hoverBackground#ff9a65
- button.secondaryBackground#1b1b22
- button.secondaryForeground#f4f3f7
- button.secondaryHoverBackground#29292c
- button.separator#1b0c0459
- charts.blue#00b8ff
- charts.foreground#f4f3f7
- charts.green#6ad68c
- charts.lines#1a1a1e
- charts.orange#ff7445
- charts.purple#be91ff
- charts.red#f06868
- charts.yellow#f4bf4f
- chat.avatarBackground#1b1b22
- chat.avatarForeground#ff7445
- chat.requestBorder#1a1a1e
- chat.slashCommandBackground#ff74451f
- chat.slashCommandForeground#ffd0bb
- checkbox.background#0a0a11
- checkbox.border#29292c
- checkbox.foreground#ff7445
- checkbox.selectBackground#1b1b22
- checkbox.selectBorder#ff744573
- commandCenter.activeBackground#1b1b22
- commandCenter.activeBorder#ff744573
- commandCenter.activeForeground#f4f3f7
- commandCenter.background#040407
- commandCenter.border#1a1a1e
- commandCenter.foreground#a8a5b4
- commandCenter.inactiveBorder#1a1a1e
- commandCenter.inactiveForeground#6d6a7a
- debugConsole.errorForeground#f06868
- debugConsole.infoForeground#00b8ff
- debugConsole.sourceForeground#a8a5b4
- debugConsole.warningForeground#f4bf4f
- debugConsoleInputIcon.foreground#ff7445
- debugExceptionWidget.background#1b1b22
- debugExceptionWidget.border#f06868
- debugIcon.breakpointCurrentStackframeForeground#ffc470
- debugIcon.breakpointDisabledForeground#f0686866
- debugIcon.breakpointForeground#f06868
- debugIcon.breakpointStackframeForeground#ff7445
- debugIcon.breakpointUnverifiedForeground#6d6a7a
- debugIcon.continueForeground#ff7445
- debugIcon.disconnectForeground#f06868
- debugIcon.pauseForeground#00b8ff
- debugIcon.restartForeground#6ad68c
- debugIcon.startForeground#6ad68c
- debugIcon.stepBackForeground#ff7445
- debugIcon.stepIntoForeground#ff7445
- debugIcon.stepOutForeground#ff7445
- debugIcon.stepOverForeground#ff7445
- debugIcon.stopForeground#f06868
- debugTokenExpression.boolean#be91ff
- debugTokenExpression.error#f06868
- debugTokenExpression.name#00b8ff
- debugTokenExpression.number#be91ff
- debugTokenExpression.string#6ad68c
- debugTokenExpression.value#a8a5b4
- debugToolBar.background#1b1b22
- debugToolBar.border#1a1a1e
- debugView.exceptionLabelBackground#f0686833
- debugView.exceptionLabelForeground#f4f3f7
- debugView.stateLabelBackground#ff74451f
- debugView.stateLabelForeground#f4f3f7
- debugView.valueChangedHighlight#ff7445
- descriptionForeground#a8a5b4
- diffEditor.border#1a1a1e
- diffEditor.diagonalFill#1a1a1e
- diffEditor.insertedLineBackground#6ad68c12
- diffEditor.insertedTextBackground#6ad68c1f
- diffEditor.insertedTextBorder#00000000
- diffEditor.removedLineBackground#f0686814
- diffEditor.removedTextBackground#f0686824
- diffEditor.removedTextBorder#00000000
- diffEditor.unchangedCodeBackground#f4f3f705
- diffEditor.unchangedRegionBackground#040407
- diffEditor.unchangedRegionForeground#6d6a7a
- diffEditorOverview.insertedForeground#6ad68c99
- diffEditorOverview.removedForeground#f0686899
- disabledForeground#6d6a7a
- dropdown.background#1b1b22
- dropdown.border#1a1a1e
- dropdown.foreground#f4f3f7
- dropdown.listBackground#1b1b22
- editor.background#06060a
- editor.findMatchBackground#ff744557
- editor.findMatchBorder#ff7445
- editor.findMatchHighlightBackground#ffc47033
- editor.findMatchHighlightBorder#00000000
- editor.findRangeHighlightBackground#f4f3f70d
- editor.focusedStackFrameHighlightBackground#6ad68c24
- editor.foreground#f4f3f7
- editor.hoverHighlightBackground#72b7ff1f
- editor.inactiveSelectionBackground#ff74451f
- editor.lineHighlightBackground#f4f3f70b
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#f4f3f70d
- editor.rangeHighlightBorder#00000000
- editor.selectionBackground#ff74453d
- editor.selectionHighlightBackground#ffc47024
- editor.selectionHighlightBorder#00000000
- editor.stackFrameHighlightBackground#ffc47024
- editor.symbolHighlightBackground#ff74451f
- editor.wordHighlightBackground#72b7ff24
- editor.wordHighlightBorder#00000000
- editor.wordHighlightStrongBackground#be91ff29
- editor.wordHighlightStrongBorder#00000000
- editorBracketHighlight.foreground1#ff7445
- editorBracketHighlight.foreground2#00b8ff
- editorBracketHighlight.foreground3#be91ff
- editorBracketHighlight.foreground4#ffc470
- editorBracketHighlight.foreground5#6ad68c
- editorBracketHighlight.foreground6#a8a5b4
- editorBracketHighlight.unexpectedBracket.foreground#f06868
- editorBracketMatch.background#ff74451f
- editorBracketMatch.border#ff744573
- editorBracketPairGuide.activeBackground1#ff7445
- editorBracketPairGuide.background1#ff744552
- editorCodeLens.foreground#6d6a7a
- editorCommentsWidget.rangeActiveBackground#ff74451f
- editorCommentsWidget.rangeBackground#ff74451a
- editorCommentsWidget.replyInputBackground#0a0a11
- editorCommentsWidget.resolvedBorder#6d6a7a
- editorCommentsWidget.unresolvedBorder#ff7445
- editorCursor.background#06060a
- editorCursor.foreground#ff7445
- editorError.border#00000000
- editorError.foreground#f06868
- editorGhostText.border#00000000
- editorGhostText.foreground#6d6a7a
- editorGroup.border#1a1a1e
- editorGroup.dropBackground#ff74451a
- editorGroup.emptyBackground#06060a
- editorGroup.focusedEmptyBorder#ff74453d
- editorGroupHeader.border#1a1a1e
- editorGroupHeader.noTabsBackground#040407
- editorGroupHeader.tabsBackground#040407
- editorGroupHeader.tabsBorder#1a1a1e
- editorGutter.addedBackground#6ad68c
- editorGutter.background#06060a
- editorGutter.commentGlyphForeground#a8a5b4
- editorGutter.commentRangeForeground#6d6a7a
- editorGutter.deletedBackground#f06868
- editorGutter.foldingControlForeground#a8a5b4
- editorGutter.modifiedBackground#00b8ff
- editorHint.border#00000000
- editorHint.foreground#a8a5b4
- editorHoverWidget.background#1b1b22
- editorHoverWidget.border#1a1a1e
- editorHoverWidget.foreground#f4f3f7
- editorHoverWidget.highlightForeground#ff7445
- editorHoverWidget.statusBarBackground#040407
- editorIndentGuide.activeBackground1#ff74453d
- editorIndentGuide.background1#1a1a1ed9
- editorInfo.border#00000000
- editorInfo.foreground#00b8ff
- editorInlayHint.background#f4f3f70d
- editorInlayHint.foreground#a8a5b4
- editorInlayHint.parameterBackground#f4f3f70d
- editorInlayHint.parameterForeground#a8a5b4
- editorInlayHint.typeBackground#f4f3f70d
- editorInlayHint.typeForeground#00b8ff
- editorLightBulb.foreground#f4bf4f
- editorLightBulbAi.foreground#ff7445
- editorLightBulbAutoFix.foreground#ffc470
- editorLineNumber.activeForeground#ff7445
- editorLineNumber.dimmedForeground#6d6a7a66
- editorLineNumber.foreground#6d6a7a
- editorLink.activeForeground#ff7445
- editorMarkerNavigation.background#1b1b22
- editorMarkerNavigationError.background#f06868
- editorMarkerNavigationInfo.background#00b8ff
- editorMarkerNavigationWarning.background#f4bf4f
- editorMultiCursor.primary.foreground#ff7445
- editorMultiCursor.secondary.foreground#ffc470
- editorOverviewRuler.addedForeground#6ad68c
- editorOverviewRuler.background#06060a
- editorOverviewRuler.border#00000000
- editorOverviewRuler.bracketMatchForeground#ff744573
- editorOverviewRuler.deletedForeground#f06868
- editorOverviewRuler.errorForeground#f06868
- editorOverviewRuler.findMatchForeground#ff744599
- editorOverviewRuler.infoForeground#00b8ff
- editorOverviewRuler.modifiedForeground#00b8ff
- editorOverviewRuler.rangeHighlightForeground#ffc47066
- editorOverviewRuler.selectionHighlightForeground#ffc47066
- editorOverviewRuler.warningForeground#f4bf4f
- editorOverviewRuler.wordHighlightForeground#72b7ff80
- editorOverviewRuler.wordHighlightStrongForeground#be91ff80
- editorPane.background#06060a
- editorRuler.foreground#1a1a1eb3
- editorStickyScroll.background#040407
- editorStickyScroll.border#1a1a1e
- editorStickyScroll.shadow#0000005c
- editorStickyScrollHover.background#1b1b22
- editorSuggestWidget.background#1b1b22
- editorSuggestWidget.border#1a1a1e
- editorSuggestWidget.focusHighlightForeground#ffc470
- editorSuggestWidget.foreground#f4f3f7
- editorSuggestWidget.highlightForeground#ff7445
- editorSuggestWidget.selectedBackground#f4f3f714
- editorSuggestWidget.selectedForeground#f4f3f7
- editorSuggestWidget.selectedIconForeground#ff7445
- editorSuggestWidgetStatus.foreground#6d6a7a
- editorUnnecessaryCode.opacity#0000008c
- editorWarning.border#00000000
- editorWarning.foreground#f4bf4f
- editorWhitespace.foreground#6d6a7a52
- editorWidget.background#1b1b22
- editorWidget.border#1a1a1e
- editorWidget.foreground#f4f3f7
- editorWidget.resizeBorder#ff744573
- errorForeground#f06868
- extensionBadge.remoteBackground#ff7445
- extensionBadge.remoteForeground#1b0c04
- extensionButton.background#ff7445
- extensionButton.foreground#1b0c04
- extensionButton.hoverBackground#ff9a65
- extensionButton.prominentBackground#ff7445
- extensionButton.prominentForeground#1b0c04
- extensionButton.prominentHoverBackground#ff9a65
- extensionIcon.preReleaseForeground#be91ff
- extensionIcon.sponsorForeground#f06868
- extensionIcon.starForeground#ffc470
- extensionIcon.verifiedForeground#6ad68c
- focusBorder#ff7445
- foreground#f4f3f7
- gitDecoration.addedResourceForeground#6ad68c
- gitDecoration.conflictingResourceForeground#ff7445
- gitDecoration.deletedResourceForeground#f06868
- gitDecoration.ignoredResourceForeground#6d6a7a
- gitDecoration.modifiedResourceForeground#f4bf4f
- gitDecoration.renamedResourceForeground#00b8ff
- gitDecoration.stageDeletedResourceForeground#f06868
- gitDecoration.stageModifiedResourceForeground#ffc470
- gitDecoration.submoduleResourceForeground#be91ff
- gitDecoration.untrackedResourceForeground#6ad68c
- icon.foreground#a8a5b4
- inlineChat.background#1b1b22
- inlineChat.border#1a1a1e
- inlineChat.shadow#0000005c
- inlineChatDiff.inserted#6ad68c1a
- inlineChatDiff.removed#f068681a
- inlineChatInput.background#0a0a11
- inlineChatInput.border#1a1a1e
- inlineChatInput.focusBorder#ff744573
- inlineChatInput.placeholderForeground#6d6a7a
- input.background#0a0a11
- input.border#1a1a1e
- input.foreground#f4f3f7
- input.placeholderForeground#6d6a7a
- inputOption.activeBackground#ff74451f
- inputOption.activeBorder#ff744573
- inputOption.activeForeground#ffd0bb
- inputOption.hoverBackground#f4f3f70f
- inputValidation.errorBackground#1b1b22
- inputValidation.errorBorder#f06868
- inputValidation.errorForeground#f4f3f7
- inputValidation.infoBackground#1b1b22
- inputValidation.infoBorder#00b8ff
- inputValidation.infoForeground#f4f3f7
- inputValidation.warningBackground#1b1b22
- inputValidation.warningBorder#f4bf4f
- inputValidation.warningForeground#f4f3f7
- keybindingLabel.background#f4f3f712
- keybindingLabel.border#1a1a1e
- keybindingLabel.bottomBorder#29292c
- keybindingLabel.foreground#f4f3f7
- keybindingTable.headerBackground#040407
- keybindingTable.rowsBackground#f4f3f705
- list.activeSelectionBackground#f4f3f714
- list.activeSelectionForeground#f4f3f7
- list.activeSelectionIconForeground#ff7445
- list.deemphasizedForeground#6d6a7a
- list.dropBackground#ff74451a
- list.errorForeground#f06868
- list.filterMatchBackground#ff74451f
- list.filterMatchBorder#ff74453d
- list.focusBackground#f4f3f717
- list.focusForeground#f4f3f7
- list.focusHighlightForeground#ffc470
- list.focusOutline#ff74453d
- list.highlightForeground#ff7445
- list.hoverBackground#f4f3f70d
- list.hoverForeground#f4f3f7
- list.inactiveFocusBackground#f4f3f70a
- list.inactiveFocusOutline#00000000
- list.inactiveSelectionBackground#f4f3f70d
- list.inactiveSelectionForeground#f4f3f7
- list.inactiveSelectionIconForeground#a8a5b4
- list.invalidItemForeground#f06868
- list.warningForeground#f4bf4f
- listFilterWidget.background#1b1b22
- listFilterWidget.noMatchesOutline#f06868
- listFilterWidget.outline#ff744573
- listFilterWidget.shadow#0000005c
- menu.background#1b1b22
- menu.border#1a1a1e
- menu.foreground#f4f3f7
- menu.selectionBackground#f4f3f717
- menu.selectionBorder#00000000
- menu.selectionForeground#f4f3f7
- menu.separatorBackground#1a1a1e
- menubar.selectionBackground#f4f3f714
- menubar.selectionBorder#00000000
- menubar.selectionForeground#f4f3f7
- merge.border#1a1a1e
- merge.commonContentBackground#a8a5b414
- merge.commonHeaderBackground#a8a5b433
- merge.currentContentBackground#ff74451a
- merge.currentHeaderBackground#ff744547
- merge.incomingContentBackground#00b8ff1a
- merge.incomingHeaderBackground#00b8ff4d
- mergeEditor.change.background#6ad68c1a
- mergeEditor.change.word.background#6ad68c2e
- mergeEditor.conflict.handledFocused.border#6ad68c99
- mergeEditor.conflict.handledUnfocused.border#6ad68c59
- mergeEditor.conflict.unhandledFocused.border#f4bf4f
- mergeEditor.conflict.unhandledUnfocused.border#f4bf4f80
- mergeEditor.conflictingLines.background#f4bf4f1a
- minimap.background#06060a
- minimap.errorHighlight#f06868
- minimap.findMatchHighlight#ff7445a6
- minimap.foregroundOpacity#000000c7
- minimap.selectionHighlight#ff744566
- minimap.selectionOccurrenceHighlight#ffc4704d
- minimap.warningHighlight#f4bf4f
- minimapGutter.addedBackground#6ad68c
- minimapGutter.deletedBackground#f06868
- minimapGutter.modifiedBackground#00b8ff
- minimapSlider.activeBackground#a8a5b43d
- minimapSlider.background#a8a5b41a
- minimapSlider.hoverBackground#a8a5b429
- notebook.cellBorderColor#1a1a1e
- notebook.cellEditorBackground#040407
- notebook.cellHoverBackground#f4f3f705
- notebook.cellInsertionIndicator#ff7445
- notebook.cellStatusBarItemHoverBackground#f4f3f714
- notebook.cellToolbarSeparator#1a1a1e
- notebook.editorBackground#06060a
- notebook.focusedCellBackground#f4f3f708
- notebook.focusedCellBorder#ff744573
- notebook.focusedEditorBorder#ff744573
- notebook.inactiveFocusedCellBorder#29292c
- notebook.outputContainerBackgroundColor#040407
- notebook.selectedCellBackground#f4f3f70a
- notebook.selectedCellBorder#29292c
- notebookScrollbarSlider.background#f4f3f71f
- notebookStatusErrorIcon.foreground#f06868
- notebookStatusRunningIcon.foreground#ff7445
- notebookStatusSuccessIcon.foreground#6ad68c
- notificationCenter.border#1a1a1e
- notificationCenterHeader.background#040407
- notificationCenterHeader.foreground#f4f3f7
- notificationLink.foreground#72b7ff
- notifications.background#1b1b22
- notifications.border#1a1a1e
- notifications.foreground#f4f3f7
- notificationsErrorIcon.foreground#f06868
- notificationsInfoIcon.foreground#00b8ff
- notificationsWarningIcon.foreground#f4bf4f
- notificationToast.border#1a1a1e
- outputView.background#040407
- panel.background#040407
- panel.border#1a1a1e
- panel.dropBorder#ff7445
- panelInput.border#1a1a1e
- panelSection.border#1a1a1e
- panelSection.dropBackground#ff74451a
- panelSectionHeader.background#040407
- panelSectionHeader.border#1a1a1e
- panelSectionHeader.foreground#f4f3f7
- panelStickyScroll.background#040407
- panelStickyScroll.border#1a1a1e
- panelTitle.activeBorder#ff7445
- panelTitle.activeForeground#f4f3f7
- panelTitle.inactiveForeground#6d6a7a
- peekView.border#ff744573
- peekViewEditor.background#040407
- peekViewEditor.matchHighlightBackground#ff744547
- peekViewEditor.matchHighlightBorder#00000000
- peekViewEditorGutter.background#040407
- peekViewEditorStickyScroll.background#040407
- peekViewResult.background#1b1b22
- peekViewResult.fileForeground#f4f3f7
- peekViewResult.lineForeground#a8a5b4
- peekViewResult.matchHighlightBackground#ffc4703d
- peekViewResult.selectionBackground#ff74451a
- peekViewResult.selectionForeground#f4f3f7
- peekViewTitle.background#1b1b22
- peekViewTitleDescription.foreground#a8a5b4
- peekViewTitleLabel.foreground#f4f3f7
- pickerGroup.border#1a1a1e
- pickerGroup.foreground#ff7445
- ports.iconRunningProcessForeground#ff7445
- problemsErrorIcon.foreground#f06868
- problemsInfoIcon.foreground#00b8ff
- problemsWarningIcon.foreground#f4bf4f
- profileBadge.background#ff7445
- profileBadge.foreground#1b0c04
- progressBar.background#ff7445
- quickInput.background#1b1b22
- quickInput.foreground#f4f3f7
- quickInputList.focusBackground#f4f3f714
- quickInputList.focusForeground#f4f3f7
- quickInputList.focusIconForeground#ff7445
- quickInputTitle.background#040407
- sash.hoverBorder#ff744573
- scmGraph.historyItemBaseRefColor#be91ff
- scmGraph.historyItemHoverAdditionsForeground#6ad68c
- scmGraph.historyItemHoverDefaultLabelBackground#ff74451f
- scmGraph.historyItemHoverDefaultLabelForeground#ffd0bb
- scmGraph.historyItemHoverDeletionsForeground#f06868
- scmGraph.historyItemHoverLabelForeground#f4f3f7
- scmGraph.historyItemRefColor#ff7445
- scmGraph.historyItemRemoteRefColor#00b8ff
- scrollbar.shadow#00000080
- scrollbarSlider.activeBackground#ff7445b3
- scrollbarSlider.background#f4f3f71f
- scrollbarSlider.hoverBackground#ff744580
- search.resultsInfoForeground#a8a5b4
- searchEditor.findMatchBackground#ffc47033
- searchEditor.textInputBorder#1a1a1e
- selection.background#ff74454d
- settings.checkboxBackground#0a0a11
- settings.checkboxBorder#29292c
- settings.checkboxForeground#ff7445
- settings.dropdownBackground#0a0a11
- settings.dropdownBorder#1a1a1e
- settings.dropdownForeground#f4f3f7
- settings.dropdownListBorder#1a1a1e
- settings.focusedRowBackground#f4f3f708
- settings.focusedRowBorder#ff74453d
- settings.headerBorder#1a1a1e
- settings.headerForeground#f4f3f7
- settings.modifiedItemIndicator#ff7445
- settings.numberInputBackground#0a0a11
- settings.numberInputBorder#1a1a1e
- settings.numberInputForeground#be91ff
- settings.rowHoverBackground#f4f3f705
- settings.sashBorder#1a1a1e
- settings.textInputBackground#0a0a11
- settings.textInputBorder#1a1a1e
- settings.textInputForeground#f4f3f7
- sideBar.background#0a0a11
- sideBar.border#1a1a1e
- sideBar.dropBackground#ff74451a
- sideBar.foreground#a8a5b4
- sideBarActivityBarTop.border#1a1a1e
- sideBarSectionHeader.background#00000000
- sideBarSectionHeader.border#1a1a1e
- sideBarSectionHeader.foreground#f4f3f7
- sideBarStickyScroll.background#0a0a11
- sideBarTitle.foreground#a8a5b4
- statusBar.background#040407
- statusBar.border#1a1a1e
- statusBar.debuggingBackground#ff7445
- statusBar.debuggingBorder#ff7445
- statusBar.debuggingForeground#1b0c04
- statusBar.focusBorder#ff744573
- statusBar.foreground#a8a5b4
- statusBar.noFolderBackground#040407
- statusBar.noFolderBorder#1a1a1e
- statusBar.noFolderForeground#6d6a7a
- statusBarItem.activeBackground#f4f3f71f
- statusBarItem.compactHoverBackground#f4f3f724
- statusBarItem.errorBackground#00000000
- statusBarItem.errorForeground#f06868
- statusBarItem.focusBorder#ff744573
- statusBarItem.hoverBackground#f4f3f714
- statusBarItem.hoverForeground#f4f3f7
- statusBarItem.offlineBackground#00000000
- statusBarItem.offlineForeground#f06868
- statusBarItem.prominentBackground#ff74451f
- statusBarItem.prominentForeground#ffd0bb
- statusBarItem.prominentHoverBackground#ff74453d
- statusBarItem.remoteBackground#00000000
- statusBarItem.remoteForeground#ff7445
- statusBarItem.warningBackground#00000000
- statusBarItem.warningForeground#f4bf4f
- symbolIcon.arrayForeground#a8a5b4
- symbolIcon.booleanForeground#be91ff
- symbolIcon.classForeground#00b8ff
- symbolIcon.colorForeground#ffc470
- symbolIcon.constantForeground#be91ff
- symbolIcon.constructorForeground#ffc470
- symbolIcon.enumeratorForeground#00b8ff
- symbolIcon.enumeratorMemberForeground#be91ff
- symbolIcon.eventForeground#ff7445
- symbolIcon.fieldForeground#a8a5b4
- symbolIcon.fileForeground#a8a5b4
- symbolIcon.folderForeground#a8a5b4
- symbolIcon.functionForeground#ffc470
- symbolIcon.interfaceForeground#00b8ff
- symbolIcon.keyForeground#ff7445
- symbolIcon.keywordForeground#ff7445
- symbolIcon.methodForeground#ffc470
- symbolIcon.moduleForeground#00b8ff
- symbolIcon.namespaceForeground#00b8ff
- symbolIcon.nullForeground#be91ff
- symbolIcon.numberForeground#be91ff
- symbolIcon.objectForeground#00b8ff
- symbolIcon.operatorForeground#a8a5b4
- symbolIcon.packageForeground#00b8ff
- symbolIcon.propertyForeground#a8a5b4
- symbolIcon.referenceForeground#72b7ff
- symbolIcon.snippetForeground#6ad68c
- symbolIcon.stringForeground#6ad68c
- symbolIcon.structForeground#00b8ff
- symbolIcon.textForeground#f4f3f7
- symbolIcon.typeParameterForeground#00b8ff
- symbolIcon.unitForeground#a8a5b4
- symbolIcon.variableForeground#f4f3f7
- tab.activeBackground#06060a
- tab.activeBorder#06060a
- tab.activeBorderTop#ff7445
- tab.activeForeground#f4f3f7
- tab.activeModifiedBorder#00b8ff
- tab.border#1a1a1e
- tab.hoverBackground#06060a
- tab.hoverBorder#ff74453d
- tab.hoverForeground#f4f3f7
- tab.inactiveBackground#040407
- tab.inactiveForeground#6d6a7a
- tab.inactiveModifiedBorder#00b8ff80
- tab.lastPinnedBorder#29292c
- tab.unfocusedActiveBackground#06060a
- tab.unfocusedActiveBorder#06060a
- tab.unfocusedActiveBorderTop#ff744566
- tab.unfocusedActiveForeground#a8a5b4
- tab.unfocusedActiveModifiedBorder#00b8ff80
- tab.unfocusedHoverBackground#f4f3f70a
- tab.unfocusedInactiveBackground#040407
- tab.unfocusedInactiveForeground#6d6a7a
- tab.unfocusedInactiveModifiedBorder#00b8ff4d
- terminal.ansiBlack#1a1a1e
- terminal.ansiBlue#00b8ff
- terminal.ansiBrightBlack#6d6a7a
- terminal.ansiBrightBlue#00b8ff
- terminal.ansiBrightCyan#3dc9ff
- terminal.ansiBrightGreen#8ee0a8
- terminal.ansiBrightMagenta#ceabff
- terminal.ansiBrightRed#f48c8c
- terminal.ansiBrightWhite#f4f3f7
- terminal.ansiBrightYellow#ffc470
- terminal.ansiCyan#00b8ff
- terminal.ansiGreen#6ad68c
- terminal.ansiMagenta#be91ff
- terminal.ansiRed#f06868
- terminal.ansiWhite#a8a5b4
- terminal.ansiYellow#f4bf4f
- terminal.background#040407
- terminal.border#1a1a1e
- terminal.dropBackground#ff74451a
- terminal.findMatchBackground#ff744557
- terminal.findMatchHighlightBackground#ffc47033
- terminal.foreground#f4f3f7
- terminal.hoverHighlightBackground#72b7ff1a
- terminal.inactiveSelectionBackground#ff74451f
- terminal.selectionBackground#ff74453d
- terminal.tab.activeBorder#ff7445
- terminalCommandDecoration.defaultBackground#6d6a7a
- terminalCommandDecoration.errorBackground#f06868
- terminalCommandDecoration.successBackground#6ad68c
- terminalCursor.background#040407
- terminalCursor.foreground#ff7445
- terminalOverviewRuler.cursorForeground#ff7445
- terminalOverviewRuler.findMatchForeground#ff744599
- terminalStickyScrollHover.background#1b1b22
- testing.iconErrored#f06868
- testing.iconFailed#f06868
- testing.iconPassed#6ad68c
- testing.iconQueued#f4bf4f
- testing.iconSkipped#6d6a7a
- testing.iconUnset#6d6a7a
- testing.message.error.badgeBackground#f0686833
- testing.message.error.badgeBorder#f0686873
- testing.message.error.badgeForeground#f4f3f7
- testing.message.error.lineBackground#f068681a
- testing.message.error.marginBackground#f06868
- testing.message.info.decorationForeground#a8a5b4
- testing.message.info.lineBackground#00b8ff14
- testing.message.info.marginBackground#00b8ff
- testing.peekBorder#f06868
- testing.peekHeaderBackground#1b1b22
- testing.runAction#6ad68c
- textBlockQuote.background#040407
- textBlockQuote.border#ff744573
- textCodeBlock.background#040407
- textLink.activeForeground#ff7445
- textLink.foreground#72b7ff
- textPreformat.background#ff74451a
- textPreformat.foreground#ffc470
- textSeparator.foreground#1a1a1e
- titleBar.activeBackground#040407
- titleBar.activeForeground#a8a5b4
- titleBar.border#1a1a1e
- titleBar.inactiveBackground#040407
- titleBar.inactiveForeground#6d6a7a
- toolbar.activeBackground#f4f3f71a
- toolbar.hoverBackground#f4f3f70f
- toolbar.hoverOutline#00000000
- tree.inactiveIndentGuidesStroke#1a1a1e80
- tree.indentGuidesStroke#1a1a1e
- tree.tableColumnsBorder#1a1a1e
- tree.tableOddRowsBackground#f4f3f705
- walkThrough.embeddedEditorBackground#040407
- walkthrough.stepTitle.foreground#f4f3f7
- welcomePage.background#06060a
- welcomePage.progress.background#040407
- welcomePage.progress.foreground#ff7445
- welcomePage.tileBackground#1b1b22
- welcomePage.tileBorder#1a1a1e
- welcomePage.tileHoverBackground#29292c
- widget.border#1a1a1e
- widget.shadow#0000005c
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #6d6a7a | italic |
| comment.block.documentation, comment.line.documentation | #6d6a7a | italic |
| storage.type.class.jsdoc, punctuation.definition.block.tag.jsdoc | #a8a5b4 | italic |
| keyword, keyword.control, keyword.other, storage, storage.type, storage.modifier, keyword.operator.new, keyword.operator.expression, keyword.operator.delete, keyword.operator.logical.python, variable.language.this, variable.language.self, variable.language.super | #ff7445 | — |
| keyword.control.import, keyword.control.export, keyword.control.from | #ff7445 | — |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.relational, keyword.operator.bitwise | #a8a5b4 | — |
| punctuation, punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.section, punctuation.accessor, meta.brace | #a8a5b4 | — |
| entity.name.function, support.function, meta.function-call.generic, meta.function-call entity.name.function, variable.function | #ffc470 | — |
| support.function.builtin, entity.name.function.macro, keyword.other.special-method, support.function.magic | #ff9a65 | — |
| meta.decorator, entity.name.function.decorator, punctuation.decorator, meta.annotation, storage.type.annotation | #ff9a65 | — |
| string, string.quoted, string.template, constant.other.symbol, punctuation.definition.string | #6ad68c | — |
| punctuation.definition.template-expression, punctuation.section.embedded, meta.embedded | #ff7445 | — |
| constant.character.escape, constant.character.entity | #be91ff | — |
| string.regexp, constant.other.character-class.regexp, keyword.operator.quantifier.regexp | #f4bf4f | — |
| constant.numeric, constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, support.constant, variable.other.constant, constant.other.placeholder | #be91ff | — |
| entity.name.type, entity.name.class, entity.name.struct, entity.name.enum, entity.name.union, entity.name.interface, entity.other.inherited-class, support.type, support.class, storage.type.primitive, entity.name.type.parameter | #00b8ff | — |
| entity.name.namespace, entity.name.module, entity.name.scope-resolution, support.module, support.other.namespace | #00b8ff | — |
| variable, variable.other, variable.other.readwrite, meta.definition.variable entity.name.function | #f4f3f7 | — |
| variable.parameter, meta.parameter, variable.other.parameter | #a8a5b4 | — |
| variable.other.property, variable.other.object.property, support.variable.property, meta.object-literal.key, variable.object.property, support.type.property-name | #a8a5b4 | — |
| entity.name.tag, punctuation.definition.tag, meta.tag | #ff9a65 | — |
| entity.other.attribute-name, meta.attribute, entity.other.attribute-name.class, entity.other.attribute-name.id | #ffc470 | — |
| invalid, invalid.illegal | #f06868 | — |
| invalid.deprecated | #f06868 | strikethrough |
| markup.heading, entity.name.section, punctuation.definition.heading | #ff7445 | bold |
| markup.bold | #ffc470 | bold |
| markup.italic | #ffc470 | italic |
| markup.strikethrough | — | strikethrough |
| markup.quote | #a8a5b4 | italic |
| markup.inline.raw, markup.fenced_code, markup.raw | #ffc470 | — |
| markup.underline.link, string.other.link | #72b7ff | underline |
| punctuation.definition.list, markup.list | #ff7445 | — |
| markup.inserted, meta.diff.header.to-file | #6ad68c | — |
| markup.deleted, meta.diff.header.from-file | #f06868 | — |
| markup.changed | #ffc470 | — |
| meta.diff.range, punctuation.definition.range.diff | #be91ff | — |
| support.type.property-name.json, support.type.property-name.toml, support.type.property-name.table.toml, entity.name.tag.yaml | #ffc470 | — |
| support.type.property-name.css, support.type.vendored.property-name.css | #00b8ff | — |
| support.constant.property-value.css, support.constant.font-name, constant.other.color | #be91ff | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.name.tag.css | #ffc470 | — |
| keyword.control.at-rule, punctuation.definition.keyword.css | #ff7445 | — |
| variable.other.normal.shell, support.function.builtin.shell, meta.scope.case-block.shell | #ff9a65 | — |
| support.function.builtin.zig, variable.language.zig | #ff9a65 | — |
| storage.type.zig, entity.name.type.zig, support.type.zig | #00b8ff | — |