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#333333
  • activityBar.foreground#dbb8b8
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#e74fff
  • activityBarBadge.foreground#ffffff
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#1e1e1e
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#991ea3
  • button.foreground#ffffff
  • button.hoverBackground#9c4cec
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#3c3c3c
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#55b97733
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#1c1c1c
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#ffffff
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#264f78
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#ffffff32
  • editorBracketMatch.border#ff87df
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#444444
  • editorGroup.emptyBackground#1c1c1c
  • editorGroupHeader.tabsBackground#252526
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#1e1e1e
  • editorGutter.commentRangeForeground#dfafdf
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#dfafdf
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#252526
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#d195fb
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#dfafdf
  • editorLink.activeForeground#dd787f
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#ffdfff
  • editorSuggestWidget.highlightForeground#c745db
  • editorSuggestWidget.selectedBackground#4d1156
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#252526
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#e74fff
  • foreground#cccccc
  • 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#cccccc
  • input.background#3c3c3c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#d24ef766
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#b641c9f3
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#383b3d
  • list.focusBackground#4d1156
  • list.focusForeground#cccccc
  • list.highlightForeground#c745db
  • list.hoverBackground#9f66ab
  • list.hoverForeground#ffdfff
  • list.inactiveSelectionBackground#5f4160
  • list.inactiveSelectionForeground#c59ade
  • listFilterWidget.background#84277e
  • listFilterWidget.noMatchesOutline#cf7c74
  • listFilterWidget.outline#00000000
  • menu.background#252526
  • menu.border#00000085
  • menu.foreground#fbbdbbd3
  • menu.selectionBackground#991ea3
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#1c1c1c
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#264f78
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#474747
  • notificationCenterHeader.background#303031
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#252526
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#474747
  • panel.background#1e1e1e
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#007acc
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#b0742899
  • 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#3f3f46
  • pickerGroup.foreground#ce30fb
  • progressBar.background#991ea3
  • scrollbar.shadow#716262
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#d54d60
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#252526
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#fbbdbdd3
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#878fff
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#d568f0cb
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#16825d
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#1e1e1e
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#d3adad
  • tab.border#252526
  • tab.inactiveBackground#2d2d2d
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#3b8eea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#23d18b
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#e5e510
  • terminal.border#80808059
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#8a25cf
  • terminalCursor.foreground#ffffff
  • textLink.foreground#d16dff
  • titleBar.activeBackground#3c3c3c
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#585858
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#0000005c

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

yuyuko-vim-vsc by hylwxqwq - VS Code Theme