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#00d5c7
  • activityBar.background#130a39
  • activityBar.foreground#130a39
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#ff6279
  • activityBarBadge.foreground#ffffff
  • badge.background#c4c4c4
  • badge.foreground#333333
  • breadcrumb.activeSelectionForeground#4e4e4e
  • breadcrumb.background#ffffff
  • breadcrumb.focusForeground#4e4e4e
  • breadcrumb.foreground#616161cc
  • button.background#5122b9
  • button.foreground#ffffff
  • button.hoverBackground#311b97
  • 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#ffffff
  • editor.findMatchBackground#a8ac94
  • editor.findMatchBorder#979b83
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#b4b4b44d
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#add6ff4d
  • editor.foreground#000000
  • editor.hoverHighlightBackground#add6ff26
  • editor.inactiveSelectionBackground#e5ebf1
  • editor.lineHighlightBackground#dcecff
  • editor.lineHighlightBorder#eeeeee
  • editor.rangeHighlightBackground#fdff0033
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#ebebff
  • 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#f4364c
  • editorGroup.border#e7e7e7
  • editorGroup.emptyBackground#ffffff
  • editorGroupHeader.tabsBackground#f3f3f3
  • editorGutter.addedBackground#81b88b
  • editorGutter.background#ffffff
  • 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#311b97
  • editorLineNumber.foreground#00d5c7
  • editorLink.activeForeground#0000ff
  • editorMarkerNavigation.background#ffffff
  • editorMarkerNavigationError.background#e51400
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#e9a700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#d3d3d3
  • editorSuggestWidget.background#f3f3f3
  • editorSuggestWidget.border#c8c8c8
  • editorSuggestWidget.foreground#000000
  • editorSuggestWidget.highlightForeground#00586d
  • editorSuggestWidget.selectedBackground#d6ebff
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ff9133
  • editorWhitespace.foreground#33333333
  • editorWidget.background#f3f3f3
  • editorWidget.foreground#616161
  • editorWidget.resizeBorder#c7c7c7
  • focusBorder#34d5ff
  • foreground#3b424c
  • gitDecoration.addedResourceForeground#008963
  • gitDecoration.conflictingResourceForeground#5122b9
  • gitDecoration.deletedResourceForeground#f4364c
  • gitDecoration.ignoredResourceForeground#8e8e90
  • gitDecoration.modifiedResourceForeground#ff9133
  • gitDecoration.stageDeletedResourceForeground#f4364c
  • gitDecoration.stageModifiedResourceForeground#ff9133
  • gitDecoration.submoduleResourceForeground#00586d
  • gitDecoration.untrackedResourceForeground#008963
  • icon.foreground#3b424c
  • input.background#ffffff
  • input.border#00000000
  • input.foreground#616161
  • input.placeholderForeground#767676
  • inputOption.activeBackground#0090f133
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#000000
  • list.activeSelectionBackground#00d5c7
  • list.activeSelectionForeground#130a39
  • list.dropBackground#d6ebff
  • list.focusBackground#d6ebff
  • list.focusForeground#616161
  • list.highlightForeground#00797c
  • list.hoverBackground#ffe1e7
  • list.hoverForeground#616161
  • list.inactiveSelectionBackground#c9c8f2
  • list.inactiveSelectionForeground#616161
  • listFilterWidget.background#ff6279
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#ffffff
  • menu.border#00000085
  • menu.foreground#616161
  • menu.selectionBackground#0060c0
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#888888
  • menubar.selectionBackground#0000001a
  • menubar.selectionForeground#333333
  • merge.commonContentBackground#E5E5E5
  • merge.commonHeaderBackground#BFBFBF
  • merge.currentContentBackground#DBF4EF
  • merge.currentHeaderBackground#A4E3D6
  • merge.incomingContentBackground#DBECFF
  • merge.incomingHeaderBackground#A6CFFF
  • minimap.background#ffffff
  • minimap.errorHighlight#f4364c
  • minimap.findMatchHighlight#a8ac94
  • minimap.selectionHighlight#ebebff
  • minimap.warningHighlight#ff9133
  • 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#f4364c
  • notificationsInfoIcon.foreground#00b7ff
  • notificationsWarningIcon.foreground#ff9133
  • notificationToast.border#d5d5d5
  • panel.background#ffffff
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#424242
  • panelTitle.activeForeground#424242
  • panelTitle.inactiveForeground#424242bf
  • peekView.border#00d5c7
  • 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#00586d
  • progressBar.background#00b7ff
  • scrollbar.shadow#ebebff
  • scrollbarSlider.activeBackground#ff9aa8
  • scrollbarSlider.background#00586d
  • scrollbarSlider.hoverBackground#311b97
  • selection.background#ffe1e7
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#3b424c
  • sideBar.background#ebebff
  • sideBar.border#00d5c7
  • sideBar.dropBackground#d6ebff
  • sideBar.foreground#3b424c
  • sideBarSectionHeader.background#d5f6ff
  • sideBarSectionHeader.border#a7e9ff
  • sideBarSectionHeader.foreground#3b424c
  • sideBarTitle.foreground#00d5c7
  • statusBar.background#007acc
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#16825d
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#00d5c7
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#130a39
  • tab.border#f3f3f3
  • tab.inactiveBackground#ececec
  • tab.inactiveForeground#333333b3
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#0051d3
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#006ae8
  • terminal.ansiBrightCyan#0aa39f
  • terminal.ansiBrightGreen#50dd50
  • terminal.ansiBrightMagenta#bc05bc
  • terminal.ansiBrightRed#ff6279
  • terminal.ansiBrightWhite#a5a5a5
  • terminal.ansiBrightYellow#ffe600
  • terminal.ansiCyan#00797c
  • terminal.ansiGreen#2cc84d
  • terminal.ansiMagenta#bc05bc
  • terminal.ansiRed#f4364c
  • terminal.ansiWhite#555555
  • terminal.ansiYellow#ff9133
  • terminal.border#80808059
  • terminal.foreground#333333
  • terminal.selectionBackground#00000040
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#006ab1
  • titleBar.activeBackground#dddddd
  • titleBar.activeForeground#333333
  • titleBar.border#00000000
  • titleBar.inactiveBackground#dddddd99
  • titleBar.inactiveForeground#33333399
  • tree.indentGuidesStroke#00d5c7
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000029

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

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