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#321e1940
  • activityBar.background#000000
  • activityBar.border#00000000
  • activityBar.foreground#00ff00
  • activityBar.inactiveForeground#00ff1c66
  • activityBarBadge.background#4d0000
  • activityBarBadge.foreground#14ff00
  • badge.background#08f700
  • badge.foreground#000000
  • breadcrumb.activeSelectionForeground#ffffff
  • breadcrumb.background#000000
  • breadcrumb.focusForeground#ffffff
  • breadcrumb.foreground#ff8300
  • button.background#000000
  • button.foreground#ff0000
  • button.hoverBackground#08ff0054
  • button.secondaryBackground#0028ff
  • button.secondaryForeground#ff6868
  • button.secondaryHoverBackground#0a74ff95
  • checkbox.background#000000
  • checkbox.border#ad141400
  • checkbox.foreground#e66868
  • debugExceptionWidget.background#000000
  • debugExceptionWidget.border#0a0a0a00
  • debugToolBar.background#000000
  • debugToolBar.border#0a0a0a00
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#000000
  • dropdown.border#ad141400
  • dropdown.foreground#e66868
  • editor.background#000000
  • editor.findMatchBackground#000f03
  • editor.findMatchBorder#00000000
  • editor.findMatchHighlightBackground#79300055
  • editor.findMatchHighlightBorder#eac0c000
  • editor.findRangeHighlightBackground#006dff42
  • editor.findRangeHighlightBorder#1d040400
  • editor.foldBackground#3800ff66
  • editor.foreground#00ff28
  • editor.hoverHighlightBackground#00264b
  • editor.inactiveSelectionBackground#ffa8f91a
  • editor.lineHighlightBackground#ffffff00
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#8a000028
  • editor.rangeHighlightBorder#ff0c0c6c
  • editor.selectionBackground#02474174
  • editor.selectionHighlightBackground#002d5a64
  • editor.selectionHighlightBorder#00000000
  • editor.wordHighlightBackground#661a1ab8
  • editor.wordHighlightBorder#00000000
  • editor.wordHighlightStrongBackground#003e60b8
  • editor.wordHighlightStrongBorder#00000000
  • editorBracketMatch.background#00ff0038
  • editorBracketMatch.border#fb0000
  • editorCodeLens.foreground#908484
  • editorCursor.background#ff0000
  • editorCursor.foreground#81ff00
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#444444
  • editorGroup.emptyBackground#000000
  • editorGroupHeader.border#ff8300
  • editorGroupHeader.tabsBackground#000000
  • editorGroupHeader.tabsBorder#00000000
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#000000
  • editorGutter.commentRangeForeground#8a8a8a
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#8a8a8a
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#252526
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#5e1515
  • editorIndentGuide.background#a200ff
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#ff0000
  • editorLineNumber.foreground#ffcaca
  • editorLink.activeForeground#008bff
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#ff2b00
  • editorMarkerNavigationInfo.background#0087ff
  • editorMarkerNavigationWarning.background#ffd100
  • editorOverviewRuler.background#7b3f3f00
  • editorOverviewRuler.border#d774744d
  • editorRuler.foreground#3f0404
  • editorSuggestWidget.background#000000
  • editorSuggestWidget.border#0010ff
  • editorSuggestWidget.foreground#c7a82e
  • editorSuggestWidget.highlightForeground#079cff
  • editorSuggestWidget.selectedBackground#1d303d
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#00e7ff
  • editorWidget.background#000000
  • editorWidget.foreground#80ff00
  • editorWidget.resizeBorder#00000000
  • focusBorder#00ff00
  • foreground#ff8300
  • gitDecoration.addedResourceForeground#0bfff4b5
  • gitDecoration.conflictingResourceForeground#a459ff
  • gitDecoration.deletedResourceForeground#ffe50e
  • gitDecoration.ignoredResourceForeground#6f6f6f
  • gitDecoration.modifiedResourceForeground#c08a39e7
  • gitDecoration.stageDeletedResourceForeground#ff2600
  • gitDecoration.stageModifiedResourceForeground#ff9900
  • gitDecoration.submoduleResourceForeground#0084ff
  • gitDecoration.untrackedResourceForeground#00ff59
  • icon.foreground#ff8300
  • input.background#000000
  • input.border#ad141400
  • input.foreground#e66868
  • input.placeholderForeground#ffffff
  • inputOption.activeBackground#00000066
  • inputOption.activeBorder#ffffff00
  • inputOption.activeForeground#1de8e8
  • list.activeSelectionBackground#003c64
  • list.activeSelectionForeground#00effb
  • list.dropBackground#390041
  • list.focusBackground#0d4f7b
  • list.focusForeground#fffb00
  • list.highlightForeground#0099ff
  • list.hoverBackground#2000ff
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#2424ee
  • list.inactiveSelectionForeground#ff0000
  • listFilterWidget.background#735040
  • listFilterWidget.noMatchesOutline#ff1600
  • listFilterWidget.outline#000000
  • menu.background#000000
  • menu.border#00000000
  • menu.foreground#d79700
  • menu.selectionBackground#000000
  • menu.selectionBorder#2cff00
  • menu.selectionForeground#eb04ff
  • menu.separatorBackground#8953fff7
  • menubar.selectionBackground#00dbff
  • menubar.selectionBorder#00ff00
  • menubar.selectionForeground#fffbfb
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#000000
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#000f03
  • minimap.selectionHighlight#02474174
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#ff0000e1
  • notificationCenterHeader.background#7f7ff7
  • notificationCenterHeader.foreground#ffcfcf
  • notifications.background#000000
  • notifications.border#0000ff
  • notifications.foreground#14ff00
  • notificationsErrorIcon.foreground#ff0000
  • notificationsInfoIcon.foreground#00abff
  • notificationsWarningIcon.foreground#ffd100
  • notificationToast.border#000000
  • panel.background#000000
  • panel.border#0034ff
  • panelSection.border#5c00ff
  • panelTitle.activeBorder#5000ff
  • panelTitle.activeForeground#10f7e1
  • panelTitle.inactiveForeground#d3ff00fb
  • peekView.border#007acc
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#8686ff
  • pickerGroup.foreground#77abe6
  • progressBar.background#7400ff
  • scrollbar.shadow#454545
  • scrollbarSlider.activeBackground#e8a0a066
  • scrollbarSlider.background#f9f8f842
  • scrollbarSlider.hoverBackground#969696b3
  • selection.background#003f77
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ff8300
  • sideBar.background#000000
  • sideBar.border#0034ff
  • sideBar.dropBackground#390041
  • sideBar.foreground#38ff00
  • sideBarSectionHeader.background#000000
  • sideBarSectionHeader.border#000000
  • sideBarSectionHeader.foreground#eb00ff
  • sideBarTitle.foreground#ff0000
  • statusBar.background#000000
  • statusBar.border#00ff00
  • statusBar.debuggingBackground#121212
  • statusBar.debuggingBorder#00ff00
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#00ff10
  • statusBar.noFolderBackground#000000
  • statusBar.noFolderBorder#00ff00
  • statusBar.noFolderForeground#14ff00
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#121212
  • statusBarItem.remoteBackground#0000ff
  • statusBarItem.remoteForeground#00ff34
  • tab.activeBackground#000000
  • tab.activeBorder#e200de00
  • tab.activeBorderTop#bb00ff00
  • tab.activeForeground#00ff58
  • tab.border#ff00a700
  • tab.hoverBackground#9700ff95
  • tab.hoverBorder#000000
  • tab.hoverForeground#ff0000
  • tab.inactiveBackground#121212
  • tab.inactiveForeground#ffef00ed
  • terminal.ansiBlack#b2b2b2
  • terminal.ansiBlue#3d8ce4
  • terminal.ansiBrightBlack#686868
  • terminal.ansiBrightBlue#0079ff
  • terminal.ansiBrightCyan#00cdff
  • terminal.ansiBrightGreen#00ff98
  • terminal.ansiBrightMagenta#ff00ff
  • terminal.ansiBrightRed#ff0000
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#ffff00
  • terminal.ansiCyan#3badc9
  • terminal.ansiGreen#43cb97
  • terminal.ansiMagenta#c959c9
  • terminal.ansiRed#c70000
  • terminal.ansiWhite#ececec
  • terminal.ansiYellow#d3d336
  • terminal.border#5c00ff
  • terminal.foreground#08ff00
  • terminal.selectionBackground#68555540
  • terminalCursor.background#ffffff
  • terminalCursor.foreground#000000
  • textLink.foreground#4290ff
  • titleBar.activeBackground#000000
  • titleBar.activeForeground#00dbff
  • titleBar.border#00000000
  • titleBar.inactiveBackground#600000
  • titleBar.inactiveForeground#ffffff
  • tree.indentGuidesStroke#ff0000
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00ff4c54

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
punctuation.definition.delayed.unison,punctuation.definition.list.begin.unison,punctuation.definition.list.end.unison,punctuation.definition.ability.begin.unison,punctuation.definition.ability.end.unison,punctuation.operator.assignment.as.unison,punctuation.separator.pipe.unison,punctuation.separator.delimiter.unison,punctuation.definition.hash.unison#ffa700
variable.other.generic-type.haskell#00e7ff
storage.type.haskell#ff0078
support.variable.magic.python#ffa700
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#00ff28
variable.parameter.function.language.special.self.python#c387ff
storage.modifier.lifetime.rust#00ff28
support.function.std.rust#20ff00
entity.name.lifetime.rust#c387ff
variable.language.rust#ffa700
support.constant.edge#00e7ff
constant.other.character-class.regexp#ffa700
keyword.operator.quantifier.regexp#ff0078
punctuation.definition.string.begin,punctuation.definition.string.end#ffff00
variable.parameter.function#00ff28
comment markup.link#686868
markup.changed.diff#c387ff
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#20ff00
markup.inserted.diff#ffff00
markup.deleted.diff#ffa700
meta.function.c,meta.function.cpp#ffa700
punctuation.section.block.begin.bracket.curly.cpp,punctuation.section.block.end.bracket.curly.cpp,punctuation.terminator.statement.c,punctuation.section.block.begin.bracket.curly.c,punctuation.section.block.end.bracket.curly.c,punctuation.section.parens.begin.bracket.round.c,punctuation.section.parens.end.bracket.round.c,punctuation.section.parameters.begin.bracket.round.c,punctuation.section.parameters.end.bracket.round.c#00ff28
punctuation.separator.key-value#00ff28
keyword.operator.expression.import#20ff00
support.constant.math#c387ff
support.constant.property.math#ff0078
variable.other.constant#c387ff
storage.type.annotation.java, storage.type.object.array.java#c387ff
source.java#ffa700
punctuation.section.block.begin.java,punctuation.section.block.end.java,punctuation.definition.method-parameters.begin.java,punctuation.definition.method-parameters.end.java,meta.method.identifier.java,punctuation.section.method.begin.java,punctuation.section.method.end.java,punctuation.terminator.java,punctuation.section.class.begin.java,punctuation.section.class.end.java,punctuation.section.inner-class.begin.java,punctuation.section.inner-class.end.java,meta.method-call.java,punctuation.section.class.begin.bracket.curly.java,punctuation.section.class.end.bracket.curly.java,punctuation.section.method.begin.bracket.curly.java,punctuation.section.method.end.bracket.curly.java,punctuation.separator.period.java,punctuation.bracket.angle.java,punctuation.definition.annotation.java,meta.method.body.java#00ff28
meta.method.java#20ff00
storage.modifier.import.java,storage.type.java,storage.type.generic.java#c387ff
keyword.operator.instanceof.java#00e7ff
meta.definition.variable.name.java#ffa700
keyword.operator.logical#ff2020
keyword.operator.bitwise#ff2020
keyword.operator.channel#ff2020
support.constant.property-value.scss,support.constant.property-value.css#ff0078
keyword.operator.css,keyword.operator.scss,keyword.operator.less#ff2020
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#ff0078
punctuation.separator.list.comma.css#00ff28
support.constant.color.w3c-standard-color-name.css#ff0078
support.type.vendored.property-name.css#ff2020
support.module.node,support.type.object.module,support.module.node#c387ff
entity.name.type.module#c387ff
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ffa700
support.constant.json#ff0078
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#00e7ff
support.type.object.console#ffa700
support.variable.property.process#ff0078
entity.name.function,support.function.console#20ff00
keyword.operator.misc.rust#00ff28
keyword.operator.sigil.rust#00e7ff
keyword.operator.delete#00e7ff
support.type.object.dom#ff2020
support.variable.dom,support.variable.property.dom#ffa700
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#ff2020
keyword.operator.assignment.c,keyword.operator.comparison.c,keyword.operator.c,keyword.operator.increment.c,keyword.operator.decrement.c,keyword.operator.bitwise.shift.c,keyword.operator.assignment.cpp,keyword.operator.comparison.cpp,keyword.operator.cpp,keyword.operator.increment.cpp,keyword.operator.decrement.cpp,keyword.operator.bitwise.shift.cpp#00e7ff
punctuation.separator.delimiter#00ff28
punctuation.separator.c,punctuation.separator.cpp#00e7ff
support.type.posix-reserved.c,support.type.posix-reserved.cpp#ff2020
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#00e7ff
variable.parameter.function.language.python#ff0078
support.type.python#ff2020
keyword.operator.logical.python#00e7ff
variable.parameter.function.python#ff0078
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#00ff28
meta.function-call.generic.python#20ff00
constant.character.format.placeholder.other.python#ff0078
keyword.operator#00ff28
keyword.operator.assignment.compound#00e7ff
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#ff2020
keyword#00e7ff
entity.name.namespace#c387ff
variable#ffa700
variable.c#00ff28
variable.language#c387ff
token.variable.parameter.java#00ff28
import.storage.java#c387ff
token.package.keyword#00e7ff
token.package#00ff28
entity.name.function, meta.require, support.function.any-method, variable.function#20ff00
entity.name.type.namespace#c387ff
support.class, entity.name.type.class#c387ff
entity.name.class.identifier.namespace.type#c387ff
entity.name.class, variable.other.class.js, variable.other.class.ts#c387ff
variable.other.class.php#ffa700
entity.name.type#c387ff
keyword.control#00e7ff
control.elements, keyword.operator.less#ff0078
keyword.other.special-method#20ff00
storage#00e7ff
token.storage#00e7ff
keyword.operator.expression.delete,keyword.operator.expression.in,keyword.operator.expression.of,keyword.operator.expression.instanceof,keyword.operator.new,keyword.operator.expression.typeof,keyword.operator.expression.void#00e7ff
token.storage.type.java#c387ff
support.function#ff2020
support.type.property-name#00ff28
support.constant.property-value#00ff28
support.constant.font-name#ff0078
meta.tag#00ff28
string#ffff00
entity.other.inherited-class#c387ff
constant.other.symbol#ff2020
constant.numeric#ff0078
constant#ff0078
punctuation.definition.constant#ff0078
entity.name.tag#ffa700
entity.other.attribute-name#ff0078
entity.other.attribute-name.id#20ff00normal
entity.other.attribute-name.class.css#ff0078normal
meta.selector#00e7ff
markup.heading#ffa700
markup.heading punctuation.definition.heading, entity.name.section#20ff00
keyword.other.unit#ffa700
markup.bold,todo.bold#ff0078
punctuation.definition.bold#c387ff
markup.italic, punctuation.definition.italic,todo.emphasis#00e7ff
emphasis md#00e7ff
entity.name.section.markdown#ffa700
punctuation.definition.heading.markdown#ffa700
punctuation.definition.list.begin.markdown#ffa700
markup.heading.setext#00ff28
punctuation.definition.bold.markdown#ff0078
markup.inline.raw.markdown#ffff00
markup.inline.raw.string.markdown#ffff00
punctuation.definition.list.markdown#ffa700
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#ffa700
beginning.punctuation.definition.list.markdown#ffa700
punctuation.definition.metadata.markdown#ffa700
markup.underline.link.markdown,markup.underline.link.image.markdown#00e7ff
string.other.link.title.markdown,string.other.link.description.markdown#20ff00
string.regexp#ff2020
constant.character.escape#ff2020
punctuation.section.embedded, variable.interpolation#ffa700
punctuation.section.embedded.begin,punctuation.section.embedded.end#00e7ff
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#00ff28
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#ffa700
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ffa700
source.json meta.structure.dictionary.json > value.json > string.quoted.json,source.json meta.structure.array.json > value.json > string.quoted.json,source.json meta.structure.dictionary.json > value.json > string.quoted.json > punctuation,source.json meta.structure.array.json > value.json > string.quoted.json > punctuation#ffff00
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#ff2020
support.type.property-name.json#ffa700
support.type.property-name.json punctuation#ffa700
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#00e7ff
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#00e7ff
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#c387ff
keyword.operator.error-control.php#00e7ff
keyword.operator.type.php#00e7ff
punctuation.section.array.begin.php#00ff28
punctuation.section.array.end.php#00ff28
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#c387ff
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#20ff00
punctuation.definition.parameters.begin.bracket.round.php,punctuation.definition.parameters.end.bracket.round.php,punctuation.separator.delimiter.php,punctuation.section.scope.begin.php,punctuation.section.scope.end.php,punctuation.terminator.expression.php,punctuation.definition.arguments.begin.bracket.round.php,punctuation.definition.arguments.end.bracket.round.php,punctuation.definition.storage-type.begin.bracket.round.php,punctuation.definition.storage-type.end.bracket.round.php,punctuation.definition.array.begin.bracket.round.php,punctuation.definition.array.end.bracket.round.php,punctuation.definition.begin.bracket.round.php,punctuation.definition.end.bracket.round.php,punctuation.definition.begin.bracket.curly.php,punctuation.definition.end.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php,punctuation.definition.section.switch-block.start.bracket.curly.php,punctuation.definition.section.switch-block.begin.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php#00ff28
support.constant.core.rust#ff0078
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#ff0078
entity.name.goto-label.php,support.other.php#20ff00
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#ff2020
keyword.operator.regexp.php#00e7ff
keyword.operator.comparison.php#ff2020
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#00e7ff
meta.function.decorator.python#20ff00
support.token.decorator.python,meta.function.decorator.identifier.python#ff2020
function.parameter#00ff28
function.brace#00ff28
function.parameter.ruby, function.parameter.cs#00ff28
constant.language.symbol.ruby#ff2020
rgb-value#ff2020
inline-color-decoration rgb-value#ff0078
less rgb-value#ff0078
selector.sass#ffa700
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#c387ff
block.scope.end,block.scope.begin#00ff28
storage.type.cs#c387ff
entity.name.variable.local.cs#ffa700
token.info-token#20ff00
token.warn-token#ff0078
token.error-token#f44747
token.debug-token#00e7ff
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#00e7ff
meta.template.expression#00ff28
keyword.operator.module#00e7ff
support.type.type.flowtype#20ff00
support.type.primitive#c387ff
meta.property.object#ffa700
variable.parameter.function.js#ffa700
keyword.other.template.begin#ffff00
keyword.other.template.end#ffff00
keyword.other.substitution.begin#ffff00
keyword.other.substitution.end#ffff00
keyword.operator.assignment#ff2020
keyword.operator.assignment.go#c387ff
keyword.operator.arithmetic.go, keyword.operator.address.go#00e7ff
entity.name.package.go#c387ff
support.type.prelude.elm#ff2020
support.constant.elm#ff0078
punctuation.quasi.element#00e7ff
constant.character.entity#ffa700
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#ff2020
entity.global.clojure#c387ff
meta.symbol.clojure#ffa700
constant.keyword.clojure#ff2020
meta.arguments.coffee, variable.parameter.function.coffee#ffa700
source.ini#ffff00
meta.scope.prerequisites.makefile#ffa700
source.makefile#c387ff
storage.modifier.import.groovy#c387ff
meta.method.groovy#20ff00
meta.definition.variable.name.groovy#ffa700
meta.definition.class.inherited.classes.groovy#ffff00
support.variable.semantic.hlsl#c387ff
support.type.texture.hlsl, support.type.sampler.hlsl, support.type.object.hlsl, support.type.object.rw.hlsl, support.type.fx.hlsl, support.type.object.hlsl#00e7ff
text.variable, text.bracketed#ffa700
support.type.swift, support.type.vb.asp#c387ff
entity.name.function.xi#c387ff
entity.name.class.xi#ff2020
constant.character.character-class.regexp.xi#ffa700
constant.regexp.xi#00e7ff
keyword.control.xi#ff2020
invalid.xi#00ff28
beginning.punctuation.definition.quote.markdown.xi#ffff00
beginning.punctuation.definition.list.markdown.xi#686868
constant.character.xi#20ff00
accent.xi#20ff00
wikiword.xi#ff0078
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#686868
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#c387ff
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ffa700
meta.brace.square#00ff28
comment, punctuation.definition.comment#686868italic
markup.quote.markdown#686868
punctuation.definition.block.sequence.item.yaml#00ff28
constant.language.symbol.elixir#ff2020
entity.other.attribute-name.js,entity.other.attribute-name.ts,entity.other.attribute-name.jsx,entity.other.attribute-name.tsx,variable.parameter,variable.language.superitalic
comment.line.double-slash,comment.block.documentationitalic
keyword.control.import.python,keyword.control.flow.pythonitalic
markup.italic.markdownitalic

Shiki preview

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

Loading...

Dark Star Pro by Vijval - VS Code Theme