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#e2ffbe
  • activityBar.background#f4f5f0
  • activityBar.border#bdd48a
  • activityBar.foreground#54a700
  • activityBar.inactiveForeground#a9ec47
  • activityBarBadge.background#5eaa02
  • activityBarBadge.foreground#ffffff
  • badge.background#2cae9c
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#1f1f1f
  • breadcrumb.background#edf3d5
  • breadcrumb.focusForeground#1f1f1f
  • breadcrumb.foreground#353f1f
  • button.background#bbdc71
  • button.foreground#25271d
  • button.hoverBackground#7eb04b
  • button.secondaryBackground#cce89b
  • button.secondaryForeground#333728
  • button.secondaryHoverBackground#96b74f
  • checkbox.background#f3faee
  • checkbox.border#56c5c5
  • checkbox.foreground#35401d
  • debugExceptionWidget.background#eaf4de
  • debugExceptionWidget.border#0616ff
  • debugToolBar.background#eaf4de
  • debugToolBar.border#0616ff
  • diffEditor.border#99ffff
  • diffEditor.insertedTextBackground#0a2f9b
  • diffEditor.insertedTextBorder#ffffff
  • diffEditor.removedTextBackground#00ffff
  • diffEditor.removedTextBorder#eaf7f7
  • dropdown.background#f3faee
  • dropdown.border#56c5c5
  • dropdown.foreground#35401d
  • editor.background#f1f3ee
  • editor.findMatchBackground#d7daef
  • editor.findMatchBorder#3b7600
  • editor.findMatchHighlightBackground#ffffff
  • editor.findMatchHighlightBorder#5e9e00
  • editor.findRangeHighlightBackground#a8b68e
  • editor.findRangeHighlightBorder#e9f0de
  • editor.foldBackground#739443
  • editor.foreground#476e00
  • editor.hoverHighlightBackground#ceaf9d
  • editor.inactiveSelectionBackground#cad2c0
  • editor.lineHighlightBackground#f7f8f8
  • editor.lineHighlightBorder#addd8c
  • editor.rangeHighlightBackground#ffffff
  • editor.rangeHighlightBorder#b0d0d0
  • editor.selectionBackground#c0e0a5
  • editor.selectionHighlightBackground#ffffff
  • editor.selectionHighlightBorder#89d41b
  • editor.wordHighlightBackground#c2dede
  • editor.wordHighlightBorder#b6cfcf
  • editor.wordHighlightStrongBackground#ecc8b4
  • editor.wordHighlightStrongBorder#b2d9d9
  • editorBracketMatch.background#86c826
  • editorBracketMatch.border#d0ebba
  • editorCodeLens.foreground#56693b
  • editorCursor.background#f4fde8
  • editorCursor.foreground#38500f
  • editorError.background#00ffff
  • editorError.border#439d9d
  • editorError.foreground#00ffff
  • editorGroup.border#c1ce9b
  • editorGroup.emptyBackground#f1f3ee
  • editorGroupHeader.tabsBackground#ebebdb
  • editorGroupHeader.tabsBorder#97b543
  • editorGutter.addedBackground#323dd8
  • editorGutter.background#f0f1ec
  • editorGutter.commentRangeForeground#00baba
  • editorGutter.deletedBackground#00fff3
  • editorGutter.foldingControlForeground#00baba
  • editorGutter.modifiedBackground#38f628
  • editorHoverWidget.background#eaefe0
  • editorHoverWidget.border#82ac4f
  • editorHoverWidget.foreground#2b361d
  • editorIndentGuide.activeBackground#649c00
  • editorIndentGuide.background#67892a
  • editorInfo.background#bb6f40
  • editorInfo.border#bb6f40
  • editorInfo.foreground#7b3a00
  • editorLineNumber.activeForeground#497c00
  • editorLineNumber.foreground#91a771
  • editorLink.activeForeground#6d9500
  • editorMarkerNavigation.background#d2d2cf
  • editorMarkerNavigationError.background#0b788e
  • editorMarkerNavigationInfo.background#7da54d
  • editorMarkerNavigationWarning.background#3358ff
  • editorOverviewRuler.background#dadada
  • editorOverviewRuler.border#95cc52
  • editorRuler.foreground#13dfdf
  • editorSuggestWidget.background#f1f3ee
  • editorSuggestWidget.border#98ac6b
  • editorSuggestWidget.foreground#6f8b5c
  • editorSuggestWidget.highlightForeground#637e00
  • editorSuggestWidget.selectedBackground#a0b85e
  • editorWarning.background#003dff
  • editorWarning.border#000000
  • editorWarning.foreground#1b45ff
  • editorWhitespace.foreground#ffffff
  • editorWidget.background#e9f1d9
  • editorWidget.foreground#55653d
  • editorWidget.resizeBorder#509200
  • focusBorder#5a8c00
  • foreground#6eac00
  • gitDecoration.addedResourceForeground#7e4774
  • gitDecoration.conflictingResourceForeground#93933b
  • gitDecoration.deletedResourceForeground#38b1c6
  • gitDecoration.ignoredResourceForeground#737373
  • gitDecoration.modifiedResourceForeground#1d3f72
  • gitDecoration.stageDeletedResourceForeground#38b1c6
  • gitDecoration.stageModifiedResourceForeground#1d3f72
  • gitDecoration.submoduleResourceForeground#72461d
  • gitDecoration.untrackedResourceForeground#8c366e
  • icon.foreground#6eac00
  • input.background#f3faee
  • input.border#56c5c5
  • input.foreground#35401d
  • input.placeholderForeground#637a41
  • inputOption.activeBackground#7ba700
  • inputOption.activeBorder#727f30
  • inputOption.activeForeground#141b0a
  • list.activeSelectionBackground#b5d175
  • list.activeSelectionForeground#1b3a3a
  • list.dropBackground#e1f0c7
  • list.focusBackground#88c34d
  • list.focusForeground#253106
  • list.highlightForeground#4e7b00
  • list.hoverBackground#cbd3b0
  • list.hoverForeground#00434a
  • list.inactiveSelectionBackground#cbd0be
  • list.inactiveSelectionForeground#6d8549
  • listFilterWidget.background#94b66b
  • listFilterWidget.noMatchesOutline#00e8ff
  • listFilterWidget.outline#97ff00
  • menu.background#dadad9
  • menu.border#ffffff
  • menu.foreground#333333
  • menu.selectionBackground#f6b88e
  • menu.selectionBorder#ffffff
  • menu.selectionForeground#000000
  • menu.separatorBackground#444444
  • menubar.selectionBackground#000000
  • menubar.selectionForeground#333333
  • merge.commonContentBackground#d7d7d7
  • merge.commonHeaderBackground#c7c7c7
  • merge.currentContentBackground#d8bfc4
  • merge.currentHeaderBackground#c98c99
  • merge.incomingContentBackground#d7c7b4
  • merge.incomingHeaderBackground#c6a070
  • minimap.background#f1f3ee
  • minimap.errorHighlight#00ffff
  • minimap.findMatchHighlight#d7daef
  • minimap.selectionHighlight#c0e0a5
  • minimap.warningHighlight#1b45ff
  • minimapGutter.addedBackground#323dd8
  • minimapGutter.deletedBackground#00fff3
  • minimapGutter.modifiedBackground#38f628
  • notificationCenter.border#b2f37b
  • notificationCenterHeader.background#e1ecd3
  • notificationCenterHeader.foreground#3b6717
  • notifications.background#f2f4f0
  • notifications.border#b8c79d
  • notifications.foreground#205a00
  • notificationsErrorIcon.foreground#00d0fa
  • notificationsInfoIcon.foreground#52b600
  • notificationsWarningIcon.foreground#3358ff
  • notificationToast.border#8adf5a
  • panel.background#f3f6ec
  • panel.border#a3ff00
  • panelSection.border#6ff500
  • panelTitle.activeBorder#5cff00
  • panelTitle.activeForeground#55920d
  • panelTitle.inactiveForeground#57810d
  • peekView.border#6dd234
  • peekViewEditor.background#d8f1c0
  • peekViewEditor.matchHighlightBackground#ffffff
  • peekViewEditor.matchHighlightBorder#63983f
  • peekViewEditorGutter.background#ffffff
  • peekViewResult.background#ffffff
  • peekViewResult.fileForeground#131f04
  • peekViewResult.lineForeground#297200
  • peekViewResult.matchHighlightBackground#63a32e
  • peekViewResult.selectionBackground#3c5004
  • peekViewResult.selectionForeground#007272
  • peekViewTitle.background#d7dfcd
  • peekViewTitleDescription.foreground#3b4343
  • peekViewTitleLabel.foreground#1f2a06
  • pickerGroup.border#88ae5a
  • pickerGroup.foreground#3b8300
  • progressBar.background#ff00a7
  • scrollbar.shadow#f2fcde
  • scrollbarSlider.activeBackground#4c7b13
  • scrollbarSlider.background#6aaa0d
  • scrollbarSlider.hoverBackground#6f9619
  • selection.background#799d2c
  • settings.focusedRowBackground#000000
  • settings.headerForeground#6eac00
  • sideBar.background#e9ede2
  • sideBar.border#f5f9f0
  • sideBar.dropBackground#e1f0c7
  • sideBar.foreground#162900
  • sideBarSectionHeader.background#f5ffe4
  • sideBarSectionHeader.border#5e8900
  • sideBarSectionHeader.foreground#4a9300
  • sideBarTitle.foreground#344700
  • statusBar.background#f4f8ea
  • statusBar.border#ffffff
  • statusBar.debuggingBackground#dceac7
  • statusBar.debuggingBorder#8738aa
  • statusBar.debuggingForeground#613268
  • statusBar.foreground#030702
  • statusBar.noFolderBackground#eafbe6
  • statusBar.noFolderBorder#ffffff
  • statusBar.noFolderForeground#1f2f2f
  • statusBarItem.activeBackground#000000
  • statusBarItem.hoverBackground#ffffff
  • statusBarItem.remoteBackground#a8f573
  • statusBarItem.remoteForeground#c700ff
  • tab.activeBackground#bcd488
  • tab.activeBorder#466500
  • tab.activeBorderTop#c0ec7f
  • tab.activeForeground#224a00
  • tab.border#ebf0e4
  • tab.hoverBackground#9dd832
  • tab.hoverBorder#518a0d
  • tab.hoverForeground#132300
  • tab.inactiveBackground#d2e5b0
  • tab.inactiveForeground#475f24
  • terminal.ansiBlack#c2caca
  • terminal.ansiBlue#db8d37
  • terminal.ansiBrightBlack#999999
  • terminal.ansiBrightBlue#c47115
  • terminal.ansiBrightCyan#d64724
  • terminal.ansiBrightGreen#dc2e74
  • terminal.ansiBrightMagenta#298f29
  • terminal.ansiBrightRed#0eb3b3
  • terminal.ansiBrightWhite#111f00
  • terminal.ansiBrightYellow#0a0abc
  • terminal.ansiCyan#ee5732
  • terminal.ansiGreen#f24386
  • terminal.ansiMagenta#43c043
  • terminal.ansiRed#32cece
  • terminal.ansiWhite#173800
  • terminal.ansiYellow#1a1aef
  • terminal.border#6ff500
  • terminal.foreground#2f4c21
  • terminal.selectionBackground#7aa258
  • terminalCursor.background#4a7011
  • terminalCursor.foreground#ffffff
  • textLink.foreground#659e00
  • titleBar.activeBackground#ddecc7
  • titleBar.activeForeground#1c2400
  • titleBar.border#ffffff
  • titleBar.inactiveBackground#c3c3c3
  • titleBar.inactiveForeground#333333
  • tree.indentGuidesStroke#6b971b
  • walkThrough.embeddedEditorBackground#ffffff
  • widget.shadow#ffffff

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#4a3b00
variable.other.generic-type.haskell#a15d04
storage.type.haskell#482654
support.variable.magic.python#4a3b00
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#476e00
variable.parameter.function.language.special.self.python#19262a
storage.modifier.lifetime.rust#476e00
support.function.std.rust#151658
entity.name.lifetime.rust#19262a
variable.language.rust#4a3b00
support.constant.edge#a15d04
constant.other.character-class.regexp#4a3b00
keyword.operator.quantifier.regexp#482654
punctuation.definition.string.begin,punctuation.definition.string.end#246873
variable.parameter.function#476e00
comment markup.link#797e5a
markup.changed.diff#19262a
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#151658
markup.inserted.diff#246873
markup.deleted.diff#4a3b00
meta.function.c,meta.function.cpp#4a3b00
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#476e00
punctuation.separator.key-value#476e00
keyword.operator.expression.import#151658
support.constant.math#19262a
support.constant.property.math#482654
variable.other.constant#19262a
storage.type.annotation.java, storage.type.object.array.java#19262a
source.java#4a3b00
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#476e00
meta.method.java#151658
storage.modifier.import.java,storage.type.java,storage.type.generic.java#19262a
keyword.operator.instanceof.java#a15d04
meta.definition.variable.name.java#4a3b00
keyword.operator.logical#269000
keyword.operator.bitwise#269000
keyword.operator.channel#269000
support.constant.property-value.scss,support.constant.property-value.css#482654
keyword.operator.css,keyword.operator.scss,keyword.operator.less#269000
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#482654
punctuation.separator.list.comma.css#476e00
support.constant.color.w3c-standard-color-name.css#482654
support.type.vendored.property-name.css#269000
support.module.node,support.type.object.module,support.module.node#19262a
entity.name.type.module#19262a
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#4a3b00
support.constant.json#482654
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#a15d04
support.type.object.console#4a3b00
support.variable.property.process#482654
entity.name.function,support.function.console#151658
keyword.operator.misc.rust#476e00
keyword.operator.sigil.rust#a15d04
keyword.operator.delete#a15d04
support.type.object.dom#269000
support.variable.dom,support.variable.property.dom#4a3b00
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#269000
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#a15d04
punctuation.separator.delimiter#476e00
punctuation.separator.c,punctuation.separator.cpp#a15d04
support.type.posix-reserved.c,support.type.posix-reserved.cpp#269000
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#a15d04
variable.parameter.function.language.python#482654
support.type.python#269000
keyword.operator.logical.python#a15d04
variable.parameter.function.python#482654
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#476e00
meta.function-call.generic.python#151658
constant.character.format.placeholder.other.python#482654
keyword.operator#476e00
keyword.operator.assignment.compound#a15d04
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#269000
keyword#a15d04
entity.name.namespace#19262a
variable#4a3b00
variable.c#476e00
variable.language#19262a
token.variable.parameter.java#476e00
import.storage.java#19262a
token.package.keyword#a15d04
token.package#476e00
entity.name.function, meta.require, support.function.any-method, variable.function#151658
entity.name.type.namespace#19262a
support.class, entity.name.type.class#19262a
entity.name.class.identifier.namespace.type#19262a
entity.name.class, variable.other.class.js, variable.other.class.ts#19262a
variable.other.class.php#4a3b00
entity.name.type#19262a
keyword.control#a15d04
control.elements, keyword.operator.less#482654
keyword.other.special-method#151658
storage#a15d04
token.storage#a15d04
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#a15d04
token.storage.type.java#19262a
support.function#269000
support.type.property-name#476e00
support.constant.property-value#476e00
support.constant.font-name#482654
meta.tag#476e00
string#246873
entity.other.inherited-class#19262a
constant.other.symbol#269000
constant.numeric#482654
constant#482654
punctuation.definition.constant#482654
entity.name.tag#4a3b00
entity.other.attribute-name#482654
entity.other.attribute-name.id#151658normal
entity.other.attribute-name.class.css#482654normal
meta.selector#a15d04
markup.heading#4a3b00
markup.heading punctuation.definition.heading, entity.name.section#151658
keyword.other.unit#4a3b00
markup.bold,todo.bold#482654
punctuation.definition.bold#19262a
markup.italic, punctuation.definition.italic,todo.emphasis#a15d04
emphasis md#a15d04
entity.name.section.markdown#4a3b00
punctuation.definition.heading.markdown#4a3b00
punctuation.definition.list.begin.markdown#4a3b00
markup.heading.setext#476e00
punctuation.definition.bold.markdown#482654
markup.inline.raw.markdown#246873
markup.inline.raw.string.markdown#246873
punctuation.definition.list.markdown#4a3b00
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#4a3b00
beginning.punctuation.definition.list.markdown#4a3b00
punctuation.definition.metadata.markdown#4a3b00
markup.underline.link.markdown,markup.underline.link.image.markdown#a15d04
string.other.link.title.markdown,string.other.link.description.markdown#151658
string.regexp#269000
constant.character.escape#269000
punctuation.section.embedded, variable.interpolation#4a3b00
punctuation.section.embedded.begin,punctuation.section.embedded.end#a15d04
invalid.illegal#000000
invalid.illegal.bad-ampersand.html#476e00
invalid.broken#000000
invalid.deprecated#000000
invalid.unimplemented#000000
source.json meta.structure.dictionary.json > string.quoted.json#4a3b00
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#4a3b00
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#246873
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#269000
support.type.property-name.json#4a3b00
support.type.property-name.json punctuation#4a3b00
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#a15d04
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#a15d04
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#19262a
keyword.operator.error-control.php#a15d04
keyword.operator.type.php#a15d04
punctuation.section.array.begin.php#476e00
punctuation.section.array.end.php#476e00
invalid.illegal.non-null-typehinted.php#0bb8b8
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#19262a
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#151658
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#476e00
support.constant.core.rust#482654
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#482654
entity.name.goto-label.php,support.other.php#151658
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#269000
keyword.operator.regexp.php#a15d04
keyword.operator.comparison.php#269000
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#a15d04
meta.function.decorator.python#151658
support.token.decorator.python,meta.function.decorator.identifier.python#269000
function.parameter#476e00
function.brace#476e00
function.parameter.ruby, function.parameter.cs#476e00
constant.language.symbol.ruby#269000
rgb-value#269000
inline-color-decoration rgb-value#482654
less rgb-value#482654
selector.sass#4a3b00
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#19262a
block.scope.end,block.scope.begin#476e00
storage.type.cs#19262a
entity.name.variable.local.cs#4a3b00
token.info-token#151658
token.warn-token#482654
token.error-token#0bb8b8
token.debug-token#a15d04
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#a15d04
meta.template.expression#476e00
keyword.operator.module#a15d04
support.type.type.flowtype#151658
support.type.primitive#19262a
meta.property.object#4a3b00
variable.parameter.function.js#4a3b00
keyword.other.template.begin#246873
keyword.other.template.end#246873
keyword.other.substitution.begin#246873
keyword.other.substitution.end#246873
keyword.operator.assignment#269000
keyword.operator.assignment.go#19262a
keyword.operator.arithmetic.go, keyword.operator.address.go#a15d04
entity.name.package.go#19262a
support.type.prelude.elm#269000
support.constant.elm#482654
punctuation.quasi.element#a15d04
constant.character.entity#4a3b00
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#269000
entity.global.clojure#19262a
meta.symbol.clojure#4a3b00
constant.keyword.clojure#269000
meta.arguments.coffee, variable.parameter.function.coffee#4a3b00
source.ini#246873
meta.scope.prerequisites.makefile#4a3b00
source.makefile#19262a
storage.modifier.import.groovy#19262a
meta.method.groovy#151658
meta.definition.variable.name.groovy#4a3b00
meta.definition.class.inherited.classes.groovy#246873
support.variable.semantic.hlsl#19262a
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#a15d04
text.variable, text.bracketed#4a3b00
support.type.swift, support.type.vb.asp#19262a
entity.name.function.xi#19262a
entity.name.class.xi#269000
constant.character.character-class.regexp.xi#4a3b00
constant.regexp.xi#a15d04
keyword.control.xi#269000
invalid.xi#476e00
beginning.punctuation.definition.quote.markdown.xi#246873
beginning.punctuation.definition.list.markdown.xi#797e5a
constant.character.xi#151658
accent.xi#151658
wikiword.xi#482654
constant.other.color.rgb-value.xi#000000
punctuation.definition.tag.xi#797e5a
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#19262a
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#4a3b00
meta.brace.square#476e00
comment, punctuation.definition.comment#797e5aitalic
markup.quote.markdown#797e5a
punctuation.definition.block.sequence.item.yaml#476e00
constant.language.symbol.elixir#269000
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...

PurpleHaze by Tr3bbe - VS Code Theme