Skip to main content
Coding Theme

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#31c416
  • activityBar.background#081d02
  • activityBar.border#39ff1444
  • activityBar.foreground#000000
  • activityBar.inactiveForeground#39ff14
  • activityBarBadge.background#39ff14
  • activityBarBadge.foreground#000000
  • badge.background#39ff14
  • badge.foreground#000000
  • breadcrumb.activeSelectionForeground#ffffff
  • breadcrumb.background#081d02
  • 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#081d02
  • editor.findMatchBackground#ffffff00
  • editor.findMatchBorder#39ff14
  • editor.findMatchHighlightBackground#39ff1444
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#38c41f
  • 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#081d02
  • editorGroupHeader.border#39ff1444
  • editorGroupHeader.tabsBackground#081d02
  • editorGroupHeader.tabsBorder#081d02
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#081d02
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#c4272f
  • 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#081d02
  • menu.border#ffffff44
  • menu.foreground#ffffff
  • menu.selectionBackground#39ff1444
  • menu.selectionBorder#e4727200
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#39ff1444
  • menubar.selectionBackground#26c208
  • menubar.selectionBorder#ffffff
  • menubar.selectionForeground#000000
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#081d02
  • minimap.errorHighlight#ff0000
  • minimap.findMatchHighlight#ffffff00
  • minimap.selectionHighlight#39ff1444
  • minimap.warningHighlight#cc8f00
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#c4272f
  • 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#081d02
  • panel.border#39ff1444
  • panelSection.border#39ff1444
  • panelTitle.activeBorder#39ff14
  • panelTitle.activeForeground#39ff14
  • panelTitle.inactiveForeground#ffffff
  • peekView.border#39ff14
  • peekViewEditor.background#081d02
  • peekViewEditor.matchHighlightBackground#39ff1458
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#081d02
  • 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#081d02
  • sideBar.border#39ff1444
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#39ff14
  • sideBarSectionHeader.background#1a6f0a
  • sideBarSectionHeader.border#39ff1444
  • sideBarSectionHeader.foreground#86ff6f
  • sideBarTitle.foreground#ffffff
  • statusBar.background#081d02
  • statusBar.border#39ff1444
  • statusBar.debuggingBackground#00ff4c22
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#39ff14
  • 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#081d02
  • 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#081d02
  • titleBar.activeForeground#39ff14
  • 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#199203
storage.type.haskell#39d31d
support.variable.magic.python#39ff14
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#38c41f
variable.parameter.function.language.special.self.python#6eff6e
storage.modifier.lifetime.rust#38c41f
support.function.std.rust#8aff74
entity.name.lifetime.rust#6eff6e
variable.language.rust#39ff14
support.constant.edge#199203
constant.other.character-class.regexp#39ff14
keyword.operator.quantifier.regexp#39d31d
punctuation.definition.string.begin,punctuation.definition.string.end#39ff14
variable.parameter.function#38c41f
comment markup.link#316627
markup.changed.diff#6eff6e
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#8aff74
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#38c41f
punctuation.separator.key-value#38c41f
keyword.operator.expression.import#8aff74
support.constant.math#6eff6e
support.constant.property.math#39d31d
variable.other.constant#6eff6e
storage.type.annotation.java, storage.type.object.array.java#6eff6e
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#38c41f
meta.method.java#8aff74
storage.modifier.import.java,storage.type.java,storage.type.generic.java#6eff6e
keyword.operator.instanceof.java#199203
meta.definition.variable.name.java#39ff14
keyword.operator.logical#34d716
keyword.operator.bitwise#34d716
keyword.operator.channel#34d716
support.constant.property-value.scss,support.constant.property-value.css#39d31d
keyword.operator.css,keyword.operator.scss,keyword.operator.less#34d716
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#39d31d
punctuation.separator.list.comma.css#38c41f
support.constant.color.w3c-standard-color-name.css#39d31d
support.type.vendored.property-name.css#34d716
support.module.node,support.type.object.module,support.module.node#6eff6e
entity.name.type.module#6eff6e
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#39ff14
support.constant.json#39d31d
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#199203
support.type.object.console#39ff14
support.variable.property.process#39d31d
entity.name.function,support.function.console#8aff74
keyword.operator.misc.rust#38c41f
keyword.operator.sigil.rust#199203
keyword.operator.delete#199203
support.type.object.dom#34d716
support.variable.dom,support.variable.property.dom#39ff14
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#34d716
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#199203
punctuation.separator.delimiter#38c41f
punctuation.separator.c,punctuation.separator.cpp#199203
support.type.posix-reserved.c,support.type.posix-reserved.cpp#34d716
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#199203
variable.parameter.function.language.python#39d31d
support.type.python#34d716
keyword.operator.logical.python#199203
variable.parameter.function.python#39d31d
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#38c41f
meta.function-call.generic.python#8aff74
constant.character.format.placeholder.other.python#39d31d
keyword.operator#38c41f
keyword.operator.assignment.compound#199203
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#34d716
keyword#199203
entity.name.namespace#6eff6e
variable#39ff14
variable.c#38c41f
variable.language#6eff6e
token.variable.parameter.java#38c41f
import.storage.java#6eff6e
token.package.keyword#199203
token.package#38c41f
entity.name.function, meta.require, support.function.any-method, variable.function#8aff74
entity.name.type.namespace#6eff6e
support.class, entity.name.type.class#6eff6e
entity.name.class.identifier.namespace.type#6eff6e
entity.name.class, variable.other.class.js, variable.other.class.ts#6eff6e
variable.other.class.php#39ff14
entity.name.type#6eff6e
keyword.control#199203
control.elements, keyword.operator.less#39d31d
keyword.other.special-method#8aff74
storage#199203
token.storage#199203
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#199203
token.storage.type.java#6eff6e
support.function#34d716
support.type.property-name#38c41f
support.constant.property-value#38c41f
support.constant.font-name#39d31d
meta.tag#38c41f
string#39ff14
entity.other.inherited-class#6eff6e
constant.other.symbol#34d716
constant.numeric#39d31d
constant#39d31d
punctuation.definition.constant#39d31d
entity.name.tag#39ff14
entity.other.attribute-name#39d31d
entity.other.attribute-name.id#8aff74normal
entity.other.attribute-name.class.css#39d31dnormal
meta.selector#199203
markup.heading#39ff14
markup.heading punctuation.definition.heading, entity.name.section#8aff74
keyword.other.unit#39ff14
markup.bold,todo.bold#39d31d
punctuation.definition.bold#6eff6e
markup.italic, punctuation.definition.italic,todo.emphasis#199203
emphasis md#199203
entity.name.section.markdown#39ff14
punctuation.definition.heading.markdown#39ff14
punctuation.definition.list.begin.markdown#39ff14
markup.heading.setext#38c41f
punctuation.definition.bold.markdown#39d31d
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#199203
string.other.link.title.markdown,string.other.link.description.markdown#8aff74
string.regexp#34d716
constant.character.escape#34d716
punctuation.section.embedded, variable.interpolation#39ff14
punctuation.section.embedded.begin,punctuation.section.embedded.end#199203
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#38c41f
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#34d716
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#199203
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#199203
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#6eff6e
keyword.operator.error-control.php#199203
keyword.operator.type.php#199203
punctuation.section.array.begin.php#38c41f
punctuation.section.array.end.php#38c41f
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#6eff6e
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#8aff74
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#38c41f
support.constant.core.rust#39d31d
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#39d31d
entity.name.goto-label.php,support.other.php#8aff74
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#34d716
keyword.operator.regexp.php#199203
keyword.operator.comparison.php#34d716
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#199203
meta.function.decorator.python#8aff74
support.token.decorator.python,meta.function.decorator.identifier.python#34d716
function.parameter#38c41f
function.brace#38c41f
function.parameter.ruby, function.parameter.cs#38c41f
constant.language.symbol.ruby#34d716
rgb-value#34d716
inline-color-decoration rgb-value#39d31d
less rgb-value#39d31d
selector.sass#39ff14
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#6eff6e
block.scope.end,block.scope.begin#38c41f
storage.type.cs#6eff6e
entity.name.variable.local.cs#39ff14
token.info-token#8aff74
token.warn-token#39d31d
token.error-token#f44747
token.debug-token#199203
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#199203
meta.template.expression#38c41f
keyword.operator.module#199203
support.type.type.flowtype#8aff74
support.type.primitive#6eff6e
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#34d716
keyword.operator.assignment.go#6eff6e
keyword.operator.arithmetic.go, keyword.operator.address.go#199203
entity.name.package.go#6eff6e
support.type.prelude.elm#34d716
support.constant.elm#39d31d
punctuation.quasi.element#199203
constant.character.entity#39ff14
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#34d716
entity.global.clojure#6eff6e
meta.symbol.clojure#39ff14
constant.keyword.clojure#34d716
meta.arguments.coffee, variable.parameter.function.coffee#39ff14
source.ini#39ff14
meta.scope.prerequisites.makefile#39ff14
source.makefile#6eff6e
storage.modifier.import.groovy#6eff6e
meta.method.groovy#8aff74
meta.definition.variable.name.groovy#39ff14
meta.definition.class.inherited.classes.groovy#39ff14
support.variable.semantic.hlsl#6eff6e
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#199203
text.variable, text.bracketed#39ff14
support.type.swift, support.type.vb.asp#6eff6e
entity.name.function.xi#6eff6e
entity.name.class.xi#34d716
constant.character.character-class.regexp.xi#39ff14
constant.regexp.xi#199203
keyword.control.xi#34d716
invalid.xi#38c41f
beginning.punctuation.definition.quote.markdown.xi#39ff14
beginning.punctuation.definition.list.markdown.xi#316627
constant.character.xi#8aff74
accent.xi#8aff74
wikiword.xi#39d31d
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#316627
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#6eff6e
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#39ff14
meta.brace.square#38c41f
comment, punctuation.definition.comment#316627italic
markup.quote.markdown#316627
punctuation.definition.block.sequence.item.yaml#38c41f
constant.language.symbol.elixir#34d716
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...