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#000000
  • activityBar.border#39ff1444
  • activityBar.foreground#39ff14
  • activityBar.inactiveForeground#ffffff
  • activityBarBadge.background#39ff14
  • activityBarBadge.foreground#000000
  • badge.background#39ff14
  • badge.foreground#000000
  • breadcrumb.activeSelectionForeground#ffffff
  • breadcrumb.background#000000
  • breadcrumb.focusForeground#ffffff
  • breadcrumb.foreground#ffffffcc
  • button.background#ffffff
  • button.foreground#000000
  • button.hoverBackground#39ff14
  • button.secondaryBackground#ffffff
  • button.secondaryForeground#000000
  • button.secondaryHoverBackground#39ff14
  • checkbox.background#000000
  • checkbox.border#e03e3e00
  • checkbox.foreground#39ff14
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#000000
  • dropdown.border#e03e3e00
  • dropdown.foreground#39ff14
  • editor.background#000000
  • editor.findMatchBackground#ffffff00
  • editor.findMatchBorder#39ff14
  • editor.findMatchHighlightBackground#39ff1444
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#39ff14
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#39ff1444
  • editor.selectionHighlightBackground#39ff1444
  • editor.selectionHighlightBorder#ffffff00
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#39ff14
  • editorCursor.background#000000
  • editorCursor.foreground#39ff14
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#ff0000
  • editorGroup.border#444444
  • editorGroup.emptyBackground#000000
  • editorGroupHeader.border#39ff1444
  • editorGroupHeader.tabsBackground#000000
  • editorGroupHeader.tabsBorder#000000
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#000000
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • 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#75beff
  • editorLineNumber.activeForeground#39ff14
  • editorLineNumber.foreground#39ff1444
  • editorLink.activeForeground#39ff14
  • 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#d4d4d4
  • editorSuggestWidget.highlightForeground#0097fb
  • editorSuggestWidget.selectedBackground#062f4a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cc8f00
  • editorWhitespace.foreground#ffffff10
  • editorWidget.background#252526
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#39ff1444
  • foreground#39ff14
  • 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#39ff14
  • input.background#000000
  • input.border#e03e3e00
  • input.foreground#39ff14
  • input.placeholderForeground#39ff14
  • inputOption.activeBackground#000000
  • inputOption.activeBorder#39ff1444
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#39ff1444
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#383b3d
  • list.focusBackground#39ff1444
  • list.focusForeground#ffffff
  • list.highlightForeground#39ff14
  • list.hoverBackground#39ff1444
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#39ff1444
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#39ff1444
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#39ff1444
  • menu.background#000000
  • menu.border#ffffff44
  • menu.foreground#ffffff
  • menu.selectionBackground#39ff1444
  • menu.selectionBorder#e4727200
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#39ff1444
  • menubar.selectionBackground#000000
  • menubar.selectionBorder#ffffff
  • menubar.selectionForeground#ffffff
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#000000
  • minimap.errorHighlight#ff0000
  • minimap.findMatchHighlight#ffffff00
  • minimap.selectionHighlight#39ff1444
  • minimap.warningHighlight#cc8f00
  • 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#000000
  • panel.border#39ff1444
  • panelSection.border#39ff1444
  • panelTitle.activeBorder#39ff14
  • panelTitle.activeForeground#39ff14
  • panelTitle.inactiveForeground#ffffff
  • peekView.border#007acc
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • 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#39ff14
  • progressBar.background#39ff14
  • scrollbar.shadow#00000070
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#00000085
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#39ff14
  • sideBar.background#000000
  • sideBar.border#39ff1444
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#39ff14
  • sideBarSectionHeader.background#000000
  • sideBarSectionHeader.border#39ff1444
  • sideBarSectionHeader.foreground#ffffff
  • sideBarTitle.foreground#ffffff
  • statusBar.background#000000
  • statusBar.border#39ff1444
  • statusBar.debuggingBackground#ff141444
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#000000
  • statusBar.noFolderForeground#39ff14
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#39ff1444
  • statusBarItem.remoteBackground#39ff14
  • statusBarItem.remoteForeground#000000
  • tab.activeBackground#39ff1444
  • tab.activeBorder#39ff14
  • tab.activeBorderTop#39ff1400
  • tab.activeForeground#ffffff
  • tab.border#39ff1444
  • tab.hoverBackground#39ff1444
  • tab.hoverBorder#39ff1444
  • tab.inactiveBackground#000000
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#39ff14
  • 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#39ff1444
  • terminal.foreground#cccccc
  • terminal.selectionBackground#39ff1444
  • terminalCursor.background#39ff1444
  • terminalCursor.foreground#ffffff
  • textLink.foreground#ffffff
  • titleBar.activeBackground#000000
  • titleBar.activeForeground#ffffff
  • titleBar.border#39ff1444
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#39ff1444
  • 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#39ff14
variable.other.generic-type.haskell#39ff14
storage.type.haskell#39ff14
support.variable.magic.python#39ff14
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#39ff14
variable.parameter.function.language.special.self.python#39ff14
storage.modifier.lifetime.rust#39ff14
support.function.std.rust#39ff14
entity.name.lifetime.rust#39ff14
variable.language.rust#39ff14
support.constant.edge#39ff14
constant.other.character-class.regexp#39ff14
keyword.operator.quantifier.regexp#39ff14
punctuation.definition.string.begin,punctuation.definition.string.end#39ff14
variable.parameter.function#39ff14
comment markup.link#39ff14
markup.changed.diff#39ff14
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#39ff14
markup.inserted.diff#39ff14
markup.deleted.diff#39ff14
meta.function.c,meta.function.cpp#39ff14
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#39ff14
punctuation.separator.key-value#39ff14
keyword.operator.expression.import#39ff14
support.constant.math#39ff14
support.constant.property.math#39ff14
variable.other.constant#39ff14
storage.type.annotation.java, storage.type.object.array.java#39ff14
source.java#39ff14
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#39ff14
meta.method.java#39ff14
storage.modifier.import.java,storage.type.java,storage.type.generic.java#39ff14
keyword.operator.instanceof.java#39ff14
meta.definition.variable.name.java#39ff14
keyword.operator.logical#39ff14
keyword.operator.bitwise#39ff14
keyword.operator.channel#39ff14
support.constant.property-value.scss,support.constant.property-value.css#39ff14
keyword.operator.css,keyword.operator.scss,keyword.operator.less#39ff14
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#39ff14
punctuation.separator.list.comma.css#39ff14
support.constant.color.w3c-standard-color-name.css#39ff14
support.type.vendored.property-name.css#39ff14
support.module.node,support.type.object.module,support.module.node#39ff14
entity.name.type.module#39ff14
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#39ff14
support.constant.json#39ff14
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#39ff14
support.type.object.console#39ff14
support.variable.property.process#39ff14
entity.name.function,support.function.console#39ff14
keyword.operator.misc.rust#39ff14
keyword.operator.sigil.rust#39ff14
keyword.operator.delete#39ff14
support.type.object.dom#39ff14
support.variable.dom,support.variable.property.dom#39ff14
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#39ff14
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#39ff14
punctuation.separator.delimiter#39ff14
punctuation.separator.c,punctuation.separator.cpp#39ff14
support.type.posix-reserved.c,support.type.posix-reserved.cpp#39ff14
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#39ff14
variable.parameter.function.language.python#39ff14
support.type.python#39ff14
keyword.operator.logical.python#39ff14
variable.parameter.function.python#39ff14
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#39ff14
meta.function-call.generic.python#39ff14
constant.character.format.placeholder.other.python#39ff14
keyword.operator#39ff14
keyword.operator.assignment.compound#39ff14
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#39ff14
keyword#39ff14
entity.name.namespace#39ff14
variable#39ff14
variable.c#39ff14
variable.language#39ff14
token.variable.parameter.java#39ff14
import.storage.java#39ff14
token.package.keyword#39ff14
token.package#39ff14
entity.name.function, meta.require, support.function.any-method, variable.function#39ff14
entity.name.type.namespace#39ff14
support.class, entity.name.type.class#39ff14
entity.name.class.identifier.namespace.type#39ff14
entity.name.class, variable.other.class.js, variable.other.class.ts#39ff14
variable.other.class.php#39ff14
entity.name.type#39ff14
keyword.control#39ff14
control.elements, keyword.operator.less#39ff14
keyword.other.special-method#39ff14
storage#39ff14
token.storage#39ff14
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#39ff14
token.storage.type.java#39ff14
support.function#39ff14
support.type.property-name#39ff14
support.constant.property-value#39ff14
support.constant.font-name#39ff14
meta.tag#39ff14
string#39ff14
entity.other.inherited-class#39ff14
constant.other.symbol#39ff14
constant.numeric#39ff14
constant#39ff14
punctuation.definition.constant#39ff14
entity.name.tag#39ff14
entity.other.attribute-name#39ff14
entity.other.attribute-name.id#39ff14normal
entity.other.attribute-name.class.css#39ff14normal
meta.selector#39ff14
markup.heading#39ff14
markup.heading punctuation.definition.heading, entity.name.section#39ff14
keyword.other.unit#39ff14
markup.bold,todo.bold#39ff14
punctuation.definition.bold#39ff14
markup.italic, punctuation.definition.italic,todo.emphasis#39ff14
emphasis md#39ff14
entity.name.section.markdown#39ff14
punctuation.definition.heading.markdown#39ff14
punctuation.definition.list.begin.markdown#39ff14
markup.heading.setext#39ff14
punctuation.definition.bold.markdown#39ff14
markup.inline.raw.markdown#39ff14
markup.inline.raw.string.markdown#39ff14
punctuation.definition.list.markdown#39ff14
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#39ff14
beginning.punctuation.definition.list.markdown#39ff14
punctuation.definition.metadata.markdown#39ff14
markup.underline.link.markdown,markup.underline.link.image.markdown#39ff14
string.other.link.title.markdown,string.other.link.description.markdown#39ff14
string.regexp#39ff14
constant.character.escape#39ff14
punctuation.section.embedded, variable.interpolation#39ff14
punctuation.section.embedded.begin,punctuation.section.embedded.end#39ff14
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#39ff14
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#39ff14
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#39ff14
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#39ff14
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#39ff14
support.type.property-name.json#39ff14
support.type.property-name.json punctuation#39ff14
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#39ff14
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#39ff14
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#39ff14
keyword.operator.error-control.php#39ff14
keyword.operator.type.php#39ff14
punctuation.section.array.begin.php#39ff14
punctuation.section.array.end.php#39ff14
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#39ff14
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#39ff14
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#39ff14
support.constant.core.rust#39ff14
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#39ff14
entity.name.goto-label.php,support.other.php#39ff14
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#39ff14
keyword.operator.regexp.php#39ff14
keyword.operator.comparison.php#39ff14
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#39ff14
meta.function.decorator.python#39ff14
support.token.decorator.python,meta.function.decorator.identifier.python#39ff14
function.parameter#39ff14
function.brace#39ff14
function.parameter.ruby, function.parameter.cs#39ff14
constant.language.symbol.ruby#39ff14
rgb-value#39ff14
inline-color-decoration rgb-value#39ff14
less rgb-value#39ff14
selector.sass#39ff14
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#39ff14
block.scope.end,block.scope.begin#39ff14
storage.type.cs#39ff14
entity.name.variable.local.cs#39ff14
token.info-token#39ff14
token.warn-token#39ff14
token.error-token#f44747
token.debug-token#39ff14
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#39ff14
meta.template.expression#39ff14
keyword.operator.module#39ff14
support.type.type.flowtype#39ff14
support.type.primitive#39ff14
meta.property.object#39ff14
variable.parameter.function.js#39ff14
keyword.other.template.begin#39ff14
keyword.other.template.end#39ff14
keyword.other.substitution.begin#39ff14
keyword.other.substitution.end#39ff14
keyword.operator.assignment#39ff14
keyword.operator.assignment.go#39ff14
keyword.operator.arithmetic.go, keyword.operator.address.go#39ff14
entity.name.package.go#39ff14
support.type.prelude.elm#39ff14
support.constant.elm#39ff14
punctuation.quasi.element#39ff14
constant.character.entity#39ff14
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#39ff14
entity.global.clojure#39ff14
meta.symbol.clojure#39ff14
constant.keyword.clojure#39ff14
meta.arguments.coffee, variable.parameter.function.coffee#39ff14
source.ini#39ff14
meta.scope.prerequisites.makefile#39ff14
source.makefile#39ff14
storage.modifier.import.groovy#39ff14
meta.method.groovy#39ff14
meta.definition.variable.name.groovy#39ff14
meta.definition.class.inherited.classes.groovy#39ff14
support.variable.semantic.hlsl#39ff14
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#39ff14
text.variable, text.bracketed#39ff14
support.type.swift, support.type.vb.asp#39ff14
entity.name.function.xi#39ff14
entity.name.class.xi#39ff14
constant.character.character-class.regexp.xi#39ff14
constant.regexp.xi#39ff14
keyword.control.xi#39ff14
invalid.xi#39ff14
beginning.punctuation.definition.quote.markdown.xi#39ff14
beginning.punctuation.definition.list.markdown.xi#39ff14
constant.character.xi#39ff14
accent.xi#39ff14
wikiword.xi#39ff14
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#39ff14
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#39ff14
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#39ff14
meta.brace.square#39ff14
comment, punctuation.definition.comment#39ff14italic
markup.quote.markdown#39ff14
punctuation.definition.block.sequence.item.yaml#39ff14
constant.language.symbol.elixir#39ff14
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...