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#000000
  • activityBar.background#0c0c0d
  • activityBar.border#4a7739
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#000000
  • activityBarBadge.foreground#2cdea5
  • badge.background#000000
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#ffffff
  • breadcrumb.background#0c0c0d
  • breadcrumb.focusForeground#ffffff
  • breadcrumb.foreground#ffffffcc
  • button.background#28dd97
  • button.foreground#000000
  • button.hoverBackground#28dd99
  • button.secondaryBackground#3de3cf
  • button.secondaryForeground#000000
  • button.secondaryHoverBackground#1dbc80
  • checkbox.background#181818
  • checkbox.border#000000
  • checkbox.foreground#fffefe
  • debugExceptionWidget.background#000000
  • debugExceptionWidget.border#000000
  • debugToolBar.background#000000
  • debugToolBar.border#000000
  • diffEditor.border#000000
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#181818
  • dropdown.border#000000
  • dropdown.foreground#fffefe
  • editor.background#0c0c0d
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#0047b655
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#76767d
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#001771
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#007217b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#b4b4b4
  • editorCodeLens.foreground#b4b4b4
  • editorCursor.background#000000
  • editorCursor.foreground#487917
  • editorError.background#b7343400
  • editorError.border#ffffff00
  • editorError.foreground#94f471
  • editorGroup.border#1dbc80
  • editorGroup.emptyBackground#0c0c0d
  • editorGroupHeader.border#1b1b1b
  • editorGroupHeader.tabsBackground#0c0c0d
  • editorGroupHeader.tabsBorder#000000
  • editorGutter.addedBackground#494949
  • editorGutter.background#0c0c0d
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#ffffff
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#ffffff
  • editorHoverWidget.background#000000
  • editorHoverWidget.border#000000
  • editorHoverWidget.foreground#ffffff
  • editorIndentGuide.activeBackground#fffdfd
  • editorIndentGuide.background#ffffff
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#93ff75
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#ffffff
  • editorLink.activeForeground#008a6a
  • editorMarkerNavigation.background#000000
  • editorMarkerNavigationError.background#94f471
  • editorMarkerNavigationInfo.background#baff75
  • editorMarkerNavigationWarning.background#1acc00
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#797979
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#000000
  • editorSuggestWidget.foreground#ffefef
  • editorSuggestWidget.highlightForeground#1dbc80
  • editorSuggestWidget.selectedBackground#064a17
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#00cc20
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#181818
  • editorWidget.foreground#ffffff
  • editorWidget.resizeBorder#000000
  • focusBorder#24b857
  • 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#181818
  • input.border#000000
  • input.foreground#fffefe
  • input.placeholderForeground#ffffff
  • inputOption.activeBackground#11d40066
  • inputOption.activeBorder#000000
  • inputOption.activeForeground#000000
  • list.activeSelectionBackground#28dd977c
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#383b3d
  • list.focusBackground#19514b
  • list.focusForeground#cccccc
  • list.highlightForeground#2cdea5
  • list.hoverBackground#2a2e2a
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#373d38
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#2cdea5
  • listFilterWidget.noMatchesOutline#000000
  • listFilterWidget.outline#00000000
  • menu.background#181818
  • menu.border#000000
  • menu.foreground#ffffff
  • menu.selectionBackground#2cdea5
  • menu.selectionBorder#000000
  • menu.selectionForeground#000000
  • menu.separatorBackground#000000
  • menubar.selectionBackground#000000
  • menubar.selectionBorder#ffffff
  • menubar.selectionForeground#181818
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#284b3b
  • merge.incomingHeaderBackground#398f42
  • minimap.background#0c0c0d
  • minimap.errorHighlight#94f471
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#001771
  • minimap.warningHighlight#00cc20
  • minimapGutter.addedBackground#494949
  • minimapGutter.deletedBackground#ffffff
  • minimapGutter.modifiedBackground#ffffff
  • notificationCenter.border#000000
  • notificationCenterHeader.background#000000
  • notificationCenterHeader.foreground#ffffff
  • notifications.background#181818
  • notifications.border#000000
  • notifications.foreground#ffffff
  • notificationsErrorIcon.foreground#434343
  • notificationsInfoIcon.foreground#8b8b8c
  • notificationsWarningIcon.foreground#4f4f4f
  • notificationToast.border#000000
  • panel.background#0c0c0d
  • panel.border#000000
  • panelSection.border#000000
  • panelTitle.activeBorder#1dbc80
  • panelTitle.activeForeground#ffffff
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#000000
  • peekViewEditor.background#181818
  • peekViewEditor.matchHighlightBackground#2cff0014
  • peekViewEditor.matchHighlightBorder#69ee1e
  • peekViewEditorGutter.background#2e2e2e
  • peekViewResult.background#000000
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#ffffff
  • peekViewResult.matchHighlightBackground#2b47214d
  • peekViewResult.selectionBackground#4cff3333
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#000000
  • peekViewTitleDescription.foreground#ffffffb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#000000
  • pickerGroup.foreground#47b784
  • progressBar.background#0ec05c
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#969696c3
  • scrollbarSlider.background#191919
  • scrollbarSlider.hoverBackground#68686858
  • selection.background#25a74640
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ffffff
  • sideBar.background#0c0c0d
  • sideBar.border#000000
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#ffffff
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#ffffff
  • sideBarTitle.foreground#2cdea5
  • statusBar.background#0c0c0d
  • statusBar.border#000000
  • statusBar.debuggingBackground#02171d
  • statusBar.debuggingBorder#000000
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#217a44
  • statusBar.noFolderBorder#000000
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#2cdea5
  • statusBarItem.remoteBackground#1dbc80
  • statusBarItem.remoteForeground#000000
  • tab.activeBackground#000000
  • tab.activeBorder#000000
  • tab.activeBorderTop#000000
  • tab.activeForeground#ffffff
  • tab.border#000000
  • tab.hoverBorder#7acd27
  • tab.inactiveBackground#181818
  • 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#000000
  • terminal.foreground#ffffff
  • terminal.selectionBackground#2e2e2e40
  • terminalCursor.background#ffffff
  • terminalCursor.foreground#000000
  • textLink.foreground#1dbc80
  • titleBar.activeBackground#000000
  • titleBar.activeForeground#ffffff
  • titleBar.border#191919
  • titleBar.inactiveBackground#3e793f68
  • titleBar.inactiveForeground#ffffff99
  • tree.indentGuidesStroke#eeeeee
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#000000

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