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.background#191a1f
  • activityBar.foreground#cccccc
  • activityBar.inactiveForeground#cccccc7c
  • activityBarBadge.background#9f6e76
  • activityBarBadge.foreground#ffffff
  • badge.background#414141
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#191a1f
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#879071
  • button.foreground#ffffff
  • button.hoverBackground#484b3e
  • button.secondaryBackground#434343
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#38383860
  • checkbox.background#1a1a1f
  • checkbox.border#1a1a1f
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#1a1a1f
  • debugExceptionWidget.border#1a1a1f
  • debugToolBar.background#1a1a1f
  • debugToolBar.border#1a1a1f
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ffb7b733
  • dropdown.background#1a1a1f
  • dropdown.border#1a1a1f
  • dropdown.foreground#cccccc
  • editor.background#191a1f
  • editor.findMatchBackground#354345
  • editor.findMatchBorder#1a1a1f
  • editor.findMatchHighlightBackground#555560
  • editor.findMatchHighlightBorder#1a1a1f56
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#412d34
  • editor.foreground#ffffff
  • editor.hoverHighlightBackground#5858585a
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#88888838
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#9ed8de
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#616566b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#904e64
  • editorCursor.background#1a1a1f
  • editorCursor.foreground#ffffff6e
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#904e64
  • editorGroup.border#191a1f
  • editorGroup.emptyBackground#191a1f
  • editorGroupHeader.border#1a1a1f
  • editorGroupHeader.tabsBackground#191a1f
  • editorGroupHeader.tabsBorder#191a1f
  • editorGutter.addedBackground#879071
  • editorGutter.background#191a1f
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#a55b5e
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#9ed8de85
  • editorHoverWidget.background#1a1a1f
  • editorHoverWidget.border#9ed8de
  • editorHoverWidget.foreground#ffffff
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#191a1f
  • editorInfo.border#191a1f
  • editorInfo.foreground#ffffffa5
  • editorLineNumber.activeForeground#9d9d9d
  • editorLineNumber.foreground#b6b6b6
  • editorLink.activeForeground#ffffff
  • editorMarkerNavigation.background#5a5a5a
  • editorMarkerNavigationError.background#f7a9a9
  • editorMarkerNavigationInfo.background#9ed8de
  • editorMarkerNavigationWarning.background#f7f2a9
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#FFFFFF14
  • editorSuggestWidget.background#1a1a1f
  • editorSuggestWidget.border#1a1a1f
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#dff7a9
  • editorSuggestWidget.selectedBackground#6e7b4f
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#8e9071
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#1a1a1f
  • editorWidget.foreground#ffffff
  • editorWidget.resizeBorder#1a1a1f
  • focusBorder#879071
  • foreground#ffffff
  • gitDecoration.addedResourceForeground#81b88b
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#c74e39
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#e2c08d
  • gitDecoration.stageDeletedResourceForeground#c74e39
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#ffffff
  • input.background#1a1a1f
  • input.border#1a1a1f
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#2c2c32
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#2b2b30
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#2b2b30
  • list.focusBackground#2e2e2e83
  • list.focusForeground#cccccc
  • list.highlightForeground#879071
  • list.hoverBackground#2b2b30
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#37373d
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#1a1a1f
  • listFilterWidget.noMatchesOutline#d1949e
  • listFilterWidget.outline#d1949e9b
  • menu.background#1a1a1f
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#879071
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#1a1a1f
  • menubar.selectionForeground#879071
  • merge.commonContentBackground#4b4b4b
  • merge.commonHeaderBackground#7d7d7d
  • merge.currentContentBackground#878e76
  • merge.currentHeaderBackground#9da391
  • merge.incomingContentBackground#513b3b
  • merge.incomingHeaderBackground#583434
  • minimap.background#191a1f
  • minimap.errorHighlight#904e64
  • minimap.findMatchHighlight#354345
  • minimap.selectionHighlight#88888838
  • minimap.warningHighlight#8e9071
  • minimapGutter.addedBackground#879071
  • minimapGutter.deletedBackground#a55b5e
  • minimapGutter.modifiedBackground#9ed8de85
  • notificationCenter.border#474747
  • notificationCenterHeader.background#303031
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#1a1a1f
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#d1949e
  • notificationsInfoIcon.foreground#9ed8de
  • notificationsWarningIcon.foreground#dff7a9
  • notificationToast.border#1a1a1f
  • panel.background#191a1f
  • panel.border#191a1f
  • panelSection.border#c2c2c2
  • panelTitle.activeBorder#191a1f
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#ffffff
  • peekViewEditor.background#1a1a1f
  • peekViewEditor.matchHighlightBackground#1a1a1f
  • peekViewEditor.matchHighlightBorder#ffffff7e
  • peekViewEditorGutter.background#1f1f1f2a
  • peekViewResult.background#1a1a1f
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#ffffff
  • peekViewResult.matchHighlightBackground#d1949e89
  • peekViewResult.selectionBackground#a9a9a933
  • peekViewResult.selectionForeground#d1949e
  • peekViewTitle.background#1a1a1f
  • peekViewTitleDescription.foreground#1a1a1f
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#1a1a1f
  • pickerGroup.foreground#ffffff
  • progressBar.background#d1949e
  • scrollbar.shadow#87907100
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#ffffff10
  • scrollbarSlider.hoverBackground#ffffff16
  • selection.background#879071
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ffffff
  • sideBar.background#191a1f
  • sideBar.border#d1949e00
  • sideBar.dropBackground#2b2b30
  • sideBar.foreground#a3a3a3
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#b06f7900
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#ffffff
  • statusBar.background#191a1f
  • statusBar.debuggingBackground#1d1f27
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#1d1f27
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#d1949e
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#191a1f
  • tab.activeBorder#00000000
  • tab.activeBorderTop#d1949e
  • tab.activeForeground#ffffff
  • tab.border#191a1f
  • tab.inactiveBackground#191a1f
  • tab.inactiveForeground#a3a3a3
  • terminal.ansiBlack#565454
  • terminal.ansiBlue#747ea7
  • terminal.ansiBrightBlack#3d3d3d
  • terminal.ansiBrightBlue#9eabde
  • terminal.ansiBrightCyan#9ed8de
  • terminal.ansiBrightGreen#d1ff69
  • terminal.ansiBrightMagenta#8a8a8a
  • terminal.ansiBrightRed#904e64
  • terminal.ansiBrightWhite#ababab
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#8ba6a9
  • terminal.ansiGreen#dff7a9
  • terminal.ansiMagenta#6f6f6f
  • terminal.ansiRed#d1949e
  • terminal.ansiWhite#8a8a8a
  • terminal.ansiYellow#879071
  • terminal.border#c2c2c2
  • terminal.foreground#ffffff
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#40434f
  • terminalCursor.foreground#ffffff
  • textLink.foreground#a16d7f
  • titleBar.activeBackground#191a1f
  • titleBar.activeForeground#ffffff
  • titleBar.border#00000000
  • titleBar.inactiveBackground#1a1a1f
  • titleBar.inactiveForeground#888888
  • tree.indentGuidesStroke#a3a3a3
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#121215

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

Diverse Dye by Devang Tomar ⭐ - VS Code Theme