Skip to main content
CodingTheme

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#04070b
  • activityBar.activeBorder#01020300
  • activityBar.activeFocusBorder#01020300
  • activityBar.background#0a0f17
  • activityBar.border#01020300
  • activityBar.dropBackground#01020300
  • activityBar.dropBorder#a34845
  • activityBar.foreground#e6e8e9
  • activityBar.inactiveForeground#a8acae
  • activityBarBadge.background#fa7d12
  • activityBarBadge.foreground#010203
  • badge.background#fa7d12
  • badge.foreground#010203
  • breadcrumb.activeSelectionForeground#e6e8e9
  • breadcrumb.background#010203
  • breadcrumb.focusForeground#cacdcf
  • breadcrumb.foreground#7b7f81
  • breadcrumbPicker.background#0a0f17
  • button.background#538397
  • button.foreground#010203
  • button.hoverBackground#85adbc
  • checkbox.background#010203
  • checkbox.border#a34845
  • checkbox.foreground#a8acae
  • debugConsole.errorForeground#a34845
  • debugConsole.infoForeground#c1b398
  • debugConsole.sourceForeground#a8acae
  • debugConsole.warningForeground#fc9d1b
  • debugConsoleInputIcon.foreground#a8acae
  • debugExceptionWidget.background#0a0f17
  • debugExceptionWidget.border#a34845
  • debugIcon.breakpointCurrentStackframeForeground#fa7d12
  • debugIcon.breakpointDisabledForeground#fa7d12
  • debugIcon.breakpointForeground#fa7d12
  • debugIcon.breakpointStackframeForeground#fa7d12
  • debugIcon.breakpointUnverifiedForeground#fa7d12
  • debugIcon.continueForeground#a8acae
  • debugIcon.disconnectForeground#a8acae
  • debugIcon.pauseForeground#c1b398
  • debugIcon.restartForeground#85adbc
  • debugIcon.startForeground#a8acae
  • debugIcon.stepBackForeground#a8acae
  • debugIcon.stepIntoForeground#a8acae
  • debugIcon.stepOutForeground#a8acae
  • debugIcon.stepOverForeground#a8acae
  • debugIcon.stopForeground#a34845
  • debugTokenExpression.boolean#bc5f5d
  • debugTokenExpression.error#a34845
  • debugTokenExpression.name#f4500a
  • debugTokenExpression.number#bc5f5d
  • debugTokenExpression.string#bc5f5d
  • debugTokenExpression.value#bc5f5d
  • debugToolBar.background#0a0f17
  • debugToolBar.border#0a0f17
  • debugView.exceptionLabelBackground#f4500a
  • debugView.exceptionLabelForeground#010203
  • debugView.stateLabelBackground#fa7d12
  • debugView.stateLabelForeground#010203
  • debugView.valueChangedHighlight#c1b398
  • descriptionForeground#cacdcf
  • diffEditor.border#01020300
  • diffEditor.diagonalFill#7b7f814d
  • diffEditor.insertedTextBackground#53839733
  • diffEditor.insertedTextBorder#01020300
  • diffEditor.removedTextBackground#a3484533
  • diffEditor.removedTextBorder#01020300
  • dropdown.background#010203
  • dropdown.border#a34845
  • dropdown.foreground#a8acae
  • dropdown.listBackground#0a0f17
  • editor.background#010203
  • editor.findMatchBackground#7b7f8133
  • editor.findMatchBorder#01020300
  • editor.findMatchHighlightBackground#7b7f8133
  • editor.findMatchHighlightBorder#01020300
  • editor.findRangeHighlightBackground#7b7f8133
  • editor.findRangeHighlightBorder#01020300
  • editor.focusedStackFrameHighlightBackground#0a0f17
  • editor.foldBackground#01020300
  • editor.foreground#cacdcf
  • editor.hoverHighlightBackground#7b7f8133
  • editor.inactiveSelectionBackground#01020300
  • editor.lineHighlightBackground#0a0f17
  • editor.lineHighlightBorder#01020300
  • editor.rangeHighlightBackground#7b7f811a
  • editor.rangeHighlightBorder#01020300
  • editor.selectionBackground#7b7f814d
  • editor.selectionHighlightBackground#7b7f8133
  • editor.selectionHighlightBorder#01020300
  • editor.snippetFinalTabstopHighlightBackground#7b7f8133
  • editor.snippetFinalTabstopHighlightBorder#a34845
  • editor.snippetTabstopHighlightBackground#7b7f81
  • editor.snippetTabstopHighlightBorder#a34845
  • editor.stackFrameHighlightBackground#04070b
  • editor.symbolHighlightBackground#7b7f8133
  • editor.symbolHighlightBorder#01020300
  • editor.wordHighlightBackground#7b7f8133
  • editor.wordHighlightBorder#01020300
  • editor.wordHighlightStrongBackground#7b7f8133
  • editor.wordHighlightStrongBorder#01020300
  • editorBracketHighlight.foreground1#fc9d1b
  • editorBracketHighlight.foreground2#538397
  • editorBracketHighlight.foreground3#fa7d12
  • editorBracketHighlight.foreground4#85adbc
  • editorBracketHighlight.foreground5#f4500a
  • editorBracketMatch.background#7b7f8133
  • editorBracketMatch.border#01020300
  • editorCodeLens.foreground#7b7f81
  • editorCursor.background#01020300
  • editorCursor.foreground#a8acae
  • editorError.border#01020300
  • editorError.foreground#a34845
  • editorGroup.border#0a0f17
  • editorGroup.dropBackground#a34845
  • editorGroup.emptyBackground#04070b
  • editorGroup.focusedEmptyBorder#a34845
  • editorGroupHeader.border#01020300
  • editorGroupHeader.tabsBackground#0a0f17
  • editorGroupHeader.tabsBorder#010203
  • editorGutter.addedBackground#538397
  • editorGutter.background#01020300
  • editorGutter.commentRangeForeground#01020300
  • editorGutter.deletedBackground#a34845
  • editorGutter.foldingControlForeground#a8acae
  • editorGutter.modifiedBackground#c1b398
  • editorHint.border#01020300
  • editorHint.foreground#85adbc
  • editorHoverWidget.background#0a0f17
  • editorHoverWidget.border#a34845
  • editorHoverWidget.foreground#a8acae
  • editorHoverWidget.statusBarBackground#0a0f17
  • editorInfo.border#01020300
  • editorInfo.foreground#c1b398
  • editorLightBulb.foreground#fa7d12
  • editorLightBulbAutoFix.foreground#fa7d12
  • editorLineNumber.activeForeground#a8acae
  • editorLineNumber.foreground#7b7f81
  • editorLink.activeForeground#85adbc
  • editorMarkerNavigation.background#0a0f17
  • editorMarkerNavigationError.background#a34845
  • editorMarkerNavigationInfo.background#c1b398
  • editorMarkerNavigationWarning.background#fc9d1b
  • editorOverviewRuler.addedForeground#538397
  • editorOverviewRuler.background#01020300
  • editorOverviewRuler.border#01020300
  • editorOverviewRuler.bracketMatchForeground#7b7f8133
  • editorOverviewRuler.commonContentForeground#cacdcf
  • editorOverviewRuler.currentContentForeground#cacdcf
  • editorOverviewRuler.deletedForeground#a34845
  • editorOverviewRuler.errorForeground#a34845
  • editorOverviewRuler.findMatchForeground#7b7f8133
  • editorOverviewRuler.incomingContentForeground#cacdcf
  • editorOverviewRuler.infoForeground#c1b398
  • editorOverviewRuler.modifiedForeground#c1b398
  • editorOverviewRuler.rangeHighlightForeground#7b7f8133
  • editorOverviewRuler.selectionHighlightForeground#7b7f814d
  • editorOverviewRuler.warningForeground#fc9d1b
  • editorOverviewRuler.wordHighlightForeground#7b7f8133
  • editorOverviewRuler.wordHighlightStrongForeground#7b7f8133
  • editorRuler.foreground#cacdcf
  • editorSuggestWidget.background#0a0f17
  • editorSuggestWidget.border#a34845
  • editorSuggestWidget.foreground#a8acae
  • editorSuggestWidget.highlightForeground#e6e8e9
  • editorSuggestWidget.selectedBackground#010203
  • editorUnnecessaryCode.border#01020300
  • editorUnnecessaryCode.opacity#7b7f814d
  • editorWarning.border#01020300
  • editorWarning.foreground#fc9d1b
  • editorWhitespace.foreground#7b7f814d
  • editorWidget.background#0a0f17
  • editorWidget.border#a34845
  • editorWidget.foreground#a8acae
  • editorWidget.resizeBorder#a34845
  • errorForeground#a34845
  • extensionBadge.remoteBackground#fa7d12
  • extensionBadge.remoteForeground#010203
  • extensionButton.prominentBackground#f4500a
  • extensionButton.prominentForeground#010203
  • extensionButton.prominentHoverBackground#fc9d1b
  • focusBorder#01020300
  • foreground#cacdcf
  • gitDecoration.addedResourceForeground#538397
  • gitDecoration.conflictingResourceForeground#f4500a
  • gitDecoration.deletedResourceForeground#a34845
  • gitDecoration.ignoredResourceForeground#7b7f81
  • gitDecoration.modifiedResourceForeground#c1b398
  • gitDecoration.submoduleResourceForeground#a8acae
  • gitDecoration.untrackedResourceForeground#cacdcf
  • icon.foreground#a8acae
  • imagePreview.border#01020300
  • input.background#010203
  • input.border#a34845
  • input.foreground#a8acae
  • input.placeholderForeground#7b7f81
  • inputOption.activeBackground#0a0f17
  • inputOption.activeBorder#01020300
  • inputOption.activeForeground#e6e8e9
  • inputValidation.errorBackground#010203
  • inputValidation.errorBorder#a34845
  • inputValidation.errorForeground#a34845
  • inputValidation.infoBackground#010203
  • inputValidation.infoBorder#a34845
  • inputValidation.infoForeground#a8acae
  • list.activeSelectionBackground#010203
  • list.activeSelectionForeground#e6e8e9
  • list.deemphasizedForeground#7b7f81
  • list.dropBackground#a34845
  • list.errorForeground#a34845
  • list.filterMatchBackground#7b7f8133
  • list.filterMatchBorder#01020300
  • list.focusBackground#010203
  • list.focusForeground#e6e8e9
  • list.highlightForeground#e6e8e9
  • list.hoverBackground#0a0f17
  • list.hoverForeground#e6e8e9
  • list.inactiveFocusBackground#010203
  • list.inactiveSelectionBackground#010203
  • list.inactiveSelectionForeground#e6e8e9
  • list.invalidItemForeground#7b7f81
  • list.warningForeground#fc9d1b
  • listFilterWidget.background#0a0f17
  • listFilterWidget.noMatchesOutline#a34845
  • listFilterWidget.outline#a34845
  • menu.background#04070b
  • menu.border#04070b
  • menu.foreground#a8acae
  • menu.selectionBackground#0a0f17
  • menu.selectionBorder#0a0f17
  • menu.selectionForeground#e6e8e9
  • menu.separatorBackground#01020300
  • menubar.selectionBackground#0a0f17
  • menubar.selectionBorder#0a0f17
  • menubar.selectionForeground#e6e8e9
  • merge.border#01020300
  • merge.commonContentBackground#c1b3981a
  • merge.commonHeaderBackground#c1b39833
  • merge.currentContentBackground#f4500a33
  • merge.currentHeaderBackground#f4500a4d
  • merge.incomingContentBackground#85adbc33
  • merge.incomingHeaderBackground#85adbc4d
  • minimap.background#04070b
  • minimap.errorHighlight#a34845
  • minimap.findMatchHighlight#7b7f8133
  • minimap.selectionHighlight#7b7f814d
  • minimap.warningHighlight#fc9d1b
  • minimapGutter.addedBackground#538397
  • minimapGutter.deletedBackground#a34845
  • minimapGutter.modifiedBackground#c1b398
  • minimapSlider.activeBackground#7b7f814d
  • minimapSlider.background#7b7f811a
  • minimapSlider.hoverBackground#7b7f8133
  • notificationCenter.border#0a0f17
  • notificationCenterHeader.background#0a0f17
  • notificationCenterHeader.foreground#e6e8e9
  • notificationLink.foreground#538397
  • notifications.background#0a0f17
  • notifications.border#0a0f17
  • notifications.foreground#a8acae
  • notificationsErrorIcon.foreground#a34845
  • notificationsInfoIcon.foreground#c1b398
  • notificationsWarningIcon.foreground#fc9d1b
  • notificationToast.border#0a0f17
  • panel.background#0a0f17
  • panel.border#01020300
  • panel.dropBackground#01020300
  • panel.dropBorder#a34845
  • panelTitle.activeBorder#01020300
  • panelTitle.activeForeground#e6e8e9
  • panelTitle.inactiveForeground#a8acae
  • peekView.border#0a0f17
  • peekViewTitle.background#0a0f17
  • peekViewTitleDescription.foreground#a8acae
  • peekViewTitleLabel.foreground#e6e8e9
  • pickerGroup.border#01020300
  • pickerGroup.foreground#e6e8e9
  • problemsErrorIcon.foreground#a34845
  • problemsInfoIcon.foreground#c1b398
  • problemsWarningIcon.foreground#fc9d1b
  • progressBar.background#a34845
  • quickInput.background#04070b
  • quickInput.foreground#a8acae
  • scrollbar.shadow#01020300
  • scrollbarSlider.activeBackground#7b7f814d
  • scrollbarSlider.background#7b7f811a
  • scrollbarSlider.hoverBackground#7b7f8133
  • searchEditor.findMatchBackground#7b7f8133
  • searchEditor.findMatchBorder#01020300
  • searchEditor.textInputBorder#a34845
  • selection.background#a34845
  • settings.checkboxBackground#010203
  • settings.checkboxBorder#a34845
  • settings.checkboxForeground#a8acae
  • settings.dropdownBackground#010203
  • settings.dropdownBorder#a34845
  • settings.dropdownForeground#a8acae
  • settings.dropdownListBorder#0a0f17
  • settings.headerForeground#e6e8e9
  • settings.modifiedItemIndicator#c1b398
  • settings.numberInputBackground#010203
  • settings.numberInputBorder#a34845
  • settings.numberInputForeground#a8acae
  • settings.textInputBackground#010203
  • settings.textInputBorder#a34845
  • settings.textInputForeground#a8acae
  • sideBar.background#04070b
  • sideBar.border#010203
  • sideBar.dropBackground#01020300
  • sideBar.foreground#a8acae
  • sideBarSectionHeader.background#01020300
  • sideBarSectionHeader.border#01020300
  • sideBarSectionHeader.foreground#cacdcf
  • sideBarTitle.foreground#e6e8e9
  • statusBar.background#538397
  • statusBar.border#01020300
  • statusBar.debuggingBackground#c1b398
  • statusBar.debuggingBorder#01020300
  • statusBar.debuggingForeground#010203
  • statusBar.foreground#010203
  • statusBar.noFolderBackground#a34845
  • statusBar.noFolderBorder#01020300
  • statusBar.noFolderForeground#e6e8e9
  • symbolIcon.arrayForeground#fa7d12
  • symbolIcon.booleanForeground#fa7d12
  • symbolIcon.classForeground#fa7d12
  • symbolIcon.colorForeground#fa7d12
  • symbolIcon.constantForeground#fa7d12
  • symbolIcon.constructorForeground#fa7d12
  • symbolIcon.enumeratorForeground#fa7d12
  • symbolIcon.enumeratorMemberForeground#fa7d12
  • symbolIcon.eventForeground#fa7d12
  • symbolIcon.fieldForeground#fa7d12
  • symbolIcon.fileForeground#fa7d12
  • symbolIcon.folderForeground#fa7d12
  • symbolIcon.functionForeground#fa7d12
  • symbolIcon.interfaceForeground#fa7d12
  • symbolIcon.keyForeground#fa7d12
  • symbolIcon.keywordForeground#fa7d12
  • symbolIcon.methodForeground#fa7d12
  • symbolIcon.moduleForeground#fa7d12
  • symbolIcon.namespaceForeground#fa7d12
  • symbolIcon.nullForeground#fa7d12
  • symbolIcon.numberForeground#fa7d12
  • symbolIcon.objectForeground#fa7d12
  • symbolIcon.operatorForeground#fa7d12
  • symbolIcon.packageForeground#fa7d12
  • symbolIcon.propertyForeground#fa7d12
  • symbolIcon.referenceForeground#fa7d12
  • symbolIcon.snippetForeground#fa7d12
  • symbolIcon.stringForeground#fa7d12
  • symbolIcon.structForeground#fa7d12
  • symbolIcon.textForeground#fa7d12
  • symbolIcon.typeParameterForeground#fa7d12
  • symbolIcon.unitForeground#fa7d12
  • symbolIcon.variableForeground#fa7d12
  • tab.activeBackground#010203
  • tab.activeBorder#010203
  • tab.activeBorderTop#010203
  • tab.activeForeground#e6e8e9
  • tab.activeModifiedBorder#0a0f17
  • tab.border#0a0f17
  • tab.hoverBackground#010203
  • tab.hoverBorder#0a0f17
  • tab.hoverForeground#e6e8e9
  • tab.inactiveBackground#04070b
  • tab.inactiveForeground#a8acae
  • tab.inactiveModifiedBorder#0a0f17
  • tab.unfocusedActiveBackground#010203
  • tab.unfocusedActiveBorder#010203
  • tab.unfocusedActiveBorderTop#010203
  • tab.unfocusedActiveForeground#e6e8e9
  • tab.unfocusedActiveModifiedBorder#0a0f17
  • tab.unfocusedHoverBackground#010203
  • tab.unfocusedHoverBorder#0a0f17
  • tab.unfocusedHoverForeground#e6e8e9
  • tab.unfocusedInactiveBackground#04070b
  • tab.unfocusedInactiveForeground#a8acae
  • tab.unfocusedInactiveModifiedBorder#0a0f17
  • terminal.ansiBlack#04070b
  • terminal.ansiBlue#538397
  • terminal.ansiBrightBlack#538397
  • terminal.ansiBrightBlue#538397
  • terminal.ansiBrightCyan#85adbc
  • terminal.ansiBrightGreen#85adbc
  • terminal.ansiBrightMagenta#bc5f5d
  • terminal.ansiBrightRed#bc5f5d
  • terminal.ansiBrightWhite#c1b398
  • terminal.ansiBrightYellow#c1b398
  • terminal.ansiCyan#85adbc
  • terminal.ansiGreen#85adbc
  • terminal.ansiMagenta#bc5f5d
  • terminal.ansiRed#bc5f5d
  • terminal.ansiWhite#c1b398
  • terminal.ansiYellow#c1b398
  • terminal.background#04070b
  • terminal.border#01020300
  • terminal.foreground#a8acae
  • terminal.selectionBackground#7b7f814d
  • terminalCursor.background#01020300
  • terminalCursor.foreground#a8acae
  • textBlockQuote.background#01020300
  • textBlockQuote.border#cacdcf
  • textCodeBlock.background#010203
  • textLink.activeForeground#85adbc
  • textLink.foreground#538397
  • textPreformat.foreground#c1b398
  • textSeparator.foreground#cacdcf
  • tree.indentGuidesStroke#7b7f81
  • walkThrough.embeddedEditorBackground#04070b
  • welcomePage.background#04070b
  • welcomePage.buttonBackground#538397
  • welcomePage.buttonHoverBackground#85adbc
  • widget.shadow#01020300
  • window.activeBorder#0a0f17
  • window.inactiveBorder#010203

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#7b7f81
constant#bc5f5d
constant.character.entity#f4500aitalic
keyword#c1b398
storage#c1b398
string#bc5f5d
support#fc9d1b
variable#f4500aitalic
entity.other.attribute-name.css#e6e8e9
punctuation.terminator.rule.css#cacdcf
entity.other.attribute-name.class.css#fa7d12
punctuation.definition.entity.css#cacdcfnormal
constant.other.color.rgb-value.hex.css, punctuation.definition.constant.css#fc9d1b
entity.other.attribute-name.id.css#fa7d12
keyword.other.important.cssbold
keyword.operator.arithmetic.css, keyword.operator.combinator.css, keyword.operator.pattern.css#cacdcf
support.type.property-name.css#cacdcf
support.constant.color.current.css, support.constant.property-value.css#c1b398
entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css#e6e8e9
entity.name.tag.css#538397
entity.other.keyframe-offset.percentage.css, keyword.other.unit.%.css, keyword.other.unit.ch.css, keyword.other.unit.cm.css, keyword.other.unit.deg.css, keyword.other.unit.em.css, keyword.other.unit.ex.css, keyword.other.unit.in.css, keyword.other.unit.mm.css, keyword.other.unit.ms.css, keyword.other.unit.pc.css, keyword.other.unit.percentage.css, keyword.other.unit.pt.css, keyword.other.unit.px.css, keyword.other.unit.q.css, keyword.other.unit.rem.css, keyword.other.unit.s.css, keyword.other.unit.vmax.css, keyword.other.unit.vmin.css, keyword.other.unit.vh.css, keyword.other.unit.vw.css#bc5f5d
support.type.vendored.property-name.css#a8acae
entity.other.attribute-name.html#e6e8e9
punctuation.separator.key-value.html#cacdcf
entity.name.tag.html#fa7d12
comment.block.documentation.js, comment.block.js#a8acae
meta.brace.round.js, meta.brace.square.js, punctuation.accessor.js, punctuation.definition.block.js, punctuation.definition.bracket.curly.begin.jsdoc, punctuation.definition.bracket.curly.end.jsdoc, punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.end.js, punctuation.separator.comma.js, punctuation.separator.key-value.js#cacdcf
entity.name.type.class.js, entity.name.type.js, support.class.builtin.js#538397
entity.name.function.js, support.function.console.js, support.function.js#fc9d1b
entity.other.inherited-class.js#85adbc
constant.language.null.js#a8acae
keyword.operator.arithmetic.js, keyword.operator.assignment.compound.bitwise.js, keyword.operator.assignment.compound.js, keyword.operator.assignment.js, keyword.operator.comparison.js, keyword.operator.decrement.js, keyword.operator.increment.js, keyword.operator.logical.js, keyword.operator.relational.js, keyword.operator.ternary.js#cacdcf
meta.object-literal.key.js, variable.other.constant.property.js, variable.other.object.property.js, variable.other.property.js#fa7d12normal
string.regexp.js#85adbc
variable.language.super.js#e6e8e9normal
variable.language.this.js#e6e8e9
entity.name.type.instance.jsdoc#85adbc
constant.language.undefined.js#a8acae
support.type.property-name.json#cacdcf
entity.other.attribute-name.js.jsx#e6e8e9
support.class.component.js.jsx#fa7d12bold
entity.name.tag.js.jsx#fa7d12
markup.bold.markdownbold
markup.fenced_code.block.markdown, markup.inline.raw.string.markdown#f4500a
punctuation.definition.bold.markdown, punctuation.definition.italic.markdownregular
heading.1.markdown, heading.2.markdown, heading.3.markdown, heading.4.markdown, heading.5.markdown, heading.6.markdown#c1b398
markup.italic.markdownitalic
string.other.link.description.markdown, string.other.link.title.markdown#fa7d12
fenced_code.block.language.markdown#c1b398
markup.underline.link.markdown#e6e8e9
meta.attribute.python, meta.indexed-name.python#fa7d12regular
constant.character.format.placeholder.other.python, constant.other.ellipsis.python, punctuation.definition.arguments.begin.python, punctuation.definition.arguments.end.python, punctuation.definition.dict.begin.python, punctuation.definition.dict.end.python, punctuation.definition.inheritance.begin.python, punctuation.definition.inheritance.end.python, punctuation.definition.list.begin.python, punctuation.definition.list.end.python, punctuation.definition.parameters.begin.python, punctuation.definition.parameters.end.python, punctuation.parenthesis.begin.python, punctuation.parenthesis.end.python, punctuation.section.class.begin.python, punctuation.section.function.begin.python, punctuation.separator.annotation.python, punctuation.separator.annotation.result.python, punctuation.separator.arguments.python, punctuation.separator.colon.python, punctuation.separator.element.python, punctuation.separator.inheritance.python, punctuation.separator.slice.python, punctuation.separator.parameters.python, punctuation.separator.period.python#cacdcfregular
entity.name.type.class.python#538397regular
comment.line.number-sign.pythonregular
constant.language.python, constant.numeric.dec.python, constant.numeric.float.pythonregular
string.quoted.docstring.multi.python#a8acaeregular
constant.character.escape.python#f4500aregular
source.python#f4500aitalic
entity.name.function.python, meta.function-call.generic.python, support.function.builtin.python, support.function.magic.python#fc9d1bregular
entity.other.inherited-class.python#85adbcregular
keyword.control.flow.python, keyword.control.import.pythonregular
keyword.operator.arithmetic.python, keyword.operator.assignment.python, keyword.operator.bitwise.python, keyword.operator.comparison.python, keyword.operator.logical.python, keyword.operator.python, keyword.operator.unpacking.arguments.python, keyword.operator.unpacking.parameter.python#cacdcfregular
storage.type.class.python, storage.type.function.pythonregular
string.quoted.docstring.single.python, string.quoted.single.pythonregular
support.type.exception.python, support.type.python#fc9d1bregular
constant.other.caps.python#f4500a
constant.character.escape.backslash.regexp, keyword.operator.or.regexp, punctuation.definition.character-class.regexp, punctuation.definition.group.regexp#538397
constant.other.character-class.range.regexp, constant.other.character-class.regexp, constant.other.character-class.set.regexp#85adbc
keyword.control.anchor.regexp, keyword.operator.negation.regexp, keyword.operator.quantifier.regexp#85adbc
entity.other.attribute-name.attribute.scss#e6e8e9
comment.block.scss#a8acae
meta.embedded.block.scss, meta.property-list.scss, punctuation.access.module.scss, punctuation.definition.attribute-selector.begin.bracket.square.scss, punctuation.definition.attribute-selector.end.bracket.square.scss, punctuation.definition.interpolation.begin.bracket.curly.scss, punctuation.definition.interpolation.end.bracket.curly.scss, punctuation.section.function.scss, punctuation.separator.delimiter.scss, punctuation.separator.key-value.scss#cacdcfregular
entity.name.function.scss#fc9d1b
keyword.other.important.scssbold
keyword.operator.scss#cacdcf
meta.attribute-selector.scss#bc5f5d
entity.name.type.alias.tsx#85adbc
entity.other.attribute-name.tsx#e6e8e9
comment.block.documentation.tsx, comment.block.tsx#a8acae
keyword.operator.type.annotation.tsx, meta.brace.round.tsx, meta.brace.square.tsx, punctuation.accessor.tsx, punctuation.definition.block.tsx, punctuation.definition.template-expression.begin.tsx, punctuation.definition.template-expression.end.tsx, punctuation.separator.comma.tsx, punctuation.separator.key-value.tsx#cacdcf
entity.name.type.class.tsx, entity.name.type.tsx, support.class.builtin.tsx#538397
support.class.component.tsx#fa7d12bold
entity.name.function.tsx, support.function.console.tsx, support.function.tsx#fc9d1b
entity.other.inherited-class.tsx#85adbc
entity.name.type.interface.tsx#538397
constant.language.null.tsx#a8acae
entity.name.type.module.tsx#538397
keyword.operator.arithmetic.tsx, keyword.operator.assignment.compound.bitwise.tsx, keyword.operator.assignment.compound.tsx, keyword.operator.assignment.tsx, keyword.operator.comparison.tsx, keyword.operator.decrement.tsx, keyword.operator.increment.tsx, keyword.operator.logical.tsx, keyword.operator.relational.tsx, keyword.operator.ternary.tsx#cacdcf
support.type.primitive.tsx#85adbc
meta.object-literal.key.tsx, variable.other.constant.property.tsx, variable.other.object.property.tsx, variable.other.property.tsx#fa7d12normal
string.regexp.tsx#85adbc
variable.language.super.tsx#e6e8e9normal
entity.name.tag.tsx#fa7d12
variable.language.this.tsx#e6e8e9
constant.language.undefined.tsx#a8acae
entity.name.type.alias.ts#85adbc
comment.block.documentation.ts, comment.block.ts#a8acae
keyword.operator.type.annotation.ts, meta.brace.round.ts, meta.brace.square.ts, punctuation.accessor.ts, punctuation.definition.block.ts, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.ts#cacdcf
entity.name.type.class.ts, entity.name.type.ts, support.class.builtin.ts#538397
entity.name.function.ts, support.function.console.ts, support.function.ts#fc9d1b
entity.other.inherited-class.ts#85adbc
entity.name.type.interface.ts#538397
constant.language.null.ts#a8acae
entity.name.type.module.ts#538397
keyword.operator.arithmetic.ts, keyword.operator.assignment.compound.bitwise.ts, keyword.operator.assignment.compound.ts, keyword.operator.assignment.ts, keyword.operator.comparison.ts, keyword.operator.decrement.ts, keyword.operator.increment.ts, keyword.operator.logical.ts, keyword.operator.relational.ts, keyword.operator.ternary.ts#cacdcf
support.type.primitive.ts#85adbc
variable.object.property.ts, variable.other.constant.property.ts, variable.other.object.property.ts, variable.other.property.ts#fa7d12normal
string.regexp.ts#85adbc
variable.language.super.ts#e6e8e9normal
variable.language.this.ts#e6e8e9
constant.language.undefined.ts#a8acae
entity.other.attribute-name.localname.xml#e6e8e9
entity.name.tag.localname.xml#fa7d12

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

A Galaxy Far, Far Away Theme by DanMad - VS Code Theme