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.background#f5f5f5
  • activityBar.border#cccccc
  • activityBar.foreground#1a1a1a
  • activityBar.inactiveForeground#333333
  • activityBarBadge.background#031a99
  • activityBarBadge.foreground#ffffff
  • badge.background#031a99
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#1a1a1a
  • breadcrumb.focusForeground#1a1a1a
  • breadcrumb.foreground#333333
  • breadcrumbPicker.background#e4e4e4
  • button.background#031a99
  • button.foreground#ffffff
  • button.hoverBackground#0226c9
  • button.secondaryBackground#c9cac8
  • button.secondaryForeground#333333
  • button.secondaryHoverBackground#dddddd
  • charts.blue#2980b9
  • charts.foreground#1a1a1a
  • charts.green#396342
  • charts.lines#333333
  • charts.orange#cc6600
  • charts.purple#948ae3
  • charts.red#8b1538
  • charts.yellow#b8860b
  • debugExceptionWidget.background#c9cac8
  • debugExceptionWidget.border#dddddd
  • debugIcon.breakpointCurrentStackframeForeground#5c4f08
  • debugIcon.breakpointDisabledForeground#bab6c0
  • debugIcon.breakpointForeground#cc0033
  • debugIcon.breakpointStackframeForeground#1a1a1a
  • debugIcon.breakpointUnverifiedForeground#cc6600
  • debugIcon.continueForeground#1a1a1a
  • debugIcon.disconnectForeground#1a1a1a
  • debugIcon.pauseForeground#1a1a1a
  • debugIcon.restartForeground#009933
  • debugIcon.startForeground#009933
  • debugIcon.stepBackForeground#1a1a1a
  • debugIcon.stepIntoForeground#1a1a1a
  • debugIcon.stepOutForeground#1a1a1a
  • debugIcon.stepOverForeground#1a1a1a
  • debugIcon.stopForeground#cc0033
  • debugToolBar.background#e2e2e2
  • descriptionForeground#2a2a2a
  • diffEditor.insertedTextBackground#4a7c5919
  • diffEditor.removedTextBackground#8b153819
  • dropdown.background#dddddd
  • dropdown.border#dddddd
  • dropdown.foreground#1a1a1a
  • dropdown.listBackground#c9cac8
  • editor.background#ffffff
  • editor.findMatchBackground#c9c5d026
  • editor.findMatchBorder#b8860b
  • editor.findMatchHighlightBackground#c9c5d026
  • editor.findMatchHighlightBorder#00000000
  • editor.findRangeHighlightBackground#f0f0f0
  • editor.findRangeHighlightBorder#00000000
  • editor.foreground#1a1a1a
  • editor.hoverHighlightBackground#f0f0f0
  • editor.inactiveSelectionBackground#f0f0f0
  • editor.lineHighlightBackground#f5f5f5
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#c9cac8
  • editor.rangeHighlightBorder#c9cac8
  • editor.selectionBackground#e0e0e0
  • editor.selectionHighlightBackground#c9c5d026
  • editor.selectionHighlightBorder#00000000
  • editor.wordHighlightBackground#c9c5d026
  • editor.wordHighlightBorder#00000000
  • editor.wordHighlightStrongBackground#c9c5d026
  • editor.wordHighlightStrongBorder#00000000
  • editorBracketHighlight.foreground1#cc0033
  • editorBracketHighlight.foreground2#cc6600
  • editorBracketHighlight.foreground3#b8860b
  • editorBracketHighlight.foreground4#009933
  • editorBracketHighlight.foreground5#0099cc
  • editorBracketHighlight.foreground6#6633cc
  • editorBracketMatch.background#dddddd
  • editorBracketMatch.border#69676c
  • editorCodeLens.foreground#69676c
  • editorCursor.background#dddddd
  • editorCursor.foreground#2c2c2c
  • editorError.background#00000000
  • editorError.border#00000000
  • editorError.foreground#cc0033
  • editorGroup.border#e6e6e6
  • editorGroup.dropBackground#e6e6e640
  • editorGroup.emptyBackground#ffffff
  • editorGroup.focusedEmptyBorder#e6e6e6
  • editorGroupHeader.noTabsBackground#ebebeb
  • editorGroupHeader.tabsBackground#ffffff
  • editorGroupHeader.tabsBorder#dddddd
  • editorGutter.addedBackground#4a7c59
  • editorGutter.background#ffffff
  • editorGutter.deletedBackground#8b1538
  • editorGutter.modifiedBackground#cc6600
  • editorHint.border#dddddd
  • editorHint.foreground#948ae3
  • editorHoverWidget.background#c9cac8
  • editorHoverWidget.border#dddddd
  • editorIndentGuide.background#c9cac8
  • editorInfo.background#00000000
  • editorInfo.border#dddddd
  • editorInfo.foreground#0099cc
  • editorLightBulb.foreground#b8860b
  • editorLightBulbAutoFix.foreground#228b22
  • editorLineNumber.activeForeground#1a1a1a
  • editorLineNumber.foreground#333333
  • editorLink.activeForeground#0066cc
  • editorMarkerNavigation.background#c9cac8
  • editorMarkerNavigationError.background#8b1538
  • editorMarkerNavigationInfo.background#2980b9
  • editorMarkerNavigationWarning.background#cc6600
  • editorOverviewRuler.addedForeground#4a7c59
  • editorOverviewRuler.border#dddddd
  • editorOverviewRuler.currentContentForeground#333333
  • editorOverviewRuler.deletedForeground#8b1538
  • editorOverviewRuler.errorForeground#cc0033
  • editorOverviewRuler.findMatchForeground#c9c5d026
  • editorOverviewRuler.incomingContentForeground#333333
  • editorOverviewRuler.infoForeground#0099cc
  • editorOverviewRuler.modifiedForeground#cc6600
  • editorOverviewRuler.rangeHighlightForeground#333333
  • editorOverviewRuler.selectionHighlightForeground#333333
  • editorOverviewRuler.warningForeground#cc6600
  • editorOverviewRuler.wordHighlightForeground#333333
  • editorOverviewRuler.wordHighlightStrongForeground#333333
  • editorPane.background#dddddd
  • editorRuler.foreground#cccccc
  • editorSuggestWidget.background#c9cac8
  • editorSuggestWidget.border#c9cac8
  • editorSuggestWidget.foreground#bab6c0
  • editorSuggestWidget.highlightForeground#8b888f
  • editorSuggestWidget.selectedBackground#69676c
  • editorWarning.background#00000000
  • editorWarning.border#00000000
  • editorWarning.foreground#cc6600
  • editorWhitespace.foreground#cccccc
  • editorWidget.background#c9cac8
  • editorWidget.border#c9cac8
  • errorForeground#cc0033
  • extensionButton.background#031a99
  • extensionButton.foreground#ffffff
  • extensionButton.hoverBackground#0226c9
  • extensionButton.prominentBackground#031a99
  • extensionButton.prominentForeground#ffffff
  • extensionButton.prominentHoverBackground#0226c9
  • extensionButton.separator#ffffff
  • focusBorder#666666
  • foreground#1a1a1a
  • gitDecoration.addedResourceForeground#009933
  • gitDecoration.conflictingResourceForeground#cc0033
  • gitDecoration.deletedResourceForeground#cc0033
  • gitDecoration.ignoredResourceForeground#333333
  • gitDecoration.modifiedResourceForeground#b8860b
  • gitDecoration.stageDeletedResourceForeground#cc0033
  • gitDecoration.stageModifiedResourceForeground#b8860b
  • gitDecoration.untrackedResourceForeground#009933
  • input.background#e5e6e6
  • input.border#cccccc
  • input.foreground#1a1a1a
  • input.placeholderForeground#666666
  • inputOption.activeBackground#333333
  • inputOption.activeBorder#333333
  • inputValidation.errorBackground#c9cac8
  • inputValidation.errorBorder#8b1538
  • inputValidation.errorForeground#1a1a1a
  • inputValidation.infoBackground#c9cac8
  • inputValidation.infoBorder#2980b9
  • inputValidation.infoForeground#1a1a1a
  • inputValidation.warningBackground#c9cac8
  • inputValidation.warningBorder#cc6600
  • inputValidation.warningForeground#1a1a1a
  • list.activeSelectionBackground#e8e8e8
  • list.activeSelectionForeground#1a1a1a
  • list.dropBackground#333333
  • list.errorForeground#cc0033
  • list.focusBackground#dddddd
  • list.focusForeground#1a1a1a
  • list.highlightForeground#1a1a1a
  • list.hoverBackground#f0f0f0
  • list.hoverForeground#1a1a1a
  • list.inactiveFocusBackground#dddddd
  • list.inactiveSelectionBackground#f0f0f0
  • list.inactiveSelectionForeground#1a1a1a
  • list.invalidItemForeground#cc0033
  • list.warningForeground#cc6600
  • listFilterWidget.background#dddddd
  • listFilterWidget.noMatchesOutline#cc0033
  • listFilterWidget.outline#dddddd
  • menu.background#e4e4e4
  • menu.foreground#1a1a1a
  • merge.border#dddddd
  • merge.commonContentBackground#c9c5d019
  • merge.commonHeaderBackground#c9c5d026
  • merge.currentContentBackground#8b153819
  • merge.currentHeaderBackground#8b153826
  • merge.incomingContentBackground#4a7c5919
  • merge.incomingHeaderBackground#4a7c5926
  • minimap.errorHighlight#8b1538
  • minimap.warningHighlight#cc6600
  • minimapGutter.addedBackground#4a7c59
  • minimapGutter.deletedBackground#8b1538
  • minimapGutter.modifiedBackground#645603
  • notificationCenter.border#363537
  • notificationCenterHeader.background#363537
  • notificationCenterHeader.foreground#1a1a1a
  • notificationLink.foreground#0099cc
  • notifications.background#363537
  • notifications.border#363537
  • notifications.foreground#f7f1ff
  • notificationsErrorIcon.foreground#cc0033
  • notificationsInfoIcon.foreground#0099cc
  • notificationsWarningIcon.foreground#cc6600
  • notificationToast.border#363537
  • panel.background#ffffff
  • panel.border#dddddd
  • panelTitle.activeBorder#645603
  • panelTitle.activeForeground#1a1a1a
  • panelTitle.inactiveForeground#333333
  • peekView.border#dddddd
  • peekViewEditor.background#c9cac8
  • peekViewEditor.matchHighlightBackground#525053
  • peekViewEditorGutter.background#c9cac8
  • peekViewResult.background#c9cac8
  • peekViewResult.fileForeground#1a1a1a
  • peekViewResult.lineForeground#333333
  • peekViewResult.matchHighlightBackground#525053
  • peekViewResult.matchHighlightForeground#1a1a1a
  • peekViewResult.selectionBackground#c9cac8
  • peekViewResult.selectionForeground#1a1a1a
  • peekViewTitle.background#c9cac8
  • peekViewTitleDescription.foreground#333333
  • peekViewTitleLabel.foreground#1a1a1a
  • pickerGroup.border#dddddd
  • pickerGroup.foreground#333333
  • problemsErrorIcon.foreground#cc0033
  • problemsInfoIcon.foreground#0099cc
  • problemsWarningIcon.foreground#cc6600
  • progressBar.background#cc9900
  • quickInput.background#e4e4e4
  • sash.hoverBorder#333333
  • scrollbar.shadow#00000026
  • scrollbarSlider.activeBackground#333333
  • scrollbarSlider.background#33333366
  • scrollbarSlider.hoverBackground#333333
  • selection.background#33333326
  • settings.checkboxBackground#c9cac8
  • settings.checkboxBorder#c9cac8
  • settings.checkboxForeground#1a1a1a
  • settings.dropdownBackground#c9cac8
  • settings.dropdownBorder#c9cac8
  • settings.dropdownForeground#1a1a1a
  • settings.dropdownListBorder#333333
  • settings.headerForeground#1a1a1a
  • settings.modifiedItemIndicator#cc9900
  • settings.numberInputBackground#c9cac8
  • settings.numberInputBorder#c9cac8
  • settings.numberInputForeground#1a1a1a
  • settings.textInputBackground#c9cac8
  • settings.textInputBorder#c9cac8
  • settings.textInputForeground#1a1a1a
  • sideBar.background#ffffff
  • sideBar.border#d4d4d4
  • sideBar.dropBackground#33333380
  • sideBar.foreground#1a1a1a
  • sideBarSectionHeader.background#e6e6e6
  • sideBarSectionHeader.foreground#1a1a1a
  • sideBarTitle.foreground#1a1a1a
  • statusBar.background#ffffff
  • statusBar.border#d4d4d4
  • statusBar.debuggingBackground#ffffff
  • statusBar.debuggingBorder#d4d4d4
  • statusBar.debuggingForeground#333333
  • statusBar.foreground#1a1a1a
  • statusBar.noFolderBackground#e6e6e6
  • statusBar.noFolderBorder#ffffff
  • statusBar.noFolderForeground#1a1a1a
  • statusBarItem.activeBackground#dddddd
  • statusBarItem.errorBackground#dddddd
  • statusBarItem.errorForeground#cc0033
  • statusBarItem.hoverBackground#e8e8e8
  • statusBarItem.hoverForeground#1a1a1a
  • statusBarItem.prominentBackground#c9cac8
  • statusBarItem.prominentHoverBackground#c9cac8
  • statusBarItem.remoteBackground#e6e6e6
  • statusBarItem.remoteForeground#009933
  • symbolIcon.arrayForeground#1a1a1a
  • symbolIcon.booleanForeground#6633cc
  • symbolIcon.classForeground#0099cc
  • symbolIcon.colorForeground#1a1a1a
  • symbolIcon.constantForeground#6633cc
  • symbolIcon.constructorForeground#009933
  • symbolIcon.enumeratorForeground#6633cc
  • symbolIcon.enumeratorMemberForeground#6633cc
  • symbolIcon.eventForeground#cc6600
  • symbolIcon.fieldForeground#cc6600
  • symbolIcon.fileForeground#666666
  • symbolIcon.folderForeground#666666
  • symbolIcon.functionForeground#009933
  • symbolIcon.interfaceForeground#0099cc
  • symbolIcon.keyForeground#cc6600
  • symbolIcon.keywordForeground#cc0033
  • symbolIcon.methodForeground#6633cc
  • symbolIcon.moduleForeground#b8860b
  • symbolIcon.namespaceForeground#b8860b
  • symbolIcon.nullForeground#cc0033
  • symbolIcon.numberForeground#009933
  • symbolIcon.objectForeground#0099cc
  • symbolIcon.operatorForeground#cc0033
  • symbolIcon.packageForeground#b8860b
  • symbolIcon.propertyForeground#cc6600
  • symbolIcon.referenceForeground#cc6600
  • symbolIcon.snippetForeground#cc6600
  • symbolIcon.stringForeground#009933
  • symbolIcon.structForeground#cc0033
  • symbolIcon.textForeground#b8860b
  • symbolIcon.typeParameterForeground#cc6600
  • symbolIcon.unitForeground#009933
  • symbolIcon.variableForeground#0099cc
  • tab.activeBackground#ffffff
  • tab.activeBorder#cc9900
  • tab.activeForeground#1a1a1a
  • tab.activeModifiedBorder#333333
  • tab.border#dddddd
  • tab.hoverBackground#ffffff
  • tab.hoverBorder#333333
  • tab.inactiveBackground#ffffff
  • tab.inactiveForeground#333333
  • tab.inactiveModifiedBorder#333333
  • tab.lastPinnedBorder#333333
  • tab.unfocusedActiveBorder#333333
  • tab.unfocusedActiveForeground#333333
  • tab.unfocusedActiveModifiedBorder#333333
  • tab.unfocusedHoverBackground#dddddd
  • tab.unfocusedHoverBorder#dddddd
  • tab.unfocusedInactiveForeground#4a4a4a
  • tab.unfocusedInactiveModifiedBorder#333333
  • terminal.ansiBlack#333333
  • terminal.ansiBlue#0099cc
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#0099cc
  • terminal.ansiBrightCyan#0099cc
  • terminal.ansiBrightGreen#009933
  • terminal.ansiBrightMagenta#6633cc
  • terminal.ansiBrightRed#cc0033
  • terminal.ansiBrightWhite#1a1a1a
  • terminal.ansiBrightYellow#b8860b
  • terminal.ansiCyan#0099cc
  • terminal.ansiGreen#009933
  • terminal.ansiMagenta#6633cc
  • terminal.ansiRed#cc0033
  • terminal.ansiWhite#1a1a1a
  • terminal.ansiYellow#b8860b
  • terminal.background#fafafa
  • terminal.foreground#1a1a1a
  • terminal.selectionBackground#33333326
  • terminalCursor.background#f0f0f0
  • terminalCursor.foreground#1a1a1a
  • textBlockQuote.background#c9cac8
  • textBlockQuote.border#c9cac8
  • textCodeBlock.background#c9cac8
  • textLink.activeForeground#1a1a1a
  • textLink.foreground#0099cc
  • textPreformat.foreground#1a1a1a
  • textSeparator.foreground#666666
  • titleBar.activeBackground#e6e6e6
  • titleBar.activeForeground#1a1a1a
  • titleBar.border#ffffff
  • titleBar.inactiveBackground#e6e6e6
  • titleBar.inactiveForeground#4a4a4a
  • walkThrough.embeddedEditorBackground#e6e6e6
  • welcomePage.tileBackground#dddddd
  • widget.shadow#00000026

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment keyword, comment markup.underline.link, comment string, comment punctuation.definition, comment punctuation, comment text#333333italic
comment storage.type#333333
comment entity.name.type#666666
comment variable, comment variable.other#666666
comment keyword.codetag.notation#6633cc
comment.git-status.header.remote#cc0033
comment.git-status.header.local#0099cc
comment.other.git-status.head#1a1a1a
string.quoted.docstring, string.quoted.docstring punctuation.definition#333333
constant#6633cc
constant.other#1a1a1a
constant.other.caps#6633cc
constant.other.placeholder.c#cc6600
constant.other.property#6633cc
constant.other.citation.latex#948AE3
constant.other.color#948AE3
constant.other.character-class.escape#948AE3
constant.other.key#948AE3
constant.other.symbol#cc6600
constant.other.elm#0099cc
constant.numeric#948AE3
constant.language#948AE3
constant.character.escape#948AE3
constant.numeric.line-number.find-in-files#333333
constant.numeric.line-number.match.find-in-files#b8860b
entity.name.section#b8860b
entity.name.function, entity.name.function.templated#009933
entity.name.function.member.static#1a1a1a
entity.name.type.class.templated, entity.name.type.class.generic, entity.name.type.namespace#0099cc
entity.name.label#948AE3
entity.name.function.preprocessor#0099cc
entity.name#009933
entity.name.class#0099cc
entity.name.constant#948AE3
entity.name.namespace#1a1a1a
entity.other.inherited-class#2980b9italic
entity.name.function#009933
entity.name.tag, entity.name.tag.js.jsx support.class.component.js.jsx, entity.name.tag support.class.component, source.vue support.class.component#cc0033
entity.name.function.operator#cc0033
entity.name.type, entity.name.type.class.reference, entity.name.type.class.value#2980b9
entity.other.attribute-name#2980b9italic
entity.other.attribute-name.class.css, entity.other.attribute-name.parent-selector-suffix.css, entity.other.attribute-name.parent-selector-suffix.css punctuation.definition.entity.css, entity.other.attribute-name.css, entity.other.animation-name.css#4a7c59
entity.other.attribute-name.id.css#cc6600
entity.other.attribute-name.pseudo-class.css, entity.other.pseudo-class.css, entity.other.pseudo-element.css#2980b9italic
entity.name.function, support.function#4a7c59
entity.other.git-status.hex#948AE3
entity.other.jinja2.delimiter#333333
entity.name.operator.custom-literal#1a1a1a
entity.name.operator.custom-literal.string#b8860b
entity.name.operator.custom-literal.number#948AE3
entity.name.type.rust#2980b9
entity.name.lifetime.rust#cc0033
invaliditalic
keyword#cc0033
keyword.control#8b1538
keyword.control.directive#8b1538
keyword.operator, keyword.operator.member, keyword.operator.new#8b1538
keyword.other.substitution#333333
keyword.other.template.begin, keyword.other.template.end#8b1538
keyword.operator.heading.restructuredtext, keyword.operator.table.row.restructuredtext keyword.operator.table.data.restructuredtext#333333
keyword.other.parenthesis.elm#8B888F
keyword.other.fn.rust, keyword.other.rust, keyword.other.unsafe.rust, keyword.other.where.rust#2980b9
keyword.control.rust, keyword.operator.misc.rust#8b1538
keyword.declaration.class.ruby, keyword.declaration.function.ruby, keyword.declaration.namespace.ruby#8b1538
markup.italicitalic
markup.boldbold
markup.heading#b8860b
markup.raw#cc6600
markup.underlineunderline
markup.underline.link#4a7c59
markup.inserted, markup.inserted punctuation.definition.inserted#4a7c59
markup.deleted, markup.deleted punctuation.definition.deleted#8b1538
markup.changed, markup.changed punctuation.definition.changed#b8860b
markup.ignored, markup.ignored punctuation.definition.ignored#8B888F
markup.untracked#8B888F
markup.quoteitalic
meta.brace.round, meta.brace.square, meta.brace.curly, meta.delimiter.comma.js, meta.function-call.without-arguments.js, meta.function-call.method.without-arguments.js#8B888F
meta.function-call.generic.python, support.function.builtin.python#4a7c59
meta.function-call.python meta.function-call.arguments.python#1a1a1a
meta.instance.constructor#4a7c59
meta.attribute-with-value.class string, meta.attribute.class.html string#4a7c59
meta.attribute-with-value.id string, meta.attribute.id.html string#cc6600
source.json meta.mapping.key string#8b888f
meta.object.member#8b888f
meta.property-list.css variable.other#cc6600
entity.name.constant.preprocessor, meta.preprocessor#948AE3
meta.diff.git-diff.header#b8860b
meta.type_params.rust#8b888f
meta.attribute.rust, meta.annotation.rust, variable.language.rust, variable.annotation.rust, meta.annotation.rust string, meta.annotation.rust keyword, meta.annotation.rust keyword.operator, meta.attribute.rust string#666666
punctuation#8B888F
punctuation.definition.tag, punctuation.definition.tag source, punctuation.definition.group.begin.ruby, punctuation.definition.group.end.ruby, punctuation.definition.group.begin.css, punctuation.definition.group.end.css, punctuation.definition.string.end.html source.css#8B888F
punctuation.definition.group#8b888f
punctuation.definition.comment#333333
punctuation.definition.variable, punctuation.definition.keyword.scss, punctuation.definition.entity.css#BAB6C0
punctuation.section.embedded, punctuation.section.embedded entity.name.tag, punctuation.section.embedded constant.other, punctuation.section.embedded source, punctuation.section.embedded.begin#cc6600
punctuation.template-string.element.begin, punctuation.template-string.element.end, punctuation.definition.string.template.begin, punctuation.definition.string.template.end, string.quoted.template punctuation.definition.string.begin, string.quoted.template punctuation.definition.string.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end#8b1538
meta.paragraph.markdown meta.dummy.line-break, meta.paragraph.markdown meta.hard-line-break.markdown
region.redish#cc0033
region.orangish#cc6600
region.yellowish#b8860b
region.greenish#009933
region.bluish#0099cc
region.purplish#6633cc
region.pinkish#8b1538
region.whitish#1a1a1a
source#8b888f
source.scss, source.sass#8B888F
source.sass variable.other, source.sass variable.sass, source.scss variable.other, source.scss variable.scss, source.scss variable.sass, source.css variable.other, source.css variable.scss, source.less variable.other, source.less variable.other.less, source.less variable.declaration.less#cc6600italic
source.git-show.commit.sha#948AE3
source.git-show.author, source.git-show.date, source.git-diff.command, source.git-diff.command meta.diff.git-diff.header.from-file, source.git-diff.command meta.diff.git-diff.header.to-file#8B888F
source.git-show meta.diff.git-diff.header.extended.index.from-sha, source.git-show meta.diff.git-diff.header.extended.index.to-sha#948AE3
source.git-show meta.diff.range.unified#cc6600
source.git-show meta.diff.header.from-file, source.git-show meta.diff.header.to-file#8B888F
storage#8b1538
storage.type#2980b9italic
storage.type.extends#cc0033normal
storage.type.function.arrow#8b1538normal
storage.modifier, storage.type.modifier#cc0033italic
storage.class.restructuredtext.ref#948AE3
storage.modifier.visibility.rust, storage.modifier.lifetime.rust#8b1538
storage.modifier.const.rust, storage.modifier.dyn.rust, storage.modifier.mut.rust, storage.modifier.static.rust, storage.type.rust, storage.type.core.rust, storage.class.std.rust#2980b9
storage.type.rust, storage.modifier.const.rust, storage.modifier.dyn.rust, storage.modifier.mut.rust, storage.modifier.static.rust, keyword.other.rust, keyword.other.where.rust#8b1538
string#857c4e
string.unquoted.label#8b888f
string source#8b888f
string source punctuation.section.embedded, string punctuation.definition.string source#8B888F
string.other.link.title, string.other.link.description#8b1538
string.other.link.description.title#2980b9
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end#8b1538
string.other.ref, string.other.restructuredtext.ref#4a7c59
string.other.git-status.help.key#BAB6C0
string.other.git-status.remote#8b1538
support.constant#2980b9
support.constant.handlebars#8B888F
support.type.vendor-prefix.css#BAB6C0
support.function#4a7c59
support.function.delimiter.elm#8B888F
support.type, entity.name.type.object.console#2980b9italic
support.variable#2980b9
support.type.property-name#8b888fnormal
support.class#2980b9
support.constant.core.rust#948AE3
text#8b888f
text.find-in-files#8b888f
variable, variable.other#8b888f
variable.parameter, parameters variable.function#cc6600italic
variable.language, variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python#BAB6C0italic
variable.language.arguments#948AE3
variable.other.class#2980b9
variable.other.constant#948AE3
variable.other.readwrite#8b888f
variable.other.member#8b888f
variable.other.enummember#948AE3
variable.other.property, variable.other.property.static, variable.other.event#8b888f
variable.function#4a7c59
variable.other.substitution#cc6600
source.ruby variable.other.readwrite.instance.ruby, source.ruby variable.other.readwrite.class.ruby#948AE3
source.jinja2 variable.other.jinja2.block#4a7c59
source.jinja2 variable.other.jinja2#cc6600
token.info-token#6796E6
token.warn-token#CD9731
token.error-token#F44747
token.debug-token#B267E6
comment, comment.block, comment.block.documentation, comment.line, punctuation.definition.comment, string.comment, entity.other.attribute-name.js, entity.other.attribute-name.tsx, entity.other.attribute-name.jsx, entity.other.attribute-name.html, entity.other.attribute-name, keyword.other.documentation, keyword, storage.type.class.jsdoc, storage.type.class.tsdoc, storage.type.class, storage.type.function.jsdocitalic

Shiki preview

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

Loading...

Xscriptor Themes - Coding Theme