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.background#f8fff3
  • activityBar.border#eef5ea
  • activityBar.foreground#53bfc5
  • activityBar.inactiveForeground#363636aa
  • activityBarBadge.background#53bfc5
  • activityBarBadge.foreground#ffffff
  • badge.background#c4c4c4
  • badge.foreground#333333
  • breadcrumb.activeSelectionForeground#4e4e4e
  • breadcrumb.background#f8fff3
  • breadcrumb.focusForeground#4e4e4e
  • breadcrumb.foreground#616161cc
  • button.background#53bfc5
  • button.foreground#ffffff
  • button.hoverBackground#10bdc7
  • button.secondaryBackground#708788
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#4d7173
  • checkbox.background#f8fff3
  • checkbox.border#00000000
  • checkbox.foreground#616161
  • debugExceptionWidget.background#eef5ea
  • debugExceptionWidget.border#d5d5d5
  • debugToolBar.background#eef5ea
  • debugToolBar.border#d5d5d5
  • diffEditor.border#d7d7d7
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#f8fff3
  • dropdown.border#00000000
  • dropdown.foreground#616161
  • editor.background#f8fff3
  • editor.findMatchBackground#53bfc520
  • editor.findMatchBorder#53bfc5
  • editor.findMatchHighlightBackground#c3cacb12
  • editor.findMatchHighlightBorder#53bfc5
  • editor.findRangeHighlightBackground#eef5ea
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#add6ff4d
  • editor.foreground#5a5a5a
  • editor.hoverHighlightBackground#add6ff26
  • editor.inactiveSelectionBackground#e5ebf1
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#eeeeee
  • editor.rangeHighlightBackground#fdff0033
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#bbe3deb5
  • editor.selectionHighlightBackground#add6ff80
  • editor.selectionHighlightBorder#53bfc5
  • editor.wordHighlightBackground#57575740
  • editor.wordHighlightStrongBackground#0e639c40
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#b9b9b9
  • editorCodeLens.foreground#999999
  • editorCursor.background#ffffff
  • editorCursor.foreground#00c0cb
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#e51400
  • editorGroup.border#e7e7e7
  • editorGroup.emptyBackground#f8fff3
  • editorGroupHeader.border#00000000
  • editorGroupHeader.tabsBackground#eef5ea
  • editorGroupHeader.tabsBorder#f8fff3
  • editorGutter.addedBackground#61c648
  • editorGutter.background#f8fff3
  • editorGutter.commentRangeForeground#424242
  • editorGutter.deletedBackground#f68d8a
  • editorGutter.foldingControlForeground#424242
  • editorGutter.modifiedBackground#53bfc5
  • editorHoverWidget.background#eef5ea
  • editorHoverWidget.border#c8c8c8
  • editorHoverWidget.foreground#616161
  • editorIndentGuide.activeBackground#b0b0b0
  • editorIndentGuide.background#d3d3d3
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#53bfc5
  • editorLineNumber.activeForeground#005358
  • editorLineNumber.foreground#53bfc5
  • editorLink.activeForeground#2b58b1
  • editorMarkerNavigation.background#ffffff
  • editorMarkerNavigationError.background#e51400
  • editorMarkerNavigationInfo.background#53bfc5
  • editorMarkerNavigationWarning.background#fdda3c
  • editorOverviewRuler.background#f8fff300
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#d3d3d3
  • editorSuggestWidget.background#eef5ea
  • editorSuggestWidget.border#c8c8c8
  • editorSuggestWidget.foreground#000000
  • editorSuggestWidget.highlightForeground#53bfc5
  • editorSuggestWidget.selectedBackground#d6ebff
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#e9a700
  • editorWhitespace.foreground#33333333
  • editorWidget.background#eef5ea
  • editorWidget.foreground#616161
  • editorWidget.resizeBorder#53bfc5
  • focusBorder#53bfc5
  • foreground#494949
  • gitDecoration.addedResourceForeground#61c648
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#f7605c
  • gitDecoration.ignoredResourceForeground#7d7d7d
  • gitDecoration.modifiedResourceForeground#ffd30c
  • gitDecoration.stageDeletedResourceForeground#f7605c
  • gitDecoration.stageModifiedResourceForeground#ffd30c
  • gitDecoration.submoduleResourceForeground#2b58b1
  • gitDecoration.untrackedResourceForeground#61c648
  • icon.foreground#494949
  • input.background#f8fff3
  • input.border#00000000
  • input.foreground#616161
  • input.placeholderForeground#767676
  • inputOption.activeBackground#0090f133
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#000000
  • list.activeSelectionBackground#53bfc5
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#d6ebff
  • list.focusBackground#d6ebff
  • list.focusForeground#616161
  • list.highlightForeground#53bfc5
  • list.hoverBackground#53bfc554
  • list.hoverForeground#616161
  • list.inactiveSelectionBackground#53bfc554
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#f6a88a
  • listFilterWidget.noMatchesOutline#de4d4d
  • listFilterWidget.outline#00000000
  • menu.background#eef5ea
  • menu.border#00000000
  • menu.foreground#616161
  • menu.selectionBackground#53bfc5
  • 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#f8fff3
  • minimap.errorHighlight#e51400
  • minimap.findMatchHighlight#53bfc520
  • minimap.selectionHighlight#bbe3deb5
  • minimap.warningHighlight#e9a700
  • minimapGutter.addedBackground#61c648
  • minimapGutter.deletedBackground#f68d8a
  • minimapGutter.modifiedBackground#53bfc5
  • notificationCenter.border#d5d5d5
  • notificationCenterHeader.background#dbe4d7
  • notificationCenterHeader.foreground#616161
  • notifications.background#eef5ea
  • notifications.border#e7e7e7
  • notifications.foreground#616161
  • notificationsErrorIcon.foreground#e51400
  • notificationsInfoIcon.foreground#2b8bb1
  • notificationsWarningIcon.foreground#ffd826
  • notificationToast.border#d5d5d5
  • panel.background#f8fff3
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#424242
  • panelTitle.activeForeground#424242
  • panelTitle.inactiveForeground#424242bf
  • peekView.border#53bfc5
  • peekViewEditor.background#f2f8fc
  • peekViewEditor.matchHighlightBackground#f9e34485
  • 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#e3ecde
  • peekViewTitleDescription.foreground#616161e6
  • peekViewTitleLabel.foreground#333333
  • pickerGroup.border#cccedb
  • pickerGroup.foreground#53bfc5
  • progressBar.background#53bfc5
  • scrollbar.shadow#dddddd
  • scrollbarSlider.activeBackground#53bfc554
  • scrollbarSlider.background#53bfc51e
  • scrollbarSlider.hoverBackground#53bfc532
  • selection.background#c0fcff
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#494949
  • sideBar.background#eef5ea
  • sideBar.border#eef5ea
  • sideBar.dropBackground#d6ebff
  • sideBar.foreground#616161
  • sideBarSectionHeader.background#f8fff3
  • sideBarSectionHeader.border#00000000
  • sideBarSectionHeader.foreground#616161
  • sideBarTitle.foreground#616161
  • statusBar.background#53bfc5
  • statusBar.debuggingBackground#dbbe3b
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#de4d8b
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#61c648
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#f8fff3
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#333333
  • tab.border#e2e2e2
  • tab.hoverBackground#f7fff3
  • tab.inactiveBackground#eef5ea
  • 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#80808059
  • terminal.foreground#333333
  • terminal.selectionBackground#00000040
  • terminalCursor.background#53bfc5
  • terminalCursor.foreground#ffffff
  • textLink.foreground#20bec7
  • titleBar.activeBackground#eef5ea
  • titleBar.activeForeground#333333
  • titleBar.border#00000011
  • titleBar.inactiveBackground#eef5ea
  • 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#3dbc93
variable.other.generic-type.haskell#3cc1c9
storage.type.haskell#96cb38
support.variable.magic.python#3dbc93
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#5a5a5a
variable.parameter.function.language.special.self.python#38cb4f
storage.modifier.lifetime.rust#5a5a5a
support.function.std.rust#37adc0
entity.name.lifetime.rust#38cb4f
variable.language.rust#3dbc93
support.constant.edge#3cc1c9
constant.other.character-class.regexp#3dbc93
keyword.operator.quantifier.regexp#96cb38
punctuation.definition.string.begin,punctuation.definition.string.end#89c45e
variable.parameter.function#5a5a5a
comment markup.link#7f848e
markup.changed.diff#38cb4f
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#37adc0
markup.inserted.diff#89c45e
markup.deleted.diff#3dbc93
meta.function.c,meta.function.cpp#3dbc93
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#5a5a5a
punctuation.separator.key-value#5a5a5a
keyword.operator.expression.import#37adc0
support.constant.math#38cb4f
support.constant.property.math#96cb38
variable.other.constant#38cb4f
storage.type.annotation.java, storage.type.object.array.java#38cb4f
source.java#3dbc93
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#5a5a5a
meta.method.java#37adc0
storage.modifier.import.java,storage.type.java,storage.type.generic.java#38cb4f
keyword.operator.instanceof.java#3cc1c9
meta.definition.variable.name.java#3dbc93
keyword.operator.logical#0093ff
keyword.operator.bitwise#0093ff
keyword.operator.channel#0093ff
support.constant.property-value.scss,support.constant.property-value.css#96cb38
keyword.operator.css,keyword.operator.scss,keyword.operator.less#0093ff
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#96cb38
punctuation.separator.list.comma.css#5a5a5a
support.constant.color.w3c-standard-color-name.css#96cb38
support.type.vendored.property-name.css#0093ff
support.module.node,support.type.object.module,support.module.node#38cb4f
entity.name.type.module#38cb4f
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#3dbc93
support.constant.json#96cb38
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#3cc1c9
support.type.object.console#3dbc93
support.variable.property.process#96cb38
entity.name.function,support.function.console#37adc0
keyword.operator.misc.rust#5a5a5a
keyword.operator.sigil.rust#3cc1c9
keyword.operator.delete#3cc1c9
support.type.object.dom#0093ff
support.variable.dom,support.variable.property.dom#3dbc93
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#0093ff
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#3cc1c9
punctuation.separator.delimiter#5a5a5a
punctuation.separator.c,punctuation.separator.cpp#3cc1c9
support.type.posix-reserved.c,support.type.posix-reserved.cpp#0093ff
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#3cc1c9
variable.parameter.function.language.python#96cb38
support.type.python#0093ff
keyword.operator.logical.python#3cc1c9
variable.parameter.function.python#96cb38
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#5a5a5a
meta.function-call.generic.python#37adc0
constant.character.format.placeholder.other.python#96cb38
keyword.operator#5a5a5a
keyword.operator.assignment.compound#3cc1c9
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#0093ff
keyword#3cc1c9
entity.name.namespace#38cb4f
variable#3dbc93
variable.c#5a5a5a
variable.language#38cb4f
token.variable.parameter.java#5a5a5a
import.storage.java#38cb4f
token.package.keyword#3cc1c9
token.package#5a5a5a
entity.name.function, meta.require, support.function.any-method, variable.function#37adc0
entity.name.type.namespace#38cb4f
support.class, entity.name.type.class#38cb4f
entity.name.class.identifier.namespace.type#38cb4f
entity.name.class, variable.other.class.js, variable.other.class.ts#38cb4f
variable.other.class.php#3dbc93
entity.name.type#38cb4f
keyword.control#3cc1c9
control.elements, keyword.operator.less#96cb38
keyword.other.special-method#37adc0
storage#3cc1c9
token.storage#3cc1c9
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#3cc1c9
token.storage.type.java#38cb4f
support.function#0093ff
support.type.property-name#5a5a5a
support.constant.property-value#5a5a5a
support.constant.font-name#96cb38
meta.tag#5a5a5a
string#89c45e
entity.other.inherited-class#38cb4f
constant.other.symbol#0093ff
constant.numeric#96cb38
constant#96cb38
punctuation.definition.constant#96cb38
entity.name.tag#3dbc93
entity.other.attribute-name#96cb38
entity.other.attribute-name.id#37adc0normal
entity.other.attribute-name.class.css#96cb38normal
meta.selector#3cc1c9
markup.heading#3dbc93
markup.heading punctuation.definition.heading, entity.name.section#37adc0
keyword.other.unit#3dbc93
markup.bold,todo.bold#96cb38
punctuation.definition.bold#38cb4f
markup.italic, punctuation.definition.italic,todo.emphasis#3cc1c9
emphasis md#3cc1c9
entity.name.section.markdown#3dbc93
punctuation.definition.heading.markdown#3dbc93
punctuation.definition.list.begin.markdown#3dbc93
markup.heading.setext#5a5a5a
punctuation.definition.bold.markdown#96cb38
markup.inline.raw.markdown#89c45e
markup.inline.raw.string.markdown#89c45e
punctuation.definition.list.markdown#3dbc93
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#3dbc93
beginning.punctuation.definition.list.markdown#3dbc93
punctuation.definition.metadata.markdown#3dbc93
markup.underline.link.markdown,markup.underline.link.image.markdown#3cc1c9
string.other.link.title.markdown,string.other.link.description.markdown#37adc0
string.regexp#0093ff
constant.character.escape#0093ff
punctuation.section.embedded, variable.interpolation#3dbc93
punctuation.section.embedded.begin,punctuation.section.embedded.end#3cc1c9
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#5a5a5a
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#3dbc93
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#3dbc93
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#89c45e
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#0093ff
support.type.property-name.json#3dbc93
support.type.property-name.json punctuation#3dbc93
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#3cc1c9
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#3cc1c9
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#38cb4f
keyword.operator.error-control.php#3cc1c9
keyword.operator.type.php#3cc1c9
punctuation.section.array.begin.php#5a5a5a
punctuation.section.array.end.php#5a5a5a
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#38cb4f
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#37adc0
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#5a5a5a
support.constant.core.rust#96cb38
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#96cb38
entity.name.goto-label.php,support.other.php#37adc0
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#0093ff
keyword.operator.regexp.php#3cc1c9
keyword.operator.comparison.php#0093ff
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#3cc1c9
meta.function.decorator.python#37adc0
support.token.decorator.python,meta.function.decorator.identifier.python#0093ff
function.parameter#5a5a5a
function.brace#5a5a5a
function.parameter.ruby, function.parameter.cs#5a5a5a
constant.language.symbol.ruby#0093ff
rgb-value#0093ff
inline-color-decoration rgb-value#96cb38
less rgb-value#96cb38
selector.sass#3dbc93
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#38cb4f
block.scope.end,block.scope.begin#5a5a5a
storage.type.cs#38cb4f
entity.name.variable.local.cs#3dbc93
token.info-token#37adc0
token.warn-token#96cb38
token.error-token#f44747
token.debug-token#3cc1c9
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#3cc1c9
meta.template.expression#5a5a5a
keyword.operator.module#3cc1c9
support.type.type.flowtype#37adc0
support.type.primitive#38cb4f
meta.property.object#3dbc93
variable.parameter.function.js#3dbc93
keyword.other.template.begin#89c45e
keyword.other.template.end#89c45e
keyword.other.substitution.begin#89c45e
keyword.other.substitution.end#89c45e
keyword.operator.assignment#0093ff
keyword.operator.assignment.go#38cb4f
keyword.operator.arithmetic.go, keyword.operator.address.go#3cc1c9
entity.name.package.go#38cb4f
support.type.prelude.elm#0093ff
support.constant.elm#96cb38
punctuation.quasi.element#3cc1c9
constant.character.entity#3dbc93
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#0093ff
entity.global.clojure#38cb4f
meta.symbol.clojure#3dbc93
constant.keyword.clojure#0093ff
meta.arguments.coffee, variable.parameter.function.coffee#3dbc93
source.ini#89c45e
meta.scope.prerequisites.makefile#3dbc93
source.makefile#38cb4f
storage.modifier.import.groovy#38cb4f
meta.method.groovy#37adc0
meta.definition.variable.name.groovy#3dbc93
meta.definition.class.inherited.classes.groovy#89c45e
support.variable.semantic.hlsl#38cb4f
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#3cc1c9
text.variable, text.bracketed#3dbc93
support.type.swift, support.type.vb.asp#38cb4f
entity.name.function.xi#38cb4f
entity.name.class.xi#0093ff
constant.character.character-class.regexp.xi#3dbc93
constant.regexp.xi#3cc1c9
keyword.control.xi#0093ff
invalid.xi#5a5a5a
beginning.punctuation.definition.quote.markdown.xi#89c45e
beginning.punctuation.definition.list.markdown.xi#7f848e
constant.character.xi#37adc0
accent.xi#37adc0
wikiword.xi#96cb38
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#38cb4f
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#3dbc93
meta.brace.square#5a5a5a
comment, punctuation.definition.comment#7f848eitalic
markup.quote.markdown#7f848e
punctuation.definition.block.sequence.item.yaml#5a5a5a
constant.language.symbol.elixir#0093ff
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...