Skip to main content
Coding Theme

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • activityBar.activeBorder#864DEF
  • activityBar.background#1A1A1A
  • activityBar.border#BECEE010
  • activityBar.dropBorder#864DEF
  • activityBar.foreground#BECEE0
  • activityBar.inactiveForeground#BECEE050
  • activityBarBadge.background#864DEF
  • activityBarBadge.foreground#fff
  • badge.background#864DEF
  • badge.foreground#ffffff
  • banner.background#864DEF
  • banner.foreground#ffffff
  • banner.iconForeground#ffffff
  • breadcrumb.activeSelectionForeground#9c63ff
  • breadcrumb.background#1A1A1A
  • breadcrumb.focusForeground#BECEE0
  • breadcrumb.foreground#BECEE0
  • breadcrumbPicker.background#1A1A1A
  • button.background#864DEF
  • button.border#00000000
  • button.foreground#fff
  • button.hoverBackground#864DEFcc
  • button.secondaryBackground#864DEF40
  • button.secondaryForeground#BECEE0
  • button.secondaryHoverBackground#864DEF60
  • button.separator#ffffff30
  • charts.blue#9c63ff
  • charts.foreground#BECEE0
  • charts.green#44b681
  • charts.lines#BECEE040
  • charts.orange#cc866a
  • charts.purple#B070FF
  • charts.red#E05269
  • charts.yellow#E0AE52
  • chat.avatarBackground#864DEF30
  • chat.avatarForeground#BECEE0
  • chat.requestBackground#BECEE008
  • chat.requestBorder#BECEE050
  • chat.slashCommandBackground#864DEF30
  • chat.slashCommandForeground#9c63ff
  • checkbox.background#000000
  • checkbox.border#BECEE000
  • checkbox.foreground#BECEE0
  • checkbox.selectBackground#864DEF
  • checkbox.selectBorder#864DEF
  • commandCenter.activeBackground#864DEF16
  • commandCenter.activeBorder#BECEE040
  • commandCenter.activeForeground#BECEE0
  • commandCenter.background#1A1A1A
  • commandCenter.border#BECEE024
  • commandCenter.debuggingBackground#864DEF30
  • commandCenter.foreground#BECEE0
  • commandCenter.inactiveBorder#BECEE050
  • commandCenter.inactiveForeground#BECEE050
  • debugConsole.errorForeground#d74646
  • debugConsole.infoForeground#9c63ff
  • debugConsole.sourceForeground#BECEE0
  • debugConsole.warningForeground#E0AE52
  • debugIcon.breakpointCurrentStackframeForeground#E0AE52
  • debugIcon.breakpointDisabledForeground#BECEE040
  • debugIcon.breakpointForeground#d74646
  • debugIcon.breakpointStackframeForeground#44b681
  • debugIcon.breakpointUnverifiedForeground#BECEE060
  • debugIcon.continueForeground#44b681
  • debugIcon.disconnectForeground#d74646
  • debugIcon.pauseForeground#E0AE52
  • debugIcon.restartForeground#44b681
  • debugIcon.startForeground#44b681
  • debugIcon.stepIntoForeground#864DEF
  • debugIcon.stepOutForeground#864DEF
  • debugIcon.stepOverForeground#864DEF
  • debugIcon.stopForeground#d74646
  • debugTokenExpression.boolean#d65689
  • debugTokenExpression.error#d74646
  • debugTokenExpression.name#578EFB
  • debugTokenExpression.number#d65689
  • debugTokenExpression.string#cc866a
  • debugTokenExpression.value#BECEE0
  • debugToolBar.background#1A1A1A
  • diffEditor.border#BECEE010
  • diffEditor.diagonalFill#BECEE010
  • diffEditor.insertedLineBackground#0083CF10
  • diffEditor.insertedTextBackground#0083CF20
  • diffEditor.insertedTextBorder#0083CF00
  • diffEditor.removedLineBackground#d7464615
  • diffEditor.removedTextBackground#d7464630
  • diffEditor.removedTextBorder#d7464600
  • diffEditor.unchangedCodeBackground#BECEE006
  • diffEditor.unchangedRegionBackground#BECEE008
  • diffEditor.unchangedRegionForeground#BECEE080
  • diffEditorGutter.insertedLineBackground#0083CF10
  • diffEditorGutter.removedLineBackground#d7464615
  • diffEditorOverview.insertedForeground#44b68160
  • diffEditorOverview.removedForeground#d7464660
  • dropdown.background#1A1A1A
  • dropdown.border#BECEE024
  • dropdown.foreground#BECEE0
  • dropdown.listBackground#1A1A1A
  • editor.background#1A1A1A
  • editor.findMatchBackground#864DEF40
  • editor.findMatchBorder#BECEE024
  • editor.findMatchHighlightBackground#864DEF20
  • editor.findMatchHighlightBorder#BECEE024
  • editor.findRangeHighlightBackground#864DEF15
  • editor.foldBackground#BECEE008
  • editor.foreground#BECEE0
  • editor.inactiveSelectionBackground#BECEE015
  • editor.lineHighlightBackground#00000050
  • editor.linkedEditingBackground#864DEF20
  • editor.rangeHighlightBackground#864DEF15
  • editor.selectionBackground#864DEF30
  • editor.selectionHighlightBackground#864DEF20
  • editor.snippetFinalTabstopHighlightBorder#BECEE030
  • editor.snippetTabstopHighlightBackground#BECEE015
  • editor.wordHighlightBackground#BECEE015
  • editor.wordHighlightBorder#BECEE030
  • editor.wordHighlightStrongBackground#864DEF20
  • editor.wordHighlightStrongBorder#864DEF40
  • editor.wordHighlightTextBackground#BECEE010
  • editorBracketHighlight.foreground1#BAAF6D
  • editorBracketHighlight.foreground2#B070FF
  • editorBracketHighlight.foreground3#45BF80
  • editorBracketHighlight.foreground4#578EFB
  • editorBracketHighlight.foreground5#e15a90
  • editorBracketHighlight.foreground6#cc866a
  • editorBracketHighlight.unexpectedBracket.foreground#d74646
  • editorBracketMatch.background#00000000
  • editorBracketMatch.border#BECEE040
  • editorCodeLens.foreground#BECEE050
  • editorCursor.foreground#BECEE0
  • editorError.foreground#ff4646aa
  • editorGhostText.background#00000000
  • editorGhostText.border#00000000
  • editorGhostText.foreground#BECEE040
  • editorGroup.border#BECEE010
  • editorGroup.dropBackground#864DEF25
  • editorGroupHeader.tabsBackground#1A1A1A
  • editorGutter.addedBackground#44b68190
  • editorGutter.background#1A1A1A
  • editorGutter.deletedBackground#d7464690
  • editorGutter.foldingControlForeground#BECEE060
  • editorGutter.modifiedBackground#0083CF90
  • editorHint.foreground#44b68190
  • editorHoverWidget.background#1e1e1e
  • editorHoverWidget.border#BECEE040
  • editorHoverWidget.foreground#BECEE0
  • editorHoverWidget.statusBarBackground#864DEF16
  • editorIndentGuide.activeBackground1#BECEE060
  • editorIndentGuide.background1#BECEE010
  • editorInfo.foreground#9c63ffaa
  • editorInlayHint.background#1A1A1A
  • editorInlayHint.border#2e2e2e
  • editorInlayHint.foreground#636363
  • editorInlayHint.parameterBackground#1A1A1A
  • editorInlayHint.parameterForeground#636363
  • editorInlayHint.typeBackground#1A1A1A
  • editorInlayHint.typeForeground#636363
  • editorLightBulb.foreground#E0AE52
  • editorLightBulbAi.foreground#B070FF
  • editorLightBulbAutoFix.foreground#9c63ff
  • editorLineNumber.activeForeground#9c63ffbf
  • editorLineNumber.foreground#BECEE040
  • editorLink.activeForeground#9c63ff
  • editorMarkerNavigation.background#BECEE005
  • editorOverviewRuler.addedForeground#44b68190
  • editorOverviewRuler.border#BECEE010
  • editorOverviewRuler.bracketMatchForeground#BECEE040
  • editorOverviewRuler.deletedForeground#d7464690
  • editorOverviewRuler.errorForeground#ff4646
  • editorOverviewRuler.findMatchForeground#864DEF80
  • editorOverviewRuler.infoForeground#9c63ff
  • editorOverviewRuler.modifiedForeground#0083CF90
  • editorOverviewRuler.selectionHighlightForeground#864DEF60
  • editorOverviewRuler.warningForeground#E0AE52
  • editorRuler.foreground#BECEE015
  • editorStickyScroll.background#1A1A1A
  • editorStickyScroll.border#BECEE050
  • editorStickyScroll.shadow#00000030
  • editorStickyScrollHover.background#864DEF16
  • editorSuggestWidget.background#1A1A1A
  • editorSuggestWidget.border#BECEE024
  • editorSuggestWidget.focusHighlightForeground#9c63ff
  • editorSuggestWidget.foreground#BECEE0
  • editorSuggestWidget.highlightForeground#9c63ff
  • editorSuggestWidget.selectedBackground#864DEF36
  • editorSuggestWidget.selectedForeground#BECEE0
  • editorSuggestWidget.selectedIconForeground#BECEE0
  • editorUnicodeHighlight.border#E0AE52
  • editorWarning.foreground#E0AE52aa
  • editorWhitespace.foreground#BECEE040
  • editorWidget.background#1A1A1A
  • editorWidget.border#BECEE040
  • editorWidget.foreground#BECEE0
  • editorWidget.resizeBorder#BECEE040
  • extensionButton.background#864DEF
  • extensionButton.foreground#ffffff
  • extensionButton.hoverBackground#864DEFcc
  • extensionButton.prominentBackground#864DEF
  • extensionButton.prominentForeground#ffffff
  • extensionButton.prominentHoverBackground#864DEFcc
  • extensionButton.separator#ffffff30
  • extensionIcon.preReleaseForeground#E0AE52
  • extensionIcon.starForeground#E0AE52
  • extensionIcon.verifiedForeground#44b681
  • focusBorder#864DEF00
  • gitDecoration.addedResourceForeground#44b681
  • gitDecoration.conflictingResourceForeground#E0805A
  • gitDecoration.deletedResourceForeground#d74646
  • gitDecoration.ignoredResourceForeground#737373
  • gitDecoration.modifiedResourceForeground#D4A562
  • gitDecoration.renamedResourceForeground#6FBFD8
  • gitDecoration.stageDeletedResourceForeground#d74646
  • gitDecoration.stageModifiedResourceForeground#9B84D8
  • gitDecoration.submoduleResourceForeground#e22b9c
  • gitDecoration.untrackedResourceForeground#73C991
  • icon.foreground#BECEE0
  • inlineChat.border#00000000
  • inlineChatInput.border#00000000
  • inlineChatInput.focusBorder#00000000
  • inlineChatInput.placeholderForeground#BECEE040
  • input.background#000000
  • input.border#00000000
  • input.foreground#BECEE0
  • input.placeholderForeground#BECEE060
  • inputOption.activeBackground#864DEF
  • inputOption.activeBorder#864DEF
  • inputOption.activeForeground#fff
  • inputOption.hoverBackground#864DEF36
  • inputValidation.errorBorder#00000000
  • inputValidation.infoBorder#00000000
  • inputValidation.warningBorder#00000000
  • keybindingLabel.background#BECEE010
  • keybindingLabel.border#BECEE050
  • keybindingLabel.bottomBorder#BECEE040
  • keybindingLabel.foreground#BECEE0
  • keybindingTable.headerBackground#BECEE008
  • keybindingTable.rowsBackground#BECEE004
  • list.activeSelectionBackground#864DEF36
  • list.activeSelectionForeground#BECEE0
  • list.activeSelectionIconForeground#BECEE0
  • list.dropBackground#864DEF2c
  • list.errorForeground#d74646
  • list.filterMatchBackground#864DEF30
  • list.focusAndSelectionOutline#00000000
  • list.focusBackground#864DEF2c
  • list.focusForeground#BECEE0
  • list.focusHighlightForeground#9c63ff
  • list.focusOutline#00000000
  • list.highlightForeground#9c63ff
  • list.hoverBackground#864DEF18
  • list.hoverForeground#BECEE0
  • list.inactiveSelectionBackground#864DEF18
  • list.inactiveSelectionForeground#BECEE0aa
  • list.warningForeground#E0AE52
  • listFilterWidget.background#00000030
  • listFilterWidget.noMatchesOutline#00000030
  • listFilterWidget.outline#00000030
  • menu.background#1A1A1A
  • menu.border#BECEE024
  • menu.foreground#BECEE0cc
  • menu.selectionBackground#864DEF36
  • menu.selectionBorder#864DEF00
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#BECEE030
  • menubar.selectionBackground#864DEF36
  • menubar.selectionBorder#864DEF00
  • menubar.selectionForeground#fff
  • merge.border#BECEE050
  • merge.currentContentBackground#44b68120
  • merge.currentHeaderBackground#44b68140
  • merge.incomingContentBackground#0083CF20
  • merge.incomingHeaderBackground#0083CF40
  • mergeEditor.change.background#0083CF15
  • mergeEditor.change.word.background#0083CF30
  • mergeEditor.changeBase.background#E0AE5210
  • mergeEditor.changeBase.word.background#E0AE5225
  • mergeEditor.conflictingLines.background#E0AE5215
  • minimap.background#1A1A1A
  • minimap.errorHighlight#d7464690
  • minimap.findMatchHighlight#864DEF60
  • minimap.foregroundOpacity#000000cc
  • minimap.selectionHighlight#864DEF40
  • minimap.selectionOccurrenceHighlight#864DEF30
  • minimap.warningHighlight#E0AE5290
  • minimapGutter.addedBackground#44b68190
  • minimapGutter.deletedBackground#d7464690
  • minimapGutter.modifiedBackground#0083CF90
  • minimapSlider.activeBackground#864DEF60
  • minimapSlider.background#864DEF20
  • minimapSlider.hoverBackground#864DEF40
  • notebook.cellBorderColor#BECEE050
  • notebook.cellHoverBackground#BECEE008
  • notebook.cellInsertionIndicator#864DEF
  • notebook.cellStatusBarItemHoverBackground#BECEE015
  • notebook.cellToolbarSeparator#BECEE020
  • notebook.editorBackground#1A1A1A
  • notebook.focusedCellBorder#864DEF00
  • notebook.focusedEditorBorder#864DEF
  • notebook.inactiveFocusedCellBorder#BECEE050
  • notebook.outputContainerBackgroundColor#BECEE005
  • notebook.selectedCellBackground#BECEE008
  • notebook.selectedCellBorder#864DEF
  • notificationCenterHeader.background#1A1A1A
  • notificationCenterHeader.foreground#BECEE0
  • notificationLink.foreground#9c63ff
  • notifications.background#1A1A1A
  • notifications.foreground#BECEE0
  • notificationToast.border#BECEE050
  • panel.background#1A1A1A
  • panel.border#BECEE010
  • panelInput.border#00000000
  • panelSection.border#BECEE050
  • panelSection.dropBackground#864DEF40
  • panelSectionHeader.background#BECEE008
  • panelSectionHeader.foreground#BECEE0
  • panelTitle.activeBorder#864DEF
  • panelTitle.activeForeground#9c63ff
  • panelTitle.inactiveForeground#c1d1e1
  • peekView.border#BECEE024
  • peekViewEditor.background#BECEE005
  • peekViewEditor.matchHighlightBackground#864DEF50
  • peekViewEditorGutter.background#BECEE005
  • peekViewResult.background#BECEE005
  • peekViewResult.fileForeground#BECEE0
  • peekViewResult.lineForeground#BECEE0aa
  • peekViewResult.matchHighlightBackground#864DEF50
  • peekViewResult.selectionBackground#864DEF70
  • peekViewTitle.background#BECEE005
  • peekViewTitleDescription.foreground#BECEE060
  • peekViewTitleLabel.foreground#BECEE0
  • pickerGroup.foreground#9c63ff
  • profileBadge.background#864DEF
  • profileBadge.foreground#ffffff
  • progressBar.background#864DEF
  • quickInput.background#1A1A1A
  • quickInput.foreground#BECEE0
  • quickInputList.focusBackground#864DEF36
  • quickInputList.focusForeground#BECEE0
  • quickInputList.focusIconForeground#BECEE0
  • quickInputTitle.background#1A1A1A
  • radio.activeBackground#864DEF
  • radio.activeBorder#864DEF
  • radio.activeForeground#fff
  • sash.hoverBorder#BECEE040
  • scmGraph.historyItemBaseRefColor#9f66ff
  • scmGraph.historyItemCurrentRefColor#D4A562
  • scmGraph.historyItemHoverAdditionsForeground#44b681
  • scmGraph.historyItemHoverDefaultLabelBackground#737373
  • scmGraph.historyItemHoverDefaultLabelForeground#1A1A1A
  • scmGraph.historyItemHoverDeletionsForeground#d74646
  • scmGraph.historyItemHoverLabelForeground#1A1A1A
  • scmGraph.historyItemRefColor#D4A562
  • scmGraph.historyItemRemoteRefColor#9f66ff
  • scmGraph.historyItemTagRefColor#D4A562
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#864DEF
  • scrollbarSlider.background#864DEF50
  • scrollbarSlider.hoverBackground#864DEFaa
  • searchEditor.findMatchBackground#864DEF30
  • searchEditor.findMatchBorder#864DEF50
  • searchEditor.textInputBorder#00000000
  • selection.background#864DEF33
  • settings.checkboxBackground#000000
  • settings.checkboxBorder#BECEE000
  • settings.checkboxForeground#BECEE0
  • settings.dropdownBackground#000000
  • settings.dropdownBorder#BECEE024
  • settings.dropdownForeground#BECEE0
  • settings.focusedRowBackground#864DEF2c
  • settings.focusedRowBorder#00000000
  • settings.headerForeground#9c63ff
  • settings.modifiedItemIndicator#864DEF
  • settings.numberInputBackground#000000
  • settings.numberInputBorder#00000000
  • settings.numberInputForeground#BECEE0
  • settings.rowHoverBackground#864DEF18
  • settings.textInputBackground#000000
  • settings.textInputBorder#00000000
  • settings.textInputForeground#BECEE0
  • sideBar.background#1A1A1A
  • sideBar.border#BECEE010
  • sideBar.dropBackground#864DEF25
  • sideBar.foreground#c1d1e1cc
  • sideBarSectionHeader.background#1A1A1A
  • sideBarSectionHeader.border#BECEE000
  • sideBarSectionHeader.foreground#BECEE0
  • sideBarTitle.foreground#c1d1e1
  • statusBar.background#1A1A1A
  • statusBar.border#BECEE010
  • statusBar.debuggingBackground#864DEF40
  • statusBar.debuggingForeground#BECEE0
  • statusBar.foreground#c1d1e1
  • statusBar.noFolderBackground#000000
  • statusBarItem.activeBackground#864DEF
  • statusBarItem.focusBorder#864DEF
  • statusBarItem.hoverBackground#864DEF
  • statusBarItem.hoverForeground#fff
  • statusBarItem.prominentBackground#864DEF
  • statusBarItem.prominentForeground#fff
  • statusBarItem.prominentHoverBackground#864DEFcc
  • statusBarItem.remoteBackground#864DEF
  • statusBarItem.remoteForeground#000000
  • symbolIcon.classForeground#BAAF6D
  • symbolIcon.constantForeground#d65689
  • symbolIcon.constructorForeground#B070FF
  • symbolIcon.enumeratorForeground#cc866a
  • symbolIcon.enumeratorMemberForeground#cc866a
  • symbolIcon.eventForeground#E0AE52
  • symbolIcon.fieldForeground#9D9ECF
  • symbolIcon.functionForeground#45BF80
  • symbolIcon.interfaceForeground#9c63ff
  • symbolIcon.keyForeground#9D9ECF
  • symbolIcon.keywordForeground#B070FF
  • symbolIcon.methodForeground#45BF80
  • symbolIcon.moduleForeground#578EFB
  • symbolIcon.namespaceForeground#BAAF6D
  • symbolIcon.numberForeground#d65689
  • symbolIcon.objectForeground#cc866a
  • symbolIcon.operatorForeground#BECEE0
  • symbolIcon.packageForeground#578EFB
  • symbolIcon.propertyForeground#9D9ECF
  • symbolIcon.stringForeground#cc866a
  • symbolIcon.structForeground#BAAF6D
  • symbolIcon.typeParameterForeground#44b681
  • symbolIcon.variableForeground#bababa
  • tab.activeBackground#1A1A1A
  • tab.activeBorder#864DEF
  • tab.activeBorderTop#00000000
  • tab.activeForeground#BECEE0
  • tab.border#0000
  • tab.hoverForeground#864DEF
  • tab.inactiveBackground#1A1A1A
  • tab.inactiveForeground#c1d1e1
  • tab.lastPinnedBorder#BECEE050
  • tab.selectedBackground#1A1A1A
  • tab.selectedBorderTop#00000000
  • tab.selectedForeground#BECEE0
  • tab.unfocusedActiveBorder#BECEE040
  • tab.unfocusedActiveForeground#BECEE0
  • tab.unfocusedHoverForeground#864DEF90
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#9c63ff
  • terminal.ansiBrightBlack#464B5D
  • terminal.ansiBrightBlue#9c63ff
  • terminal.ansiBrightCyan#9c63ff
  • terminal.ansiBrightGreen#7bd88f
  • terminal.ansiBrightMagenta#c093de
  • terminal.ansiBrightRed#E05269
  • terminal.ansiBrightWhite#BECEE0
  • terminal.ansiBrightYellow#E0AE52
  • terminal.ansiCyan#9c63ff
  • terminal.ansiGreen#7bd88f
  • terminal.ansiMagenta#B070FF
  • terminal.ansiRed#E05269
  • terminal.ansiWhite#BECEE0
  • terminal.ansiYellow#E0AE52
  • terminal.background#1A1A1A
  • terminal.findMatchBackground#864DEF40
  • terminal.findMatchHighlightBackground#864DEF20
  • terminal.foreground#BECEE0
  • terminal.selectionBackground#864DEF30
  • terminal.selectionForeground#BECEE0
  • terminal.tab.activeBorder#BECEE000
  • terminalCursor.background#000000
  • terminalCursor.foreground#E0AE52
  • testing.iconErrored#d74646
  • testing.iconFailed#d74646
  • testing.iconPassed#44b681
  • testing.iconQueued#E0AE52
  • testing.iconSkipped#BECEE040
  • testing.iconUnset#BECEE050
  • testing.peekBorder#d74646
  • testing.peekHeaderBackground#d7464620
  • testing.runAction#44b681
  • textLink.activeForeground#9c63ff
  • textLink.foreground#9c63ff
  • titleBar.activeBackground#1A1A1A
  • titleBar.activeForeground#c1d1e1
  • titleBar.border#0000
  • titleBar.inactiveBackground#1A1A1A
  • titleBar.inactiveForeground#BECEE050
  • toolbar.activeBackground#864DEF22
  • toolbar.hoverBackground#864DEF16
  • toolbar.hoverOutline#864DEF
  • tree.inactiveIndentGuidesStroke#BECEE050
  • tree.indentGuidesStroke#BECEE060
  • walkThrough.embeddedEditorBackground#00000030
  • welcomePage.background#1A1A1A
  • welcomePage.progress.background#BECEE020
  • welcomePage.progress.foreground#864DEF
  • welcomePage.tileBackground#BECEE008
  • welcomePage.tileBorder#BECEE050
  • welcomePage.tileHoverBackground#BECEE015
  • widget.border#BECEE040
  • widget.shadow#00000099

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
Default#bababa
comment, punctuation.definition.comment, string.quoted.docstring#677373italic
invalid, invalid.illegal#F06279
invalid.deprecated#aa4b4b92
keyword, keyword.control.flow, storage.type, storage.modifier, variable.language.this, variable.language.super, support.type.object.module, keyword.control, keyword.other, punctuation.accessor.optional#B070FF
punctuation, punctuation.separator.inheritance, punctuation.separator.comma, punctuation.definition.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, meta.brace, punctuation.definition.block, meta.objectliteral punctuation.definition.block, punctuation.definition.parameters, punctuation.definition.binding-pattern.object, punctuation.terminator, keyword.operator.type.annotation, punctuation.separator.key-value#D8E9FAcc
string.quoted, string.quoted.single, punctuation.definition.string, string.template, string.interpolated#cc866a
string.other.link#F06262
string.regexp#578EFB
variable, support.variable.property, support.other.variable, meta.objectliteral meta.object.member variable.other.readwrite, variable.parameter#bababa
constant.numeric.decimal, constant.language, constant, support.constant.property-value, variable.other.constant.property#d65689
meta.object-literal.key, variable.other.property#9D9ECF
entity.name.type, entity.other.inherited-class, support.type, support.class, support.class.component, support.other, meta.use.php, markup.changed.git_gutter, variable.other.readwrite meta.object.member meta.objectliteral meta.object.member meta.objectliteral, meta.type.annotation support.type.primitive#BAAF6Dbold
meta.method.declaration meta.block meta.function-call entity.name.function, meta.definition.method, meta.var.expr meta.function-call entity.name.function, meta.block meta.function-call entity.name.function, meta.function-call entity.name.function#45BF80
meta.decorator entity.name.function, meta.decorator variable.other.property, source.ts meta.decorator.ts meta.function-call.ts entity.name.function.ts#6194FCbold
entity.name.tag support.class.component#6194FCbold
meta.jsx.children#cbcbcb
entity.name.module#578EFB
*url*, *link*, *uri*underline
source.json meta.structure.dictionary.json support.type.property-name.json#a3b565
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#9f74c0
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#ef748c
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#ed899a
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#cf988d
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#92abdf
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#d89396
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#c7a6dd
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#bbd199
source.json
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#e15a90
text.html.basic, text.html.derivative, meta.embedded.block.html#bababa
punctuation.definition.tag.begin, punctuation.definition.tag.end, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#e15a9099
entity.other.attribute-name#29adceitalic
keyword.operator.assignment.html, punctuation.separator.key-value.html#D8E9FA99
punctuation.definition.string.begin.html, punctuation.definition.string.end.html#cc866a
constant.character.entity.html, constant.character.entity, punctuation.definition.entity.html#d65689
meta.tag.metadata.doctype.html, meta.tag.sgml.doctype, keyword.other.doctype, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml.doctype string#677373italic
entity.name.tag.script, entity.name.tag.style#B070FF
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name, support.type.property-name.css, support.type.property-name.media.css, support.type.vendored.property-name.css#9D9ECF
support.constant.property-value, support.constant.property-value.css, support.constant.color.w3c-standard-color-name, support.constant.color.w3c-extended-color-name, constant.other.color.rgb-value, constant.other.color, meta.property-value.css constant.other.color.rgb-value#d65689
keyword.other.unit, keyword.other.unit.css, keyword.other.unit.scss, keyword.other.unit.less#578EFB
keyword.control.at-rule, keyword.control.at-rule.include, keyword.control.at-rule.import, keyword.control.at-rule.media, keyword.control.at-rule.keyframes, keyword.control.at-rule.each, meta.at-rule.header.css, meta.at-rule.keyword.css, variable.other.at-rule.media#B070FF
keyword.other.important#F06279bold
support.function.misc, support.function.misc.css, support.function.transform, support.function.transition, support.function.calc, support.function.gradient, support.function.gradient.css, support.function.any-method, entity.name.function.scss, meta.function.variable.css entity.name.function#45BF80
variable.css, variable.argument.css, support.type.custom-property.css, support.type.custom-property.name.css#578EFBitalic
entity.other.attribute-name.class, entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css#C9A96B
entity.other.attribute-name.id, entity.other.attribute-name.id.css#578EFB
entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element#578EFB
variable.scss, variable.other.scss, variable.map.scss, variable.parameter.scss, variable.other.less, variable.parameter.less#578EFB
punctuation.definition.interpolation.begin.bracket.curly.scss, punctuation.definition.interpolation.end.bracket.curly.scss, punctuation.definition.interpolation.begin.bracket.curly.less, punctuation.definition.interpolation.end.bracket.curly.less#B070FF
source.shell#45BF80
string.unquoted.argument.shell#a8b8d7
keyword.operator.pattern.case.shell, source.shell keyword.operator.pattern.case.default, string.unquoted.shell, punctuation.definition.variable.shell variable.other.normal.shell, punctuation.definition.variable.shell, punctuation.section.array.shell, punctuation.definition.string.end.shell, punctuation.definition.logical-expression.shell, keyword.operator.pattern.case.default.shell, punctuation.section.arithmetic.double.shell, punctuation.section.parenthese.shell, meta.parenthese.group.shell, punctuation.definition.subshell.single.shell#babababold
punctuation.separator.statement.and.shell#B070FF
variable.language.special.self.python, variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python#B070FFitalic
support.function.builtin.python#45BF80
support.function.magic.python#45BF80italic
support.type.python#BAAF6Dbold
source.python punctuation.definition.decorator.python#6194FCbold
source.python entity.name.function.decorator.python#6194FCbold
source.python entity.name.function.python#45BF80
source.python entity.name.type.class.python#BAAF6Dbold
source.python entity.other.inherited-class.python#BAAF6Dbold
source.python constant.other.caps.python#d65689
source.python string.quoted.docstring#677373italic
source.python constant.character.format.placeholder.other.python, source.python punctuation.definition.template-expression.begin.python, source.python punctuation.definition.template-expression.end.python#578EFB
source.python meta.function.parameters.python meta.function.parameters.annotation.python#BAAF6D
source.python punctuation.separator.annotation.result.python#B070FF
text.html.markdown#9FA3B2
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#D3F89D
text.html.markdown markup.inline.raw.markdown#1A8ED2
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#9096AE50
markup.quote punctuation.definition.blockquote.markdown#9096AE50
string.other.link.title.markdown#578EFB
string.other.link.description.title.markdown#1A8ED2
markup.fenced_code.block.markdown, markup.inline.raw.string.markdown#9FA3B290
variable.language.fenced.markdown#9096AE50
meta.separator#9096AE50bold
markup.italic#d65689italic
markup.bold, markup.bold string#d65689bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string#d65689bold
markup.underline#F79C7Cunderline
markup.raw.block#1A8ED2
markup.table#9FA3B2
markup.inserted#D3F89D
markup.deleted#F06279
markup.changed#c093de
Dev Theme Pro by Faizan Ashiq - VS Code Theme