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#ffffff06
  • activityBar.background#ececec
  • activityBar.border#dadada
  • activityBar.foreground#4c4f7d
  • activityBar.inactiveForeground#4e595eb7
  • activityBarBadge.background#4c4f7d
  • activityBarBadge.foreground#ffffff
  • badge.background#ccc7b6
  • badge.foreground#333333
  • breadcrumb.activeSelectionForeground#4e4e4e
  • breadcrumb.background#ffffff
  • breadcrumb.focusForeground#4e4e4e
  • breadcrumb.foreground#616161cc
  • button.background#9c4521
  • button.foreground#ffffff
  • button.hoverBackground#692e16
  • button.secondaryBackground#5f6a79
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#4c5561
  • checkbox.background#ffffff
  • checkbox.border#00000000
  • checkbox.foreground#616161
  • debugExceptionWidget.background#f3f3f3
  • debugExceptionWidget.border#d5d5d5
  • debugToolBar.background#f3f3f3
  • debugToolBar.border#d5d5d5
  • diffEditor.border#d7d7d7
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#ffffff
  • dropdown.border#00000000
  • dropdown.foreground#616161
  • editor.background#f9f6ef
  • editor.findMatchBackground#a8ac94
  • editor.findMatchBorder#979b83
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#b4b4b44d
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#add6ff4d
  • editor.foreground#193f49
  • editor.hoverHighlightBackground#add6ff26
  • editor.inactiveSelectionBackground#e4e6f1
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#eeeeee
  • editor.rangeHighlightBackground#fdff0033
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#add6ff80
  • editor.selectionHighlightBackground#add6ff80
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#57575740
  • editor.wordHighlightStrongBackground#0e639c40
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#b9b9b9
  • editorCodeLens.foreground#999999
  • editorCursor.background#ffffff
  • editorCursor.foreground#000000
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#e51400
  • editorGroup.border#e7e7e7
  • editorGroup.emptyBackground#f9f6ef
  • editorGroupHeader.tabsBackground#f3f3f3
  • editorGutter.addedBackground#81b88b
  • editorGutter.background#f9f6ef
  • editorGutter.commentRangeForeground#424242
  • editorGutter.deletedBackground#ca4b51
  • editorGutter.foldingControlForeground#424242
  • editorGutter.modifiedBackground#66afe0
  • editorHoverWidget.background#f3f3f3
  • editorHoverWidget.border#c8c8c8
  • editorHoverWidget.foreground#616161
  • editorIndentGuide.activeBackground#939393
  • editorIndentGuide.background#d3d3d3
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#292e2f
  • editorLineNumber.foreground#9aabaf
  • editorLink.activeForeground#0000ff
  • editorMarkerNavigation.background#ffffff
  • editorMarkerNavigationError.background#e51400
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#e9a700
  • editorOverviewRuler.background#f9f6ef
  • editorOverviewRuler.border#c5c3be
  • editorRuler.foreground#d3d3d3
  • editorSuggestWidget.background#f3f3f3
  • editorSuggestWidget.border#c8c8c8
  • editorSuggestWidget.foreground#000000
  • editorSuggestWidget.highlightForeground#0066bf
  • editorSuggestWidget.selectedBackground#d6ebff
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#e9a700
  • editorWhitespace.foreground#33333333
  • editorWidget.background#f3f3f3
  • editorWidget.foreground#616161
  • editorWidget.resizeBorder#c7c7c7
  • focusBorder#0090f1
  • foreground#616161
  • gitDecoration.addedResourceForeground#90a219
  • gitDecoration.conflictingResourceForeground#6b6fb2
  • gitDecoration.deletedResourceForeground#6b6fb2
  • gitDecoration.ignoredResourceForeground#8e8e90
  • gitDecoration.modifiedResourceForeground#bb9419
  • gitDecoration.stageDeletedResourceForeground#ad0707
  • gitDecoration.stageModifiedResourceForeground#895503
  • gitDecoration.submoduleResourceForeground#1258a7
  • gitDecoration.untrackedResourceForeground#007100
  • icon.foreground#616161
  • input.background#ffffff
  • input.border#00000000
  • input.foreground#616161
  • input.placeholderForeground#767676
  • inputOption.activeBackground#0090f133
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#000000
  • list.activeSelectionBackground#efe9d8
  • list.activeSelectionForeground#4e595e
  • list.dropBackground#d6ebff
  • list.focusBackground#d6ebff
  • list.focusForeground#616161
  • list.highlightForeground#7a7ec9
  • list.hoverBackground#e8e8e8
  • list.hoverForeground#616161
  • list.inactiveSelectionBackground#e4e6f1
  • list.inactiveSelectionForeground#616161
  • listFilterWidget.background#efc1ad
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#ffffff
  • menu.border#cbcbcb85
  • menu.foreground#616161
  • menu.selectionBackground#787bbc
  • menu.selectionBorder#a1a1a100
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#b0b0b0
  • menubar.selectionBackground#0000001a
  • menubar.selectionBorder#c4c4c400
  • menubar.selectionForeground#333333
  • merge.commonContentBackground#E5E5E5
  • merge.commonHeaderBackground#BFBFBF
  • merge.currentContentBackground#DBF4EF
  • merge.currentHeaderBackground#A4E3D6
  • merge.incomingContentBackground#DBECFF
  • merge.incomingHeaderBackground#A6CFFF
  • minimap.background#f9f6ef
  • minimap.errorHighlight#e51400
  • minimap.findMatchHighlight#a8ac94
  • minimap.selectionHighlight#add6ff80
  • minimap.warningHighlight#e9a700
  • minimapGutter.addedBackground#81b88b
  • minimapGutter.deletedBackground#ca4b51
  • minimapGutter.modifiedBackground#66afe0
  • notificationCenter.border#d5d5d5
  • notificationCenterHeader.background#e7e7e7
  • notificationCenterHeader.foreground#616161
  • notifications.background#f3f3f3
  • notifications.border#e7e7e7
  • notifications.foreground#616161
  • notificationsErrorIcon.foreground#cf5c2c
  • notificationsInfoIcon.foreground#1a6193
  • notificationsWarningIcon.foreground#e1b21e
  • notificationToast.border#d5d5d5
  • panel.background#f9f5ea
  • panel.border#cccccc
  • panelSection.border#b2b0b059
  • panelTitle.activeBorder#424242
  • panelTitle.activeForeground#424242
  • panelTitle.inactiveForeground#424242bf
  • peekView.border#007acc
  • peekViewEditor.background#f2f8fc
  • peekViewEditor.matchHighlightBackground#f5d802de
  • peekViewEditor.matchHighlightBorder#dbc417
  • peekViewEditorGutter.background#f2f8fc
  • peekViewResult.background#f3f3f3
  • peekViewResult.fileForeground#1e1e1e
  • peekViewResult.lineForeground#646465
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#6c6c6c
  • peekViewTitle.background#ffffff
  • peekViewTitleDescription.foreground#616161e6
  • peekViewTitleLabel.foreground#333333
  • pickerGroup.border#cccedb
  • pickerGroup.foreground#2483c6
  • progressBar.background#0e70c0
  • scrollbar.shadow#dddddd
  • scrollbarSlider.activeBackground#646464b3
  • scrollbarSlider.background#b9b9b9
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#b0daff
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#616161
  • sideBar.background#f2f2f2
  • sideBar.border#dfdfdf
  • sideBar.dropBackground#d6ebff
  • sideBar.foreground#4e595e
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#61616130
  • sideBarSectionHeader.foreground#616161
  • sideBarTitle.foreground#6f6f6f
  • statusBar.background#dadada
  • statusBar.debuggingBackground#2b7570
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#4b4e7c
  • statusBar.noFolderBackground#6b6fb2
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#dadada
  • statusBarItem.remoteForeground#4b4e7c
  • tab.activeBackground#ffffff
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#333333
  • tab.border#f3f3f3
  • tab.inactiveBackground#ececec
  • tab.inactiveForeground#333333b3
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#0451a5
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#0451a5
  • terminal.ansiBrightCyan#0598bc
  • terminal.ansiBrightGreen#14ce14
  • terminal.ansiBrightMagenta#bc05bc
  • terminal.ansiBrightRed#cd3131
  • terminal.ansiBrightWhite#a5a5a5
  • terminal.ansiBrightYellow#b5ba00
  • terminal.ansiCyan#0598bc
  • terminal.ansiGreen#00bc00
  • terminal.ansiMagenta#bc05bc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#555555
  • terminal.ansiYellow#949800
  • terminal.border#b2b0b059
  • terminal.foreground#4e595e
  • terminal.selectionBackground#00000040
  • terminalCursor.background#1f4954
  • terminalCursor.foreground#424242
  • textLink.foreground#8f3e1e
  • titleBar.activeBackground#dadada
  • titleBar.activeForeground#313d5d
  • titleBar.border#00000000
  • titleBar.inactiveBackground#dadada
  • titleBar.inactiveForeground#33333399
  • tree.indentGuidesStroke#a9a9a9
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000029

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

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