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#231f2e
  • activityBar.border#231f2e
  • activityBar.foreground#8ee199
  • activityBar.inactiveForeground#fdfdff66
  • activityBarBadge.background#8ee199
  • activityBarBadge.foreground#000000
  • badge.background#e18e8e
  • badge.foreground#000000
  • breadcrumb.activeSelectionForeground#8ee199
  • breadcrumb.background#231f2e
  • breadcrumb.focusForeground#8ee199
  • breadcrumb.foreground#b4b4b4
  • button.background#8ee199
  • button.foreground#5b5b5b
  • button.hoverBackground#6ec079
  • button.secondaryBackground#5b5b5b
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#231f2e
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#231f2e
  • debugExceptionWidget.border#231f2e
  • debugToolBar.background#231f2e
  • debugToolBar.border#231f2e
  • diffEditor.border#00000000
  • diffEditor.insertedTextBackground#79943a33
  • diffEditor.insertedTextBorder#864c4c
  • diffEditor.removedTextBackground#ff4e4e33
  • diffEditor.removedTextBorder#8a41418b
  • dropdown.background#231f2e
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#231f2e
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f00
  • editor.findMatchHighlightBackground#cf752c81
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#35445866
  • editor.findRangeHighlightBorder#f2f2f200
  • editor.foldBackground#2831564d
  • editor.foreground#b4b4b4
  • editor.hoverHighlightBackground#a0cfff40
  • editor.inactiveSelectionBackground#292b3d
  • editor.lineHighlightBackground#1110173c
  • editor.lineHighlightBorder#28282800
  • editor.rangeHighlightBackground#f96f6f0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#2c2e43
  • editor.selectionHighlightBackground#ffadad26
  • editor.selectionHighlightBorder#00000000
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightBorder#ff000000
  • editor.wordHighlightStrongBackground#8e98e162
  • editor.wordHighlightStrongBorder#ff000000
  • editorBracketMatch.background#ff97281c
  • editorBracketMatch.border#e18e8e
  • editorCodeLens.foreground#9ea19c9b
  • editorCursor.background#8ee199
  • editorCursor.foreground#b3b4b2
  • editorError.background#7b444200
  • editorError.border#ffffff00
  • editorError.foreground#e18e8e
  • editorGroup.border#00000070
  • editorGroup.emptyBackground#231f2e
  • editorGroupHeader.border#231f2e
  • editorGroupHeader.tabsBackground#231f2e
  • editorGroupHeader.tabsBorder#ff787800
  • editorGutter.addedBackground#8ee199
  • editorGutter.background#231f2e
  • editorGutter.commentRangeForeground#cbc4c4
  • editorGutter.deletedBackground#e18e8e
  • editorGutter.foldingControlForeground#cbc4c4
  • editorGutter.modifiedBackground#a2bee8
  • editorHoverWidget.background#2d2a36
  • editorHoverWidget.border#00000000
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#a2bee8
  • editorIndentGuide.background#8ee199
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#8e98e1
  • editorLineNumber.activeForeground#8ee199
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#8ee199
  • editorMarkerNavigation.background#231f2e
  • editorMarkerNavigationError.background#e18e8e
  • editorMarkerNavigationInfo.background#8e98e1
  • editorMarkerNavigationWarning.background#8ee199
  • editorOverviewRuler.background#5e5e5e00
  • editorOverviewRuler.border#c0afaf00
  • editorRuler.foreground#3c3749
  • editorSuggestWidget.background#262330
  • editorSuggestWidget.border#45454544
  • editorSuggestWidget.foreground#adadad
  • editorSuggestWidget.highlightForeground#8ee199
  • editorSuggestWidget.selectedBackground#2e2b36
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#dae18e
  • editorWhitespace.foreground#fbfff829
  • editorWidget.background#231f2e
  • editorWidget.foreground#b2a8a8
  • editorWidget.resizeBorder#8ee199
  • focusBorder#83858600
  • foreground#c9c9c9dd
  • gitDecoration.addedResourceForeground#8ee199
  • gitDecoration.conflictingResourceForeground#8e98e1
  • gitDecoration.deletedResourceForeground#e18e8e
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#e1b38e
  • gitDecoration.stageDeletedResourceForeground#e8a2af
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#a2bee8
  • gitDecoration.untrackedResourceForeground#8ee1c1
  • icon.foreground#c9c9c9dd
  • input.background#231f2e
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#8ee199
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#0f0f0f
  • list.activeSelectionBackground#383838
  • list.activeSelectionForeground#8ee199
  • list.dropBackground#3e3f49
  • list.focusBackground#4b4b4b
  • list.focusForeground#cfcfcf
  • list.highlightForeground#8ee199
  • list.hoverBackground#4c4c7700
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#5b5b5b
  • list.inactiveSelectionForeground#8ee199
  • listFilterWidget.background#4f4f4f
  • listFilterWidget.noMatchesOutline#f0564700
  • listFilterWidget.outline#c2c2c200
  • menu.background#231f2e
  • menu.border#231f2e
  • menu.foreground#afb2af
  • menu.selectionBackground#231f2e
  • menu.selectionBorder#8ee199
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#4f677b54
  • menubar.selectionBackground#8ee199
  • menubar.selectionBorder#e60f0f00
  • menubar.selectionForeground#000000
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#528c59
  • merge.incomingContentBackground#2c4764
  • merge.incomingHeaderBackground#5b67c0
  • minimap.background#231f2e
  • minimap.errorHighlight#e18e8e
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#2c2e43
  • minimap.warningHighlight#dae18e
  • minimapGutter.addedBackground#8ee199
  • minimapGutter.deletedBackground#e18e8e
  • minimapGutter.modifiedBackground#a2bee8
  • notificationCenter.border#47474700
  • notificationCenterHeader.background#231f2e
  • notificationCenterHeader.foreground#fbfbfb
  • notifications.background#231f2e
  • notifications.border#30303100
  • notifications.foreground#d3d3d3
  • notificationsErrorIcon.foreground#e18e8e
  • notificationsInfoIcon.foreground#8e98e1
  • notificationsWarningIcon.foreground#dae18e
  • notificationToast.border#47474700
  • panel.background#231f2e
  • panel.border#00000059
  • panelSection.border#8ee19900
  • panelTitle.activeBorder#8ee199
  • panelTitle.activeForeground#8ee199
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#8ee199
  • peekViewEditor.background#2e2b38
  • peekViewEditor.matchHighlightBackground#e1b38e32
  • peekViewEditor.matchHighlightBorder#99734300
  • peekViewEditorGutter.background#2e2b38
  • peekViewResult.background#2e2b38
  • peekViewResult.fileForeground#c0c0c0
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#a7b8c933
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#2e2b38
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#cbfdff
  • pickerGroup.border#51517100
  • pickerGroup.foreground#a5a7a9
  • progressBar.background#8ee199
  • scrollbar.shadow#606060
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#e0e0e01c
  • scrollbarSlider.hoverBackground#49485a20
  • selection.background#5a5a5a
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#c9c9c9dd
  • sideBar.background#231f2e
  • sideBar.border#231f2e
  • sideBar.dropBackground#3e3f49
  • sideBar.foreground#c0c0c0
  • sideBarSectionHeader.background#ffffff00
  • sideBarSectionHeader.border#00000054
  • sideBarSectionHeader.foreground#dbdbdb
  • sideBarTitle.foreground#8ee199
  • statusBar.background#231f2e
  • statusBar.border#231f2e
  • statusBar.debuggingBackground#8ee199
  • statusBar.debuggingBorder#000000
  • statusBar.debuggingForeground#000000
  • statusBar.foreground#8ee199
  • statusBar.noFolderBackground#b58ee1
  • statusBar.noFolderBorder#000000
  • statusBar.noFolderForeground#000000
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#8ee199
  • statusBarItem.remoteForeground#000000
  • tab.activeBackground#1d1a26
  • tab.activeBorder#8ee199
  • tab.activeBorderTop#5affb200
  • tab.activeForeground#ffffff
  • tab.border#25252600
  • tab.hoverBorder#00000000
  • tab.inactiveBackground#231f2e
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#0a0a0a
  • terminal.ansiBlue#585f8d
  • terminal.ansiBrightBlack#878484
  • terminal.ansiBrightBlue#8e98e1
  • terminal.ansiBrightCyan#8ee1de
  • terminal.ansiBrightGreen#8bff9a
  • terminal.ansiBrightMagenta#de7ade
  • terminal.ansiBrightRed#e8a2af
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#e0ea75
  • terminal.ansiCyan#8ee1c1
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#d38ee1
  • terminal.ansiRed#e18e8e
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#dae18e
  • terminal.border#8ee19900
  • terminal.foreground#beb6b6
  • terminal.selectionBackground#8eb3c440
  • terminalCursor.background#8ee199
  • terminalCursor.foreground#4b4b4b
  • textLink.foreground#8ee199
  • titleBar.activeBackground#231f2e
  • titleBar.activeForeground#bcbcbc
  • titleBar.border#231f2e
  • titleBar.inactiveBackground#231f2e
  • titleBar.inactiveForeground#bcbcbc
  • tree.indentGuidesStroke#8ee199
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#0000005c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

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