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.background#eaeaea
  • activityBar.foreground#a6e6ff
  • activityBar.inactiveForeground#60606066
  • activityBarBadge.background#a6e6ff
  • activityBarBadge.foreground#8c8c8c
  • badge.background#a6e6ff
  • badge.foreground#333333
  • breadcrumb.activeSelectionForeground#4e4e4e
  • breadcrumb.background#eaeaea
  • breadcrumb.focusForeground#4e4e4e
  • breadcrumb.foreground#616161cc
  • button.background#cef1ff
  • button.foreground#9b9b9b
  • button.hoverBackground#ffe3d6
  • button.secondaryBackground#a6e6ff
  • button.secondaryForeground#9b9b9b
  • button.secondaryHoverBackground#4c5561
  • checkbox.background#ffffff
  • checkbox.border#00000000
  • checkbox.foreground#616161
  • debugExceptionWidget.background#43403e
  • debugExceptionWidget.border#d5d5d5
  • debugToolBar.background#43403e
  • debugToolBar.border#d5d5d5
  • diffEditor.border#d7d7d700
  • diffEditor.insertedTextBackground#84848433
  • diffEditor.removedTextBackground#494949
  • diffEditor.removedTextBorder#ff000000
  • dropdown.background#ffffff
  • dropdown.border#00000000
  • dropdown.foreground#616161
  • editor.background#eaeaea
  • editor.findMatchBackground#ffe3d6
  • editor.findMatchBorder#979b8300
  • editor.findMatchHighlightBackground#ffe3d6
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#b4b4b44c
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#9b9b9b36
  • editor.foreground#929190
  • editor.hoverHighlightBackground#ffe3d6
  • editor.inactiveSelectionBackground#e5ebf1
  • editor.lineHighlightBackground#ffffff32
  • editor.lineHighlightBorder#eeeeee00
  • editor.rangeHighlightBackground#a6e6ff4a
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#a6e6ff5c
  • editor.selectionHighlightBackground#ffe3d6
  • editor.selectionHighlightBorder#495f7700
  • editor.wordHighlightBackground#ffe3d6
  • editor.wordHighlightBorder#ff000000
  • editor.wordHighlightStrongBackground#ffe3d6
  • editor.wordHighlightStrongBorder#ff000006
  • editorBracketMatch.background#ffe3d6
  • editorBracketMatch.border#b9b9b93e
  • editorCodeLens.foreground#999999
  • editorCursor.background#ffffff
  • editorCursor.foreground#a6e6ff
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#e51400
  • editorGroup.border#e7e7e702
  • editorGroup.emptyBackground#eaeaea
  • editorGroupHeader.border#ff000000
  • editorGroupHeader.tabsBackground#a6e6ff
  • editorGroupHeader.tabsBorder#ff666600
  • editorGutter.addedBackground#81b0c2
  • editorGutter.background#eaeaea
  • editorGutter.commentRangeForeground#8c8888
  • editorGutter.deletedBackground#ff878d
  • editorGutter.foldingControlForeground#8c8888
  • editorGutter.modifiedBackground#bce4ff
  • editorHoverWidget.background#3b3b3b
  • editorHoverWidget.border#cda1a1
  • editorHoverWidget.foreground#9d9c9c
  • editorIndentGuide.activeBackground#a9a9a9
  • editorIndentGuide.background#ffe3d64e
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#a6e6ff
  • editorLineNumber.foreground#929292cf
  • editorLink.activeForeground#73fff2
  • editorMarkerNavigation.background#ffffff
  • editorMarkerNavigationError.background#e51400
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#e9a700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f00
  • editorRuler.foreground#ababab
  • editorSuggestWidget.background#ffffff
  • editorSuggestWidget.border#DBF4EF
  • editorSuggestWidget.foreground#4b4b4b
  • editorSuggestWidget.highlightForeground#6f94a3
  • editorSuggestWidget.selectedBackground#DBF4EF
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#e9a700
  • editorWhitespace.foreground#33333333
  • editorWidget.background#adadad
  • editorWidget.foreground#616161
  • editorWidget.resizeBorder#908f8f
  • focusBorder#eaeaea
  • foreground#616161
  • gitDecoration.addedResourceForeground#74d758
  • gitDecoration.conflictingResourceForeground#9f9fec
  • gitDecoration.deletedResourceForeground#ff8b8b
  • gitDecoration.ignoredResourceForeground#8e8e90
  • gitDecoration.modifiedResourceForeground#eac284
  • gitDecoration.stageDeletedResourceForeground#f7bbbb
  • gitDecoration.stageModifiedResourceForeground#d3a65e
  • gitDecoration.submoduleResourceForeground#7dbaff
  • gitDecoration.untrackedResourceForeground#3ecf8b
  • 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#a6e6ff
  • list.activeSelectionForeground#908d8d
  • list.dropBackground#ccecd654
  • list.focusBackground#eaeaea
  • list.focusForeground#616161
  • list.highlightForeground#cef1ff
  • list.hoverBackground#ffe3d6
  • list.hoverForeground#616161
  • list.inactiveSelectionBackground#a6e6ff
  • list.inactiveSelectionForeground#616161
  • listFilterWidget.background#ffe3d6
  • listFilterWidget.noMatchesOutline#f5b9b3
  • 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.in comingHeaderBackground#A6CFFF
  • merge.incomingContentBackground#DBECFF
  • minimap.background#eaeaea
  • minimap.errorHighlight#e51400
  • minimap.findMatchHighlight#ffe3d6
  • minimap.selectionHighlight#a6e6ff5c
  • minimap.warningHighlight#e9a700
  • minimapGutter.addedBackground#81b0c2
  • minimapGutter.deletedBackground#ff878d
  • minimapGutter.modifiedBackground#bce4ff
  • notificationCenter.border#b0b0b0
  • notificationCenterHeader.background#e7e7e7
  • notificationCenterHeader.foreground#616161
  • notifications.background#eaeaea
  • notifications.border#eaeaea
  • notifications.foreground#616161
  • notificationsErrorIcon.foreground#e51400
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#e9a700
  • notificationToast.border#d5d5d5
  • panel.background#eaeaea
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#424242
  • panelTitle.activeForeground#424242
  • panelTitle.inactiveForeground#424242bf
  • peekView.border#007acc00
  • peekViewEditor.background#f2f8fc
  • peekViewEditor.matchHighlightBackground#ffe3d6
  • peekViewEditor.matchHighlightBorder#dbc41700
  • peekViewEditorGutter.background#f2f8fc
  • peekViewResult.background#f3f3f3
  • peekViewResult.fileForeground#ad9d9d
  • peekViewResult.lineForeground#646465
  • peekViewResult.matchHighlightBackground#ffe3d6
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#6c6c6c
  • peekViewTitle.background#ffffff
  • peekViewTitleDescription.foreground#616161e6
  • peekViewTitleLabel.foreground#333333
  • pickerGroup.border#999999
  • pickerGroup.foreground#ffe3d6
  • progressBar.background#ffe3d6
  • scrollbar.shadow#dddddd0c
  • scrollbarSlider.activeBackground#00000099
  • scrollbarSlider.background#64646400
  • scrollbarSlider.hoverBackground#6464645e
  • selection.background#ffe3d6
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#616161
  • sideBar.background#eaeaea
  • sideBar.border#ff000000
  • sideBar.dropBackground#ccecd654
  • sideBar.foreground#616161
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#e0e8ce00
  • sideBarSectionHeader.foreground#616161
  • sideBarTitle.foreground#616161
  • statusBar.background#eaeaea
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#827d7d
  • statusBar.noFolderBackground#8ec4d9
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#a6e6ff
  • statusBarItem.remoteForeground#1f1f1f
  • tab.activeBackground#cef6ff
  • tab.activeBorder#d4e0bb00
  • tab.activeBorderTop#e0e8ce00
  • tab.activeForeground#9d9d9c
  • tab.border#f3f3f344
  • tab.hoverBackground#ffe3d6
  • tab.hoverBorder#ff000000
  • tab.hoverForeground#5c5c5c
  • tab.inactiveBackground#a6e6ff
  • 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#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#cef1ff
  • titleBar.activeBackground#eaeaea
  • titleBar.activeForeground#333333
  • titleBar.border#00000000
  • titleBar.inactiveBackground#dddddd99
  • titleBar.inactiveForeground#33333399
  • tree.indentGuidesStroke#00000010
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#ccecd600

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