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#eaeaea00
  • activityBar.background#fd2275c5
  • activityBar.border#6d191900
  • activityBar.foreground#02acee
  • activityBar.inactiveForeground#fffafdb9
  • activityBarBadge.background#02acee
  • activityBarBadge.foreground#eeeeee
  • badge.background#c4c4c4
  • badge.foreground#333333
  • breadcrumb.activeSelectionForeground#4e4e4e
  • breadcrumb.background#ffffff
  • breadcrumb.focusForeground#4e4e4e
  • breadcrumb.foreground#616161cc
  • button.background#fd2275c5
  • button.foreground#ffffff
  • button.hoverBackground#fd2275c5
  • button.secondaryBackground#5f6a79
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#4c5561
  • checkbox.background#ffffff
  • checkbox.border#00000000
  • checkbox.foreground#616161
  • debugExceptionWidget.background#f3f3f3
  • debugExceptionWidget.border#d5d5d5
  • debugToolBar.background#f3f3f3
  • debugToolBar.border#d5d5d5
  • diffEditor.border#d7d7d7
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#ffffff
  • dropdown.border#00000000
  • dropdown.foreground#616161
  • editor.background#ffffff
  • editor.findMatchBackground#259391bf
  • editor.findMatchBorder#bebebebd
  • editor.findMatchHighlightBackground#25939187
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#b4b4b44d
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#add6ff4d
  • editor.foreground#000000
  • editor.hoverHighlightBackground#add6ff26
  • editor.inactiveSelectionBackground#e5ebf1
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#eeeeee
  • editor.rangeHighlightBackground#25939164
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#02acee48
  • editor.selectionHighlightBackground#add6ff80
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#57575740
  • editor.wordHighlightStrongBackground#0e639c40
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#b9b9b9
  • editorCodeLens.foreground#999999
  • editorCursor.background#ffffff
  • editorCursor.foreground#000000
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#e51400
  • editorGroup.border#e7e7e7
  • editorGroup.emptyBackground#ffffff
  • editorGroupHeader.tabsBackground#f3f3f3
  • editorGutter.addedBackground#81b88b
  • editorGutter.background#ffffff
  • editorGutter.commentRangeForeground#424242
  • editorGutter.deletedBackground#ca4b51
  • editorGutter.foldingControlForeground#424242
  • editorGutter.modifiedBackground#66afe0
  • editorHoverWidget.background#f3f3f3
  • editorHoverWidget.border#c8c8c8
  • editorHoverWidget.foreground#616161
  • editorIndentGuide.activeBackground#939393
  • editorIndentGuide.background#d3d3d3
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#f21c95
  • editorLineNumber.foreground#259391
  • editorLink.activeForeground#0000ff
  • editorMarkerNavigation.background#ffffff
  • editorMarkerNavigationError.background#e51400
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#e9a700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#d3d3d3
  • editorSuggestWidget.background#f3f3f3
  • editorSuggestWidget.border#c8c8c8
  • editorSuggestWidget.foreground#000000
  • editorSuggestWidget.highlightForeground#0066bf
  • editorSuggestWidget.selectedBackground#d6ebff
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#e9a700
  • editorWhitespace.foreground#33333333
  • editorWidget.background#f3f3f3
  • editorWidget.foreground#616161
  • editorWidget.resizeBorder#c7c7c7
  • focusBorder#fd2275c5
  • foreground#fd2275c5
  • gitDecoration.addedResourceForeground#587c0c
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#ad0707
  • gitDecoration.ignoredResourceForeground#8e8e90
  • gitDecoration.modifiedResourceForeground#895503
  • gitDecoration.stageDeletedResourceForeground#ad0707
  • gitDecoration.stageModifiedResourceForeground#895503
  • gitDecoration.submoduleResourceForeground#1258a7
  • gitDecoration.untrackedResourceForeground#007100
  • icon.foreground#fd2275c5
  • input.background#ffffff
  • input.border#00000000
  • input.foreground#616161
  • input.placeholderForeground#767676
  • inputOption.activeBackground#fd227534
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#000000
  • list.activeSelectionBackground#ff388387
  • list.activeSelectionForeground#005f84
  • list.dropBackground#02acee2a
  • list.focusBackground#02acee2a
  • list.focusForeground#616161
  • list.highlightForeground#fd2275c5
  • list.hoverBackground#ff0c681e
  • list.hoverForeground#616161
  • list.inactiveSelectionBackground#82415900
  • list.inactiveSelectionForeground#7d7d7d
  • listFilterWidget.background#02acee2a
  • listFilterWidget.noMatchesOutline#fd2275c5
  • listFilterWidget.outline#fd2275c5
  • menu.background#ffffff
  • menu.border#00000085
  • menu.foreground#616161
  • menu.selectionBackground#fd2275c5
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#888888
  • menubar.selectionBackground#0000001a
  • menubar.selectionForeground#333333
  • merge.commonContentBackground#E5E5E5
  • merge.commonHeaderBackground#BFBFBF
  • merge.currentContentBackground#DBF4EF
  • merge.currentHeaderBackground#A4E3D6
  • merge.incomingContentBackground#DBECFF
  • merge.incomingHeaderBackground#A6CFFF
  • minimap.background#ffffff
  • minimap.errorHighlight#e51400
  • minimap.findMatchHighlight#259391bf
  • minimap.selectionHighlight#02acee48
  • minimap.warningHighlight#e9a700
  • minimapGutter.addedBackground#81b88b
  • minimapGutter.deletedBackground#ca4b51
  • minimapGutter.modifiedBackground#66afe0
  • notificationCenter.border#d5d5d5
  • notificationCenterHeader.background#e7e7e7
  • notificationCenterHeader.foreground#616161
  • notifications.background#f3f3f3
  • notifications.border#e7e7e7
  • notifications.foreground#616161
  • notificationsErrorIcon.foreground#e51400
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#e9a700
  • notificationToast.border#d5d5d5
  • panel.background#ffffff
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#424242
  • panelTitle.activeForeground#424242
  • panelTitle.inactiveForeground#424242bf
  • peekView.border#007acc
  • peekViewEditor.background#f2f8fc
  • peekViewEditor.matchHighlightBackground#f5d802de
  • peekViewEditor.matchHighlightBorder#dbc417
  • peekViewEditorGutter.background#f2f8fc
  • peekViewResult.background#f3f3f3
  • peekViewResult.fileForeground#1e1e1e
  • peekViewResult.lineForeground#646465
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#6c6c6c
  • peekViewTitle.background#ffffff
  • peekViewTitleDescription.foreground#616161e6
  • peekViewTitleLabel.foreground#333333
  • pickerGroup.border#cccedb
  • pickerGroup.foreground#fd2275c5
  • progressBar.background#fd2275c5
  • scrollbar.shadow#bcbcbc
  • scrollbarSlider.activeBackground#00000099
  • scrollbarSlider.background#64646466
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#d400504a
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#fd2275c5
  • sideBar.background#f0f0f0
  • sideBar.border#fd2275
  • sideBar.dropBackground#02acee2a
  • sideBar.foreground#171813
  • sideBarSectionHeader.background#02acee2a
  • sideBarSectionHeader.border#61616130
  • sideBarSectionHeader.foreground#fd2275c9
  • sideBarTitle.foreground#fd2275c5
  • statusBar.background#259391
  • statusBar.border#ffffff00
  • statusBar.debuggingBackground#fd2275c5
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#02aceed9
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff44
  • statusBarItem.remoteBackground#171813
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#ffffff
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#333333
  • tab.border#f3f3f3
  • tab.inactiveBackground#ececec
  • tab.inactiveForeground#333333b3
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#0451a5
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#0451a5
  • terminal.ansiBrightCyan#0598bc
  • terminal.ansiBrightGreen#14ce14
  • terminal.ansiBrightMagenta#bc05bc
  • terminal.ansiBrightRed#cd3131
  • terminal.ansiBrightWhite#a5a5a5
  • terminal.ansiBrightYellow#b5ba00
  • terminal.ansiCyan#0598bc
  • terminal.ansiGreen#00bc00
  • terminal.ansiMagenta#bc05bc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#555555
  • terminal.ansiYellow#949800
  • terminal.border#80808059
  • terminal.foreground#333333
  • terminal.selectionBackground#00000040
  • terminalCursor.background#fd2275c5
  • terminalCursor.foreground#ffffff
  • textLink.foreground#fd2275c5
  • titleBar.activeBackground#dddddd
  • titleBar.activeForeground#333333
  • titleBar.border#00000000
  • titleBar.inactiveBackground#dddddd99
  • titleBar.inactiveForeground#33333399
  • tree.indentGuidesStroke#fd2275c5
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000029

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

SpiderVerse Theme by Gabriel Brown - VS Code Theme