Skip to main content
Coding Theme

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#0f1a1a
  • activityBar.activeBorder#3a9890
  • activityBar.background#090a0a
  • activityBar.border#0e1a1a
  • activityBar.dropBorder#3a9890
  • activityBar.foreground#3a9890
  • activityBar.inactiveForeground#4e7070
  • activityBarBadge.background#3a9890
  • activityBarBadge.foreground#090a0a
  • activityBarItem.profilesBackground#0b1010
  • activityBarItem.profilesForeground#3a9890
  • activityBarItem.profilesHoverForeground#56b0a8
  • badge.background#2d8880
  • badge.foreground#090a0a
  • breadcrumb.activeSelectionForeground#3a9890
  • breadcrumb.background#0e1313
  • breadcrumb.focusForeground#dbd8c6
  • breadcrumb.foreground#527070
  • breadcrumbPicker.background#090d0d
  • button.background#2d8880
  • button.border#0c1e1e
  • button.foreground#090a0a
  • button.hoverBackground#3a9890
  • button.secondaryBackground#152222
  • button.secondaryForeground#56b0a8
  • button.secondaryHoverBackground#1a2c2c
  • charts.blue#3a9890
  • charts.foreground#dbd8c6
  • charts.green#8acc7c
  • charts.lines#324444
  • charts.orange#d49858
  • charts.purple#8878d8
  • charts.red#c86868
  • charts.yellow#d4b45a
  • checkbox.background#0b0f0f
  • checkbox.border#1a2828
  • checkbox.foreground#dbd8c6
  • commandCenter.activeBackground#0e1313
  • commandCenter.activeBorder#2d8880
  • commandCenter.activeForeground#dbd8c6
  • commandCenter.background#0b0f0f
  • commandCenter.border#1a2828
  • commandCenter.foreground#9aa0a0
  • commandCenter.inactiveBorder#0e1a1a
  • commandCenter.inactiveForeground#446060
  • debugConsole.errorForeground#c86868
  • debugConsole.infoForeground#3a9890
  • debugConsole.sourceForeground#d4b45a
  • debugConsole.warningForeground#cca850
  • debugConsoleInputIcon.foreground#3a9890
  • debugIcon.breakpointDisabledForeground#582828
  • debugIcon.breakpointForeground#c86868
  • debugIcon.breakpointUnverifiedForeground#cca850
  • debugIcon.continueForeground#8acc7c
  • debugIcon.disconnectForeground#cca850
  • debugIcon.pauseForeground#d4b45a
  • debugIcon.restartForeground#3a9890
  • debugIcon.startForeground#8acc7c
  • debugIcon.stepBackForeground#56b0a8
  • debugIcon.stepIntoForeground#3a9890
  • debugIcon.stepOutForeground#3a9890
  • debugIcon.stepOverForeground#56b0a8
  • debugIcon.stopForeground#c86868
  • debugToolBar.background#090d0d
  • debugToolBar.border#1a2828
  • debugView.exceptionLabelBackground#781818
  • debugView.exceptionLabelForeground#e08080
  • debugView.stateLabelBackground#152222
  • debugView.stateLabelForeground#3a9890
  • debugView.valueChangedHighlight#3a989040
  • descriptionForeground#527070
  • diffEditor.border#1a2828
  • diffEditor.diagonalFill#1a2828
  • diffEditor.insertedLineBackground#8acc7c12
  • diffEditor.insertedTextBackground#8acc7c18
  • diffEditor.insertedTextBorder#8acc7c40
  • diffEditor.removedLineBackground#c8686812
  • diffEditor.removedTextBackground#c8686818
  • diffEditor.removedTextBorder#c8686840
  • diffEditorGutter.insertedLineBackground#38785a20
  • diffEditorGutter.removedLineBackground#88383820
  • diffEditorOverview.insertedForeground#8acc7c80
  • diffEditorOverview.removedForeground#c8686880
  • disabledForeground#364848
  • dropdown.background#0b0f0f
  • dropdown.border#1a2828
  • dropdown.foreground#dbd8c6
  • dropdown.listBackground#090d0d
  • editor.background#0e1313
  • editor.findMatchBackground#264a3890
  • editor.findMatchBorder#3a989080
  • editor.findMatchHighlightBackground#1c3a3060
  • editor.findMatchHighlightBorder#32545430
  • editor.findRangeHighlightBackground#162222
  • editor.findRangeHighlightBorder#00000000
  • editor.focusedStackFrameHighlightBackground#285428
  • editor.foreground#dbd8c6
  • editor.hoverHighlightBackground#192626
  • editor.inactiveSelectionBackground#141e1e60
  • editor.lineHighlightBackground#121b1b
  • editor.lineHighlightBorder#162222
  • editor.rangeHighlightBackground#16222240
  • editor.rangeHighlightBorder#00000000
  • editor.selectionBackground#19262690
  • editor.selectionForeground#eae6d8
  • editor.selectionHighlightBackground#141e1e60
  • editor.selectionHighlightBorder#32545430
  • editor.stackFrameHighlightBackground#224422
  • editor.symbolHighlightBackground#162222
  • editor.symbolHighlightBorder#32545430
  • editor.wordHighlightBackground#141e1e60
  • editor.wordHighlightBorder#32545430
  • editor.wordHighlightStrongBackground#192626
  • editor.wordHighlightStrongBorder#2d888030
  • editor.wordHighlightTextBackground#141e1e40
  • editorBracketHighlight.foreground1#3a9890
  • editorBracketHighlight.foreground2#d4b45a
  • editorBracketHighlight.foreground3#8acc7c
  • editorBracketHighlight.foreground4#c47888
  • editorBracketHighlight.foreground5#8878d8
  • editorBracketHighlight.foreground6#e4cc60
  • editorBracketHighlight.unexpectedBracket.foreground#c86868
  • editorBracketMatch.background#192626
  • editorBracketMatch.border#2d8880
  • editorBracketPairGuide.activeBackground1#3a989030
  • editorBracketPairGuide.activeBackground2#d4b45a30
  • editorBracketPairGuide.activeBackground3#8acc7c30
  • editorBracketPairGuide.background1#3a989010
  • editorBracketPairGuide.background2#d4b45a10
  • editorBracketPairGuide.background3#8acc7c10
  • editorCodeLens.foreground#365858
  • editorCursor.background#0e1313
  • editorCursor.foreground#3a9890
  • editorError.background#c8686810
  • editorError.border#c8686820
  • editorError.foreground#c86868
  • editorGhostText.foreground#36484860
  • editorGroup.background#0b0f0f
  • editorGroup.border#0e1a1a
  • editorGroup.dropBackground#16222240
  • editorGroup.emptyBackground#0b0f0f
  • editorGroupHeader.border#0e1a1a
  • editorGroupHeader.noTabsBackground#0c1212
  • editorGroupHeader.tabsBackground#090d0d
  • editorGroupHeader.tabsBorder#0e1a1a
  • editorGutter.addedBackground#38785a
  • editorGutter.background#0e1313
  • editorGutter.commentRangeForeground#324444
  • editorGutter.deletedBackground#883838
  • editorGutter.foldingControlForeground#426060
  • editorGutter.modifiedBackground#887830
  • editorHint.border#56b0a820
  • editorHint.foreground#56b0a8
  • editorHoverWidget.background#090d0d
  • editorHoverWidget.border#1a2828
  • editorHoverWidget.foreground#dbd8c6
  • editorHoverWidget.highlightForeground#3a9890
  • editorHoverWidget.statusBarBackground#090a0a
  • editorIndentGuide.activeBackground1#243636
  • editorIndentGuide.background1#162222
  • editorInfo.background#3a989010
  • editorInfo.border#3a989020
  • editorInfo.foreground#3a9890
  • editorInlayHint.background#0c1616
  • editorInlayHint.foreground#426060
  • editorInlayHint.parameterBackground#0c1616
  • editorInlayHint.parameterForeground#426858
  • editorInlayHint.typeBackground#0c1616
  • editorInlayHint.typeForeground#467070
  • editorLightBulb.foreground#e4cc60
  • editorLightBulbAutoFix.foreground#3a9890
  • editorLineNumber.activeForeground#527878
  • editorLineNumber.dimmedForeground#243434
  • editorLineNumber.foreground#324444
  • editorLink.activeForeground#3a9890
  • editorMultiCursor.primary.background#0e1313
  • editorMultiCursor.primary.foreground#3a9890
  • editorMultiCursor.secondary.background#0e1313
  • editorMultiCursor.secondary.foreground#2d8880
  • editorOverviewRuler.addedForeground#8acc7c80
  • editorOverviewRuler.background#090a0a
  • editorOverviewRuler.border#162222
  • editorOverviewRuler.bracketMatchForeground#2d888080
  • editorOverviewRuler.commonContentForeground#dbd8c620
  • editorOverviewRuler.currentContentForeground#3a989060
  • editorOverviewRuler.deletedForeground#c8686880
  • editorOverviewRuler.errorForeground#c86868
  • editorOverviewRuler.findMatchForeground#264a3880
  • editorOverviewRuler.incomingContentForeground#8acc7c60
  • editorOverviewRuler.infoForeground#3a9890
  • editorOverviewRuler.modifiedForeground#d4b45a80
  • editorOverviewRuler.rangeHighlightForeground#16222240
  • editorOverviewRuler.selectionHighlightForeground#19262660
  • editorOverviewRuler.warningForeground#cca850
  • editorOverviewRuler.wordHighlightForeground#14202060
  • editorOverviewRuler.wordHighlightStrongForeground#19262660
  • editorRuler.foreground#162222
  • editorSuggestWidget.background#090d0d
  • editorSuggestWidget.border#1a2828
  • editorSuggestWidget.focusHighlightForeground#3a9890
  • editorSuggestWidget.foreground#dbd8c6
  • editorSuggestWidget.highlightForeground#3a9890
  • editorSuggestWidget.selectedBackground#162222
  • editorSuggestWidget.selectedForeground#dbd8c6
  • editorSuggestWidget.selectedIconForeground#3a9890
  • editorSuggestWidgetStatus.foreground#527070
  • editorUnnecessaryCode.border#426060
  • editorUnnecessaryCode.opacity#000000a0
  • editorWarning.background#cca85010
  • editorWarning.border#cca85020
  • editorWarning.foreground#cca850
  • editorWhitespace.foreground#1a2828
  • editorWidget.background#090d0d
  • editorWidget.border#1a2828
  • editorWidget.foreground#dbd8c6
  • editorWidget.resizeBorder#2d8880
  • errorForeground#c86868
  • extensionBadge.remoteBackground#2d8880
  • extensionBadge.remoteForeground#090a0a
  • extensionButton.prominentBackground#2d8880
  • extensionButton.prominentForeground#090a0a
  • extensionButton.prominentHoverBackground#3a9890
  • extensionIcon.preReleaseForeground#a4d890
  • extensionIcon.sponsorForeground#d49858
  • extensionIcon.starForeground#e4cc60
  • extensionIcon.verifiedForeground#3a9890
  • focusBorder#2d8880
  • foreground#dbd8c6
  • gitDecoration.addedResourceForeground#8acc7c
  • gitDecoration.conflictingResourceForeground#cca850
  • gitDecoration.deletedResourceForeground#c86868
  • gitDecoration.ignoredResourceForeground#324444
  • gitDecoration.modifiedResourceForeground#d4b45a
  • gitDecoration.renamedResourceForeground#3a9890
  • gitDecoration.stageDeletedResourceForeground#e08080
  • gitDecoration.stageModifiedResourceForeground#e4cc60
  • gitDecoration.submoduleResourceForeground#56b0a8
  • gitDecoration.untrackedResourceForeground#a4d890
  • icon.foreground#dbd8c6
  • input.background#0b0f0f
  • input.border#1a2828
  • input.foreground#dbd8c6
  • input.placeholderForeground#364848
  • inputOption.activeBackground#152222
  • inputOption.activeBorder#3a9890
  • inputOption.activeForeground#dbd8c6
  • inputOption.hoverBackground#0f1c1c
  • inputValidation.errorBackground#281010
  • inputValidation.errorBorder#c86868
  • inputValidation.errorForeground#e08080
  • inputValidation.infoBackground#081c1c
  • inputValidation.infoBorder#3a9890
  • inputValidation.infoForeground#dbd8c6
  • inputValidation.warningBackground#241c06
  • inputValidation.warningBorder#cca850
  • inputValidation.warningForeground#dbd8c6
  • keybindingLabel.background#0e1313
  • keybindingLabel.border#1a2828
  • keybindingLabel.bottomBorder#243636
  • keybindingLabel.foreground#dbd8c6
  • list.activeSelectionBackground#1d3232
  • list.activeSelectionForeground#eae6d8
  • list.activeSelectionIconForeground#5ecfcc
  • list.deemphasizedForeground#527070
  • list.dropBackground#1d3232
  • list.errorForeground#c86868
  • list.focusBackground#1d3232
  • list.focusForeground#eae6d8
  • list.focusHighlightForeground#5ecfcc
  • list.focusOutline#3a989060
  • list.highlightForeground#5ecfcc
  • list.hoverBackground#141f1f
  • list.hoverForeground#d6d2c0
  • list.inactiveSelectionBackground#141e1e
  • list.inactiveSelectionForeground#a2aaa8
  • list.inactiveSelectionIconForeground#587878
  • list.warningForeground#cca850
  • listFilterWidget.background#0b0f0f
  • listFilterWidget.noMatchesOutline#c86868
  • listFilterWidget.outline#3a9890
  • listFilterWidget.shadow#00000060
  • menu.background#090d0d
  • menu.border#1a2828
  • menu.foreground#dbd8c6
  • menu.selectionBackground#162222
  • menu.selectionBorder#2d888040
  • menu.selectionForeground#dbd8c6
  • menu.separatorBackground#1a2828
  • menubar.selectionBackground#162222
  • menubar.selectionBorder#2d888040
  • menubar.selectionForeground#dbd8c6
  • merge.border#1a2828
  • merge.commonContentBackground#dbd8c610
  • merge.commonHeaderBackground#dbd8c620
  • merge.currentContentBackground#3a989010
  • merge.currentHeaderBackground#3a989030
  • merge.incomingContentBackground#8acc7c10
  • merge.incomingHeaderBackground#8acc7c30
  • mergeEditor.change.background#8acc7c18
  • mergeEditor.change.word.background#8acc7c30
  • mergeEditor.conflict.handledFocused.border#3a9890
  • mergeEditor.conflict.handledUnfocused.border#3a989060
  • mergeEditor.conflict.unhandledFocused.border#e08080
  • mergeEditor.conflict.unhandledUnfocused.border#c86868
  • minimap.background#090a0a
  • minimap.errorHighlight#c8686880
  • minimap.findMatchHighlight#264a3880
  • minimap.foregroundOpacity#000000c0
  • minimap.selectionHighlight#19262680
  • minimap.warningHighlight#cca85080
  • minimapGutter.addedBackground#4a9a6880
  • minimapGutter.deletedBackground#c8686880
  • minimapGutter.modifiedBackground#d4b45a80
  • minimapSlider.activeBackground#364a4a60
  • minimapSlider.background#19262630
  • minimapSlider.hoverBackground#243a3a50
  • notificationCenter.border#1a2828
  • notificationCenterHeader.background#090a0a
  • notificationCenterHeader.foreground#c4c2b2
  • notificationLink.foreground#3a9890
  • notifications.background#0b0f0f
  • notifications.border#1a2828
  • notifications.foreground#dbd8c6
  • notificationsErrorIcon.foreground#c86868
  • notificationsInfoIcon.foreground#3a9890
  • notificationsWarningIcon.foreground#cca850
  • notificationToast.border#1a2828
  • panel.background#090d0d
  • panel.border#0e1a1a
  • panel.dropBorder#3a9890
  • panelInput.border#1a2828
  • panelSection.border#0e1a1a
  • panelSection.dropBackground#162222
  • panelSectionHeader.background#0c1212
  • panelSectionHeader.border#0e1a1a
  • panelSectionHeader.foreground#c4c2b2
  • panelTitle.activeBorder#3a9890
  • panelTitle.activeForeground#dbd8c6
  • panelTitle.inactiveForeground#527070
  • peekView.border#3a9890
  • peekViewEditor.background#090d0d
  • peekViewEditor.matchHighlightBackground#224438
  • peekViewEditor.matchHighlightBorder#346448
  • peekViewEditorGutter.background#090d0d
  • peekViewEditorStickyScroll.background#0b1010
  • peekViewResult.background#0b0f0f
  • peekViewResult.fileForeground#96a0a0
  • peekViewResult.lineForeground#dbd8c6
  • peekViewResult.matchHighlightBackground#192626
  • peekViewResult.selectionBackground#162222
  • peekViewResult.selectionForeground#dbd8c6
  • peekViewTitle.background#090a0a
  • peekViewTitleDescription.foreground#3a9890
  • peekViewTitleLabel.foreground#dbd8c6
  • progressBar.background#3a9890
  • quickInput.background#090d0d
  • quickInput.foreground#dbd8c6
  • quickInputList.focusBackground#162222
  • quickInputList.focusForeground#dbd8c6
  • quickInputList.focusIconForeground#3a9890
  • quickInputTitle.background#090a0a
  • sash.hoverBorder#2d8880
  • scrollbar.shadow#00000060
  • scrollbarSlider.activeBackground#364a4a80
  • scrollbarSlider.background#192626
  • scrollbarSlider.hoverBackground#243a3a80
  • selection.background#192626
  • settings.checkboxBackground#0b0f0f
  • settings.checkboxBorder#1a2828
  • settings.checkboxForeground#dbd8c6
  • settings.dropdownBackground#0b0f0f
  • settings.dropdownBorder#1a2828
  • settings.dropdownForeground#dbd8c6
  • settings.dropdownListBorder#1a2828
  • settings.focusedRowBackground#0e1313
  • settings.focusedRowBorder#2d888040
  • settings.headerBorder#1a2828
  • settings.headerForeground#e2e0d4
  • settings.modifiedItemIndicator#d4b45a
  • settings.numberInputBackground#0b0f0f
  • settings.numberInputBorder#1a2828
  • settings.numberInputForeground#dbd8c6
  • settings.rowHoverBackground#0b1010
  • settings.rowHoverForeground#dbd8c6
  • settings.sashBorder#1a2828
  • settings.textInputBackground#0b0f0f
  • settings.textInputBorder#1a2828
  • settings.textInputForeground#dbd8c6
  • sideBar.background#0b0f0f
  • sideBar.border#0e1a1a
  • sideBar.dropBackground#1d3232
  • sideBar.foreground#a4aeaa
  • sideBarSectionHeader.background#0d1616
  • sideBarSectionHeader.border#1a2a2a
  • sideBarSectionHeader.foreground#3a9890
  • sideBarTitle.foreground#e2e0d4
  • statusBar.background#090a0a
  • statusBar.border#0e1a1a
  • statusBar.debuggingBackground#1c5858
  • statusBar.debuggingBorder#2d8880
  • statusBar.debuggingForeground#dbd8c6
  • statusBar.focusBorder#2d8880
  • statusBar.foreground#6a9090
  • statusBar.noFolderBackground#090a0a
  • statusBar.noFolderBorder#0e1a1a
  • statusBar.noFolderForeground#527070
  • statusBarItem.activeBackground#152222
  • statusBarItem.compactHoverBackground#152222
  • statusBarItem.errorBackground#782020
  • statusBarItem.errorForeground#e08080
  • statusBarItem.focusBorder#2d8880
  • statusBarItem.hoverBackground#0f1c1c
  • statusBarItem.prominentBackground#152222
  • statusBarItem.prominentForeground#3a9890
  • statusBarItem.prominentHoverBackground#192626
  • statusBarItem.remoteBackground#2d8880
  • statusBarItem.remoteForeground#090a0a
  • statusBarItem.warningBackground#5a4810
  • statusBarItem.warningForeground#e4cc60
  • symbolIcon.arrayForeground#8acc7c
  • symbolIcon.booleanForeground#e4cc60
  • symbolIcon.classForeground#c04878
  • symbolIcon.colorForeground#e0b44a
  • symbolIcon.constantForeground#e4cc60
  • symbolIcon.constructorForeground#c04878
  • symbolIcon.enumeratorForeground#d4a030
  • symbolIcon.enumeratorMemberForeground#e4cc60
  • symbolIcon.eventForeground#e0b44a
  • symbolIcon.fieldForeground#8ecab8
  • symbolIcon.fileForeground#dbd8c6
  • symbolIcon.folderForeground#e0b44a
  • symbolIcon.functionForeground#e0b44a
  • symbolIcon.interfaceForeground#c04878
  • symbolIcon.keyForeground#8ecab8
  • symbolIcon.keywordForeground#3a9890
  • symbolIcon.methodForeground#e0b44a
  • symbolIcon.moduleForeground#8cccc0
  • symbolIcon.namespaceForeground#8cccc0
  • symbolIcon.nullForeground#e4cc60
  • symbolIcon.numberForeground#ca6702
  • symbolIcon.objectForeground#c04878
  • symbolIcon.operatorForeground#56b0a8
  • symbolIcon.packageForeground#8cccc0
  • symbolIcon.propertyForeground#8ecab8
  • symbolIcon.referenceForeground#8ecab8
  • symbolIcon.snippetForeground#8acc7c
  • symbolIcon.stringForeground#8acc7c
  • symbolIcon.structForeground#c04878
  • symbolIcon.textForeground#dbd8c6
  • symbolIcon.typeParameterForeground#94d2bd
  • symbolIcon.unitForeground#ca6702
  • symbolIcon.variableForeground#dbd8c6
  • tab.activeBackground#0e1313
  • tab.activeBorder#3a9890
  • tab.activeForeground#dbd8c6
  • tab.activeModifiedBorder#d4b45a
  • tab.border#0e1a1a
  • tab.hoverBackground#0e1313
  • tab.hoverBorder#365050
  • tab.hoverForeground#96a0a0
  • tab.inactiveBackground#090d0d
  • tab.inactiveForeground#527070
  • tab.inactiveModifiedBorder#8a7a3080
  • tab.lastPinnedBorder#1a2828
  • tab.unfocusedActiveBackground#0e1313
  • tab.unfocusedActiveBorder#36505080
  • tab.unfocusedActiveForeground#96a0a080
  • tab.unfocusedInactiveBackground#090d0d
  • tab.unfocusedInactiveForeground#52707080
  • terminal.ansiBlack#182424
  • terminal.ansiBlue#3a9890
  • terminal.ansiBrightBlack#324444
  • terminal.ansiBrightBlue#56b0a8
  • terminal.ansiBrightCyan#74c4bc
  • terminal.ansiBrightGreen#8ed870
  • terminal.ansiBrightMagenta#c898d0
  • terminal.ansiBrightRed#e85050
  • terminal.ansiBrightWhite#ece8d8
  • terminal.ansiBrightYellow#e4cc60
  • terminal.ansiCyan#56b0a8
  • terminal.ansiGreen#72c85a
  • terminal.ansiMagenta#8878d8
  • terminal.ansiRed#cc4848
  • terminal.ansiWhite#dbd8c6
  • terminal.ansiYellow#d4b45a
  • terminal.background#090d0d
  • terminal.border#0e1a1a
  • terminal.dropBackground#16222240
  • terminal.foreground#dbd8c6
  • terminal.inactiveSelectionBackground#14202040
  • terminal.selectionBackground#19262660
  • terminal.selectionForeground#eae6d8
  • terminal.tab.activeBorder#3a9890
  • terminalCommandDecoration.defaultBackground#324444
  • terminalCommandDecoration.errorBackground#883838
  • terminalCommandDecoration.successBackground#38785a
  • terminalCursor.background#090d0d
  • terminalCursor.foreground#3a9890
  • terminalOverviewRuler.cursorForeground#3a989080
  • terminalOverviewRuler.findMatchForeground#264a3880
  • testing.iconErrored#c86868
  • testing.iconFailed#c86868
  • testing.iconPassed#8acc7c
  • testing.iconQueued#d4b45a
  • testing.iconSkipped#527070
  • testing.iconUnset#527070
  • testing.messagePeekBorder#3a9890
  • testing.messagePeekHeaderBackground#090a0a
  • testing.peekBorder#3a9890
  • testing.peekHeaderBackground#090a0a
  • testing.runAction#3a9890
  • textBlockQuote.background#0b0f0f
  • textBlockQuote.border#2d8880
  • textCodeBlock.background#0b0f0f
  • textLink.activeForeground#56b0a8
  • textLink.foreground#3a9890
  • textPreformat.foreground#8acc7c
  • textSeparator.foreground#1a2828
  • titleBar.activeBackground#090a0a
  • titleBar.activeForeground#9aa0a0
  • titleBar.border#0e1a1a
  • titleBar.inactiveBackground#090a0a
  • titleBar.inactiveForeground#446060
  • tree.inactiveIndentGuidesStroke#111c1c
  • tree.indentGuidesStroke#1a2828
  • tree.tableColumnsBorder#1a2828
  • tree.tableOddRowsBackground#0c1010
  • walkThrough.embeddedEditorBackground#0b0f0f
  • welcomePage.background#0e1313
  • welcomePage.progress.background#162222
  • welcomePage.progress.foreground#3a9890
  • welcomePage.tileBackground#090d0d
  • welcomePage.tileBorder#1a2828
  • welcomePage.tileHoverBackground#0e1313
  • widget.shadow#00000070
  • window.activeBorder#0e1a1a
  • window.inactiveBorder#090a0a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#dbd8c6
comment, comment.line, comment.block, punctuation.definition.comment#486860italic
comment.block.documentation, comment.block.javadoc, comment.block.tsdoc#557870italic
comment storage.type.class.jsdoc, comment entity.name.type.instance.jsdoc, comment punctuation.definition.block.tag.jsdoc#3a8880italic bold
string, string.quoted.single, string.quoted.double, string.quoted.triple, string.other#8acc7c
punctuation.definition.string.begin, punctuation.definition.string.end#609060
string.template, string.interpolated, meta.template.expression, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end#5cc4a8
constant.character.escape, string constant.character.escape#3a9890
string.regexp, constant.regexp, string.regexp.character-class#90c880
string.regexp keyword.operator, string.regexp punctuation.definition, keyword.operator.quantifier.regexp, keyword.operator.or.regexp, punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp, keyword.operator.negation.regexp#c47888
constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary#ca6702
constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.none, constant.language.nil, constant.language.infinity, constant.language.nan#e4cc60
constant.other, constant.other.color, constant.other.key, constant.character, variable.other.enummember, variable.other.constant, constant.other.enum#e4cc60
keyword.control, keyword.control.flow, keyword.control.conditional, keyword.control.loop, keyword.control.switch, keyword.control.case, keyword.control.default, keyword.control.try, keyword.control.except, keyword.control.catch, keyword.control.finally, keyword.control.with, keyword.control.async, keyword.control.await, keyword.other, keyword.operator.new, keyword.operator.void, keyword.operator.typeof, keyword.operator.instanceof, keyword.operator.in, keyword.operator.of#3a9890
keyword.control.return, keyword.control.yield, keyword.control.throw, keyword.control.raise, keyword.control.break, keyword.control.continue, keyword.control.pass#dd2d4a
keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as, keyword.other.using, keyword.other.use#8878d8
keyword.operator.delete, keyword.operator.expression.delete, keyword.control.delete, keyword.other.unsafe, storage.modifier.unsafe, keyword.other.volatile#dd2d4a
storage, storage.type, storage.type.function, storage.type.primitive, storage.type.builtin#56b0a8
storage.type.class, storage.type.interface, storage.type.enum, storage.type.type, storage.type.struct#3a9890
storage.type.namespace, storage.type.module, storage.type.import, storage.type.export, storage.type.annotation#8878d8
storage.modifier, storage.modifier.async, storage.modifier.static, storage.modifier.access, storage.modifier.final#56b0a8
storage.modifier.abstract, storage.modifier.declare, storage.modifier.override, storage.modifier.virtual, keyword.modifier.abstract, keyword.modifier.declare, keyword.modifier.override#8878d8
storage.modifier.readonly, keyword.modifier.readonly, storage.modifier.const#e4cc60
keyword.operator, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.bitwise, keyword.operator.comparison, keyword.operator.assignment, keyword.operator.ternary, keyword.operator.optional, keyword.operator.nullish, keyword.operator.spread, keyword.operator.rest, keyword.operator.type, keyword.operator.cast#56b0a8
storage.type.function.arrow, keyword.operator.arrow, punctuation.separator.key-value#56b0a8
punctuation, punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.arguments, punctuation.definition.block, punctuation.section, meta.brace#789898
entity.name.function, meta.function entity.name.function, meta.definition.method entity.name.function, entity.name.function.constructor, entity.name.function.destructor#e0b44a
meta.function-call entity.name.function, meta.method-call entity.name.function, support.function#e0b44a
support.function.builtin, support.function.magic, support.function.construct#d4985aitalic
entity.name.class, entity.name.type, entity.name.type.class, entity.name.type.enum, entity.name.type.alias, entity.name.type.struct, entity.other.inherited-class#c04878
entity.name.type.interface#c04878
meta.type.annotation, support.type, support.class, support.type.builtin, support.type.primitive#c04878
entity.name.type.type-parameter, meta.type.parameters entity.name.type, punctuation.definition.typeparameters#94d2bd
entity.name.namespace, entity.name.module, entity.name.package, support.module, meta.import entity.name, meta.import entity.other.inherited-class#8cccc0
variable, variable.other, variable.other.local, variable.other.block, variable.other.readwrite, meta.definition.variable variable.other#dbd8c6
variable.other.constant, variable.other.enummember#e4cc60
variable.parameter, meta.parameter, meta.parameters variable.other#c8b890
variable.other.object.property, variable.other.property, variable.other.member, support.variable.property, meta.property-name, entity.other.attribute#8ecab8
variable.language.self, variable.language.this, variable.language.super, variable.language.special#3a9890italic
meta.decorator, punctuation.decorator, entity.name.function.decorator, meta.decorator entity.name.function, support.type.decorator, storage.type.decorator#c47888
entity.name.tag, meta.tag, support.class.component#3a9890
entity.other.attribute-name, meta.tag entity.other.attribute-name#d4b45a
string.quoted.html, meta.tag string#8acc7c
meta.attribute.id, entity.other.attribute-name.id#d49858
meta.attribute.class, entity.other.attribute-name.class#d4b45a
meta.tag.sgml.doctype, entity.name.tag.doctype#527070italic
entity.name.tag.css, entity.name.tag.wildcard.css#3a9890
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css#d4b45a
entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-class.scss#8878d8
keyword.control.at-rule, keyword.control.at-rule.css, keyword.control.at-rule.scss, keyword.control.at-rule.less, support.type.property-name.media#8878d8
support.type.property-name.css, meta.property-name.css, support.type.property-name.scss#8ecab8
meta.property-value.css, support.constant.property-value.css, meta.property-value support.constant#8acc7c
keyword.other.unit.css, constant.numeric.css#d49858
constant.other.color.rgb-value.css, support.constant.color#d4b45a
keyword.other.important.css, keyword.other.important#dd2d4abold
variable.css, variable.argument.css, support.variable.css#8ecab8
markup.heading, markup.heading.setext, entity.name.section.markdown#e4cc60bold
markup.bold#d4b45abold
markup.italic#a4d890italic
markup.inline.raw, markup.raw.inline#8acc7c
markup.raw.block#8acc7c
markup.underline.link, string.other.link#3a9890underline
meta.link.inline string.other.link.title#d4b45a
markup.quote, punctuation.definition.blockquote#527070italic
punctuation.definition.list.begin.markdown#3a9890
punctuation.definition.heading.markdown, punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, punctuation.definition.raw.markdown#527070
support.type.property-name.json, meta.object-literal.key, meta.object-literal.key string#8ecab8
entity.name.tag.yaml#8ecab8
entity.name.type.anchor.yaml, variable.other.alias.yaml#3a9890
meta.tag.yaml, keyword.other.directive.yaml#8878d8
entity.name.section.toml, support.type.property-name.table.toml#d4b45a
support.type.property-name.toml, variable.other.key.toml#8ecab8
storage.modifier.lifetime.rust, entity.name.lifetime.rust, punctuation.definition.lifetime.rust#c47888italic
support.macro.rust, entity.name.function.macro.rust#d4b45a
meta.attribute.rust, punctuation.definition.attribute.rust#c47888
keyword.other.unsafe.rust#dd2d4abold
keyword.other.where.rust, storage.type.impl.rust#8878d8
support.function.magic.python#c8a448italic
support.function.builtin.python#56b0a8
entity.name.function.decorator.python, meta.function.decorator.python#c47888
constant.character.format.placeholder.other.python, meta.fstring.python#5cc4a8
keyword.control.lambda.python#8878d8
keyword.control.directive, keyword.control.import.include, meta.preprocessor keyword.control#8878d8
entity.name.function.preprocessor, meta.preprocessor.macro entity.name.function#d4b45a
meta.declaration.annotation entity.name.type, storage.type.annotation.java#c47888
support.function.builtin.shell#d4b45a
variable.other.normal.shell, variable.other.special.shell, variable.other.positional.shell, variable.other.bracket.shell, punctuation.definition.variable.shell#8ecab8
string.unquoted.heredoc#8acc7c
invalid, invalid.illegal#c86868
invalid.deprecated#cca850strikethrough