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#001e26
  • activityBar.background#02171d
  • activityBar.border#000000
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#00dd82
  • activityBarBadge.foreground#ffffff
  • badge.background#00dd82
  • badge.foreground#000000
  • breadcrumb.activeSelectionForeground#ffffff
  • breadcrumb.background#001e26
  • breadcrumb.focusForeground#ffffff
  • breadcrumb.foreground#fffefecc
  • button.background#00dd82
  • button.foreground#ffffff
  • button.hoverBackground#1fb64e
  • button.secondaryBackground#1fb64e
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#00dd82
  • checkbox.background#012a36
  • checkbox.border#00000000
  • checkbox.foreground#ffffff
  • debugExceptionWidget.background#001e26
  • debugExceptionWidget.border#000000
  • debugToolBar.background#001e26
  • debugToolBar.border#000000
  • diffEditor.border#000000
  • diffEditor.insertedTextBackground#00000033
  • diffEditor.insertedTextBorder#1e9542
  • diffEditor.removedTextBackground#00000033
  • diffEditor.removedTextBorder#000000
  • dropdown.background#012a36
  • dropdown.border#00000000
  • dropdown.foreground#ffffff
  • editor.background#021c24
  • editor.findMatchBackground#1e9542
  • editor.findMatchBorder#171717
  • editor.findMatchHighlightBackground#00000055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#00000066
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#0000004d
  • editor.foreground#ffffff
  • editor.hoverHighlightBackground#00000040
  • editor.inactiveSelectionBackground#02171d
  • editor.lineHighlightBackground#ffffff0a
  • editor.lineHighlightBorder#1fd95750
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#000000
  • editor.selectionHighlightBackground#1acf522a
  • editor.selectionHighlightBorder#000000
  • editor.wordHighlightBackground#000000b8
  • editor.wordHighlightBorder#000000
  • editor.wordHighlightStrongBackground#1e95421e
  • editor.wordHighlightStrongBorder#ffffff
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#1e9542
  • editorCodeLens.foreground#06de48
  • editorCursor.background#000000
  • editorCursor.foreground#b2b2b2
  • editorError.background#0a170e
  • editorError.border#ffffff00
  • editorError.foreground#00ff4d64
  • editorGroup.border#000000
  • editorGroup.emptyBackground#021c24
  • editorGroupHeader.border#000000
  • editorGroupHeader.tabsBackground#01242c
  • editorGroupHeader.tabsBorder#ffffff
  • editorGutter.addedBackground#1e9542
  • editorGutter.background#02171d
  • editorGutter.commentRangeForeground#ffffff
  • editorGutter.deletedBackground#000000
  • editorGutter.foldingControlForeground#ffffff
  • editorGutter.modifiedBackground#ffffff20
  • editorHoverWidget.background#012a36
  • editorHoverWidget.border#000000
  • editorHoverWidget.foreground#ffffff
  • editorIndentGuide.activeBackground#ffffff
  • editorIndentGuide.background#000000
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#1e95425a
  • editorLineNumber.activeForeground#000000
  • editorLineNumber.foreground#ffffff
  • editorLink.activeForeground#1e9542
  • editorMarkerNavigation.background#012a36
  • editorMarkerNavigationError.background#000000
  • editorMarkerNavigationInfo.background#ffffff
  • editorMarkerNavigationWarning.background#171717
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#1e9542
  • editorSuggestWidget.background#012a36
  • editorSuggestWidget.border#000000
  • editorSuggestWidget.foreground#11fb6d
  • editorSuggestWidget.highlightForeground#ffffff
  • editorSuggestWidget.selectedBackground#001e26
  • editorWarning.background#10fd5824
  • editorWarning.border#ffffff00
  • editorWarning.foreground#1e95425c
  • editorWhitespace.foreground#ffffff29
  • editorWidget.background#001e26
  • editorWidget.foreground#1fb64e
  • editorWidget.resizeBorder#000000
  • focusBorder#00d417
  • foreground#ffffff
  • gitDecoration.addedResourceForeground#ffffff
  • gitDecoration.conflictingResourceForeground#ffffff
  • gitDecoration.deletedResourceForeground#1fb64e
  • gitDecoration.ignoredResourceForeground#ffffff
  • gitDecoration.modifiedResourceForeground#1fb64e
  • gitDecoration.stageDeletedResourceForeground#00ff4f
  • gitDecoration.stageModifiedResourceForeground#1fb64e
  • gitDecoration.submoduleResourceForeground#000000
  • gitDecoration.untrackedResourceForeground#00ff59
  • icon.foreground#ffffff
  • input.background#012a36
  • input.border#00000000
  • input.foreground#ffffff
  • input.placeholderForeground#ffffff
  • inputOption.activeBackground#00dd82
  • inputOption.activeBorder#00000000
  • inputOption.activeForeground#000000
  • list.activeSelectionBackground#1d99425e
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#768b94
  • list.focusBackground#001e26
  • list.focusForeground#00dd82
  • list.highlightForeground#ffffff
  • list.hoverBackground#1d994222
  • list.hoverForeground#1d994278
  • list.inactiveSelectionBackground#0f3444
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#001e26
  • listFilterWidget.noMatchesOutline#00dd82
  • listFilterWidget.outline#00000000
  • menu.background#001e26
  • menu.border#1fb64e
  • menu.foreground#ffffff
  • menu.selectionBackground#00000000
  • menu.selectionBorder#00000000
  • menu.selectionForeground#1fb64e
  • menu.separatorBackground#1fb64e
  • menubar.selectionBackground#0000001a
  • menubar.selectionBorder#000000
  • menubar.selectionForeground#ffffff
  • merge.commonContentBackground#012a36
  • merge.commonHeaderBackground#012a36
  • merge.currentContentBackground#012a36
  • merge.currentHeaderBackground#012a36
  • merge.incomingContentBackground#012a36
  • merge.incomingHeaderBackground#012a36
  • minimap.background#021c24
  • minimap.errorHighlight#00ff4d64
  • minimap.findMatchHighlight#1e9542
  • minimap.selectionHighlight#000000
  • minimap.warningHighlight#1e95425c
  • minimapGutter.addedBackground#1e9542
  • minimapGutter.deletedBackground#000000
  • minimapGutter.modifiedBackground#ffffff20
  • notificationCenter.border#000000
  • notificationCenterHeader.background#012a36
  • notificationCenterHeader.foreground#1fb64e
  • notifications.background#001e26
  • notifications.border#000000
  • notifications.foreground#ffffff
  • notificationsErrorIcon.foreground#000000
  • notificationsInfoIcon.foreground#000000
  • notificationsWarningIcon.foreground#000000
  • notificationToast.border#000000
  • panel.background#001e26
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#00dd82
  • panelTitle.activeForeground#ffffff
  • panelTitle.inactiveForeground#ffffff99
  • peekView.border#000000
  • peekViewEditor.background#012a36
  • peekViewEditor.matchHighlightBackground#000000
  • peekViewEditor.matchHighlightBorder#000000
  • peekViewEditorGutter.background#000000
  • peekViewResult.background#001e26
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#ffffff
  • peekViewResult.matchHighlightBackground#0000004d
  • peekViewResult.selectionBackground#00000033
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#001e26
  • peekViewTitleDescription.foreground#ffffffb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#000000
  • pickerGroup.foreground#ffffff
  • progressBar.background#0ec032
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#1acf52
  • scrollbarSlider.background#1fb64e
  • scrollbarSlider.hoverBackground#18943f
  • selection.background#25a733
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ffffff
  • sideBar.background#001e26
  • sideBar.border#000000
  • sideBar.dropBackground#768b94
  • sideBar.foreground#ffffff
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#ffffff33
  • sideBarSectionHeader.foreground#1d9942
  • sideBarTitle.foreground#ffffff
  • statusBar.background#02171d
  • statusBar.border#000000
  • statusBar.debuggingBackground#000000
  • statusBar.debuggingBorder#ffffff
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#ffffff
  • statusBar.noFolderBorder#000000
  • statusBar.noFolderForeground#000000
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#1d9942
  • statusBarItem.remoteBackground#ffffff
  • statusBarItem.remoteForeground#000000
  • tab.activeBackground#02323f
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#000000
  • tab.hoverBackground#00dd82
  • tab.hoverBorder#ffffff
  • tab.hoverForeground#000000
  • tab.inactiveBackground#001e26
  • 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#ffffff
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#ffffff
  • terminal.ansiYellow#e5e510
  • terminal.border#80808059
  • terminal.foreground#ffffff
  • terminal.selectionBackground#012a3662
  • terminalCursor.background#00dd82
  • terminalCursor.foreground#ffffff
  • textLink.foreground#1fb64e
  • titleBar.activeBackground#001e26
  • titleBar.activeForeground#ffffff
  • titleBar.border#00000000
  • titleBar.inactiveBackground#002934
  • titleBar.inactiveForeground#ffffff99
  • 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#fffffff9
variable.other.generic-type.haskell#00dd82
storage.type.haskell#ababab
support.variable.magic.python#fffffff9
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#ffffff
variable.parameter.function.language.special.self.python#00643b
storage.modifier.lifetime.rust#ffffff
support.function.std.rust#ffffff
entity.name.lifetime.rust#00643b
variable.language.rust#fffffff9
support.constant.edge#00dd82
constant.other.character-class.regexp#fffffff9
keyword.operator.quantifier.regexp#ababab
punctuation.definition.string.begin,punctuation.definition.string.end#6fff07
variable.parameter.function#ffffff
comment markup.link#d7d7d7
markup.changed.diff#00643b
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#ffffff
markup.inserted.diff#6fff07
markup.deleted.diff#fffffff9
meta.function.c,meta.function.cpp#fffffff9
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#00643b
support.constant.property.math#ababab
variable.other.constant#00643b
storage.type.annotation.java, storage.type.object.array.java#00643b
source.java#fffffff9
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#00643b
keyword.operator.instanceof.java#00dd82
meta.definition.variable.name.java#fffffff9
keyword.operator.logical#ffffff
keyword.operator.bitwise#ffffff
keyword.operator.channel#ffffff
support.constant.property-value.scss,support.constant.property-value.css#ababab
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#ababab
punctuation.separator.list.comma.css#ffffff
support.constant.color.w3c-standard-color-name.css#ababab
support.type.vendored.property-name.css#ffffff
support.module.node,support.type.object.module,support.module.node#00643b
entity.name.type.module#00643b
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#fffffff9
support.constant.json#ababab
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#00dd82
support.type.object.console#fffffff9
support.variable.property.process#ababab
entity.name.function,support.function.console#ffffff
keyword.operator.misc.rust#ffffff
keyword.operator.sigil.rust#00dd82
keyword.operator.delete#00dd82
support.type.object.dom#ffffff
support.variable.dom,support.variable.property.dom#fffffff9
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#00dd82
punctuation.separator.delimiter#ffffff
punctuation.separator.c,punctuation.separator.cpp#00dd82
support.type.posix-reserved.c,support.type.posix-reserved.cpp#ffffff
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#00dd82
variable.parameter.function.language.python#ababab
support.type.python#ffffff
keyword.operator.logical.python#00dd82
variable.parameter.function.python#ababab
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#ababab
keyword.operator#ffffff
keyword.operator.assignment.compound#00dd82
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#ffffff
keyword#00dd82
entity.name.namespace#00643b
variable#fffffff9
variable.c#ffffff
variable.language#00643b
token.variable.parameter.java#ffffff
import.storage.java#00643b
token.package.keyword#00dd82
token.package#ffffff
entity.name.function, meta.require, support.function.any-method, variable.function#ffffff
entity.name.type.namespace#00643b
support.class, entity.name.type.class#00643b
entity.name.class.identifier.namespace.type#00643b
entity.name.class, variable.other.class.js, variable.other.class.ts#00643b
variable.other.class.php#fffffff9
entity.name.type#00643b
keyword.control#00dd82
control.elements, keyword.operator.less#ababab
keyword.other.special-method#ffffff
storage#00dd82
token.storage#00dd82
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#00dd82
token.storage.type.java#00643b
support.function#ffffff
support.type.property-name#ffffff
support.constant.property-value#ffffff
support.constant.font-name#ababab
meta.tag#ffffff
string#6fff07
entity.other.inherited-class#00643b
constant.other.symbol#ffffff
constant.numeric#ababab
constant#ababab
punctuation.definition.constant#ababab
entity.name.tag#fffffff9
entity.other.attribute-name#ababab
entity.other.attribute-name.id#ffffffnormal
entity.other.attribute-name.class.css#abababnormal
meta.selector#00dd82
markup.heading#fffffff9
markup.heading punctuation.definition.heading, entity.name.section#ffffff
keyword.other.unit#fffffff9
markup.bold,todo.bold#ababab
punctuation.definition.bold#00643b
markup.italic, punctuation.definition.italic,todo.emphasis#00dd82
emphasis md#00dd82
entity.name.section.markdown#fffffff9
punctuation.definition.heading.markdown#fffffff9
punctuation.definition.list.begin.markdown#fffffff9
markup.heading.setext#ffffff
punctuation.definition.bold.markdown#ababab
markup.inline.raw.markdown#6fff07
markup.inline.raw.string.markdown#6fff07
punctuation.definition.list.markdown#fffffff9
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#fffffff9
beginning.punctuation.definition.list.markdown#fffffff9
punctuation.definition.metadata.markdown#fffffff9
markup.underline.link.markdown,markup.underline.link.image.markdown#00dd82
string.other.link.title.markdown,string.other.link.description.markdown#ffffff
string.regexp#ffffff
constant.character.escape#ffffff
punctuation.section.embedded, variable.interpolation#fffffff9
punctuation.section.embedded.begin,punctuation.section.embedded.end#00dd82
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#fffffff9
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#fffffff9
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#6fff07
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#ffffff
support.type.property-name.json#fffffff9
support.type.property-name.json punctuation#fffffff9
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#00dd82
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#00dd82
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#00643b
keyword.operator.error-control.php#00dd82
keyword.operator.type.php#00dd82
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#00643b
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#ababab
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#ababab
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#00dd82
keyword.operator.comparison.php#ffffff
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#00dd82
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#ababab
less rgb-value#ababab
selector.sass#fffffff9
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#00643b
block.scope.end,block.scope.begin#ffffff
storage.type.cs#00643b
entity.name.variable.local.cs#fffffff9
token.info-token#ffffff
token.warn-token#ababab
token.error-token#f44747
token.debug-token#00dd82
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#00dd82
meta.template.expression#ffffff
keyword.operator.module#00dd82
support.type.type.flowtype#ffffff
support.type.primitive#00643b
meta.property.object#fffffff9
variable.parameter.function.js#fffffff9
keyword.other.template.begin#6fff07
keyword.other.template.end#6fff07
keyword.other.substitution.begin#6fff07
keyword.other.substitution.end#6fff07
keyword.operator.assignment#ffffff
keyword.operator.assignment.go#00643b
keyword.operator.arithmetic.go, keyword.operator.address.go#00dd82
entity.name.package.go#00643b
support.type.prelude.elm#ffffff
support.constant.elm#ababab
punctuation.quasi.element#00dd82
constant.character.entity#fffffff9
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#ffffff
entity.global.clojure#00643b
meta.symbol.clojure#fffffff9
constant.keyword.clojure#ffffff
meta.arguments.coffee, variable.parameter.function.coffee#fffffff9
source.ini#6fff07
meta.scope.prerequisites.makefile#fffffff9
source.makefile#00643b
storage.modifier.import.groovy#00643b
meta.method.groovy#ffffff
meta.definition.variable.name.groovy#fffffff9
meta.definition.class.inherited.classes.groovy#6fff07
support.variable.semantic.hlsl#00643b
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#00dd82
text.variable, text.bracketed#fffffff9
support.type.swift, support.type.vb.asp#00643b
entity.name.function.xi#00643b
entity.name.class.xi#ffffff
constant.character.character-class.regexp.xi#fffffff9
constant.regexp.xi#00dd82
keyword.control.xi#ffffff
invalid.xi#ffffff
beginning.punctuation.definition.quote.markdown.xi#6fff07
beginning.punctuation.definition.list.markdown.xi#d7d7d7
constant.character.xi#ffffff
accent.xi#ffffff
wikiword.xi#ababab
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#d7d7d7
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#00643b
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#fffffff9
meta.brace.square#ffffff
comment, punctuation.definition.comment#d7d7d7italic
markup.quote.markdown#d7d7d7
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...

Neo Nuxt Blend by Vantol Bennett - VS Code Theme