Skip to main content
CodingTheme

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • activityBar.activeBackground#272932
  • activityBar.background#272932
  • activityBar.border#000000
  • activityBar.foreground#5f38bd
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#5f38bd
  • activityBarBadge.foreground#000000
  • badge.background#8bfef7
  • badge.foreground#000000
  • breadcrumb.activeSelectionForeground#00a0ff
  • breadcrumb.background#23262e
  • breadcrumb.focusForeground#00a0ff
  • breadcrumb.foreground#8899a3
  • button.background#01b0fe
  • button.foreground#ffffff
  • button.hoverBackground#1b81c4
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#3c3c3c
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#2b2d34
  • debugExceptionWidget.border#47474700
  • debugToolBar.background#2b2d34
  • debugToolBar.border#47474700
  • diffEditor.border#00000000
  • diffEditor.insertedTextBackground#62773633
  • diffEditor.insertedTextBorder#6d3535
  • diffEditor.removedTextBackground#ff6d6d33
  • diffEditor.removedTextBorder#8e4b4b8b
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#23262e
  • editor.findMatchBackground#363636
  • editor.findMatchBorder#74879f00
  • editor.findMatchHighlightBackground#00000055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#35445866
  • editor.findRangeHighlightBorder#f2f2f200
  • editor.foldBackground#2831564d
  • editor.foreground#b4b4b4
  • editor.hoverHighlightBackground#a0cfff40
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#1110173c
  • editor.lineHighlightBorder#28282800
  • editor.rangeHighlightBackground#f96f6f0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#333441
  • editor.selectionHighlightBackground#ffadad26
  • editor.selectionHighlightBorder#00000000
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightBorder#ff000000
  • editor.wordHighlightStrongBackground#474b4b
  • editor.wordHighlightStrongBorder#ff000000
  • editorBracketMatch.background#ff97281c
  • editorBracketMatch.border#ff9077
  • editorCodeLens.foreground#9ea19c9b
  • editorCursor.background#090028
  • editorCursor.foreground#b3b4b2
  • editorError.background#7b444200
  • editorError.border#ffffff00
  • editorError.foreground#ff4620
  • editorGroup.border#00000070
  • editorGroup.emptyBackground#23262e
  • editorGroupHeader.border#1d1d21
  • editorGroupHeader.tabsBackground#23262e
  • editorGroupHeader.tabsBorder#ff787800
  • editorGutter.addedBackground#55ba0f
  • editorGutter.background#23262e
  • editorGutter.commentRangeForeground#cbc4c4
  • editorGutter.deletedBackground#c41f26
  • editorGutter.foldingControlForeground#cbc4c4
  • editorGutter.modifiedBackground#26a8cd
  • editorHoverWidget.background#292c3e
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#4c7880
  • editorIndentGuide.background#565656
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#5186b6
  • editorLineNumber.activeForeground#9f9f9f
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#54b2ff
  • editorMarkerNavigation.background#323245
  • editorMarkerNavigationError.background#8a4d4d
  • editorMarkerNavigationInfo.background#527fa7
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#5e5e5e00
  • editorOverviewRuler.border#c0afaf00
  • editorRuler.foreground#292c3e
  • editorSuggestWidget.background#292c3e
  • editorSuggestWidget.border#45454544
  • editorSuggestWidget.foreground#8da5b6
  • editorSuggestWidget.highlightForeground#15c0f5
  • editorSuggestWidget.selectedBackground#1b2336
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffe46c
  • editorWhitespace.foreground#fbfff829
  • editorWidget.background#1a1c2a
  • editorWidget.foreground#b2a8a8
  • editorWidget.resizeBorder#40ffe4
  • focusBorder#00b6ff00
  • foreground#ffffffdd
  • gitDecoration.addedResourceForeground#81b88b
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#c74e39
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#e2c08d
  • gitDecoration.stageDeletedResourceForeground#c74e39
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#ffffffdd
  • input.background#3c3c3c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#282936
  • list.activeSelectionForeground#f900ff
  • list.dropBackground#282936
  • list.focusBackground#282936
  • list.focusForeground#cfcfcf
  • list.highlightForeground#8bfef7
  • list.hoverBackground#2e2e3f00
  • list.hoverForeground#f900ff
  • list.inactiveSelectionBackground#20232b
  • list.inactiveSelectionForeground#f900ff
  • listFilterWidget.background#515151
  • listFilterWidget.noMatchesOutline#f0564700
  • listFilterWidget.outline#c2c2c200
  • menu.background#292c3e
  • menu.border#8a7b7b00
  • menu.foreground#8d9dbc
  • menu.selectionBackground#303951
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#4f677b54
  • menubar.selectionBackground#292c3e
  • menubar.selectionBorder#e60f0f00
  • menubar.selectionForeground#ffffff
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#23262e
  • minimap.errorHighlight#ff4620
  • minimap.findMatchHighlight#363636
  • minimap.selectionHighlight#333441
  • minimap.warningHighlight#ffe46c
  • minimapGutter.addedBackground#55ba0f
  • minimapGutter.deletedBackground#c41f26
  • minimapGutter.modifiedBackground#26a8cd
  • notificationCenter.border#47474700
  • notificationCenterHeader.background#24283b
  • notificationCenterHeader.foreground#fbfbfb
  • notifications.background#1b1e2b
  • notifications.border#30303100
  • notifications.foreground#b1e2ff
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#47474700
  • panel.background#23262e
  • panel.border#00000059
  • panelSection.border#80808000
  • panelTitle.activeBorder#89ffff
  • panelTitle.activeForeground#89ffff
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#8bfef7
  • peekViewEditor.background#20232b
  • peekViewEditor.matchHighlightBackground#ee860056
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#20232b
  • peekViewResult.background#232730
  • peekViewResult.fileForeground#b0f0ff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#20232b
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#cbfdff
  • pickerGroup.border#51517100
  • pickerGroup.foreground#a7caf2
  • progressBar.background#ffffff
  • scrollbar.shadow#242424
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#49485a20
  • scrollbarSlider.hoverBackground#49485a20
  • selection.background#626262
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ffffffdd
  • sideBar.background#20232b
  • sideBar.border#000000
  • sideBar.dropBackground#282936
  • sideBar.foreground#5ce2e7
  • sideBarSectionHeader.background#ffffff00
  • sideBarSectionHeader.border#28282854
  • sideBarSectionHeader.foreground#7941e7
  • sideBarTitle.foreground#ffffff
  • statusBar.background#20232b
  • statusBar.border#000000
  • statusBar.debuggingBackground#cc3333
  • statusBar.debuggingBorder#000000
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#8bfef7
  • statusBar.noFolderBackground#5ce2e7
  • statusBar.noFolderBorder#000000
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#3dd9e1
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#23262e
  • tab.activeBorder#3dd9e1
  • tab.activeBorderTop#5affb200
  • tab.activeForeground#ffffff
  • tab.border#25252600
  • tab.hoverBorder#00000000
  • tab.inactiveBackground#23262e
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#3b8eea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#23d18b
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#e5e510
  • terminal.border#80808000
  • terminal.foreground#beb6b6
  • terminal.selectionBackground#47565e40
  • terminalCursor.background#ffffff
  • terminalCursor.foreground#23262e
  • textLink.foreground#01b0fe
  • titleBar.activeBackground#1b1e2b
  • titleBar.activeForeground#b1e2ff
  • titleBar.border#000000
  • titleBar.inactiveBackground#1b1e2b
  • titleBar.inactiveForeground#b1e2ff
  • tree.indentGuidesStroke#ffffff
  • 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#6a9af2
variable.other.generic-type.haskell#b081f7
storage.type.haskell#F76FB5
support.variable.magic.python#f2d96a
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#b4b4b4
variable.parameter.function.language.special.self.python#00ffdd
storage.modifier.lifetime.rust#b4b4b4
support.function.std.rust#ffffff
entity.name.lifetime.rust#00ffdd
variable.language.rust#f2d96a
support.constant.edge#b081f7
constant.other.character-class.regexp#f2d96a
keyword.operator.quantifier.regexp#F76FB5
punctuation.definition.string.begin,punctuation.definition.string.end#5bb84e
variable.parameter.function#b4b4b4
comment markup.link#6b6c6f
markup.changed.diff#00ffdd
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#ffffff
markup.inserted.diff#5bb84e
markup.deleted.diff#f2d96a
meta.function.c,meta.function.cpp#f2d96a
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#ffffff
support.constant.math#00ffdd
support.constant.property.math#F76FB5
variable.other.constant#00ffdd
storage.type.annotation.java, storage.type.object.array.java#00ffdd
source.java#f2d96a
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#ffffff
storage.modifier.import.java,storage.type.java,storage.type.generic.java#00ffdd
keyword.operator.instanceof.java#b081f7
meta.definition.variable.name.java#f2d96a
keyword.operator.logical#00fff2
keyword.operator.bitwise#00fff2
keyword.operator.channel#00fff2
support.constant.property-value.scss,support.constant.property-value.css#F76FB5
keyword.operator.css,keyword.operator.scss,keyword.operator.less#00fff2
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#F76FB5
punctuation.separator.list.comma.css#b4b4b4
support.constant.color.w3c-standard-color-name.css#F76FB5
support.type.vendored.property-name.css#00fff2
support.module.node,support.type.object.module,support.module.node#00ffdd
entity.name.type.module#F76FB5
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#00ffdd
support.constant.json#F76FB5
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#b081f7
support.type.object.console#f2d96a
support.variable.property.process#F76FB5
entity.name.function,support.function.console#ffffff
keyword.operator.misc.rust#b4b4b4
keyword.operator.sigil.rust#b081f7
keyword.operator.delete#b081f7
support.type.object.dom#F76FB5
support.variable.dom,support.variable.property.dom#f2d96a
entity.name.tag, entity.name.tag.js.jsx support.class.component.js.jsx#F76FB5
variable.other.object.property.js.jsx, variable.other.object.js#f39c12
variable.parameter, parameters variable.function#f39c12italic
variable.language, variable.parameter.function.language.special.self.python#F76FB5italic
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#00fff2
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#b081f7
punctuation.separator.delimiter#b4b4b4
punctuation.separator.c,punctuation.separator.cpp#b081f7
support.type.posix-reserved.c,support.type.posix-reserved.cpp#00fff2
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#b081f7
variable.parameter.function.language.python#F76FB5
support.type.python#00fff2
keyword.operator.logical.python#b081f7
variable.parameter.function.python#F76FB5
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#ffffff
constant.character.format.placeholder.other.python#F76FB5
keyword.operator#b4b4b4
keyword.operator.assignment.compound#b081f7
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#00fff2
keyword#b081f7
entity.name.namespace#00ffdd
variable#00ffdd
variable.c#b4b4b4
variable.language#F76FB5
token.variable.parameter.java#b4b4b4
import.storage.java#00ffdd
token.package.keyword#b081f7
token.package#b4b4b4
entity.name.function, meta.require, support.function.any-method, variable.function#ffffff
entity.name.type.namespace#00ffdd
support.class, entity.name.type.class#00ffdd
entity.name.class.identifier.namespace.type#00ffdd
entity.name.class, variable.other.class.js, variable.other.class.ts#F76FB5
variable.other.class.php#f2d96a
entity.name.type#00ffdd
keyword.control#b081f7
control.elements, keyword.operator.less#F76FB5
keyword.other.special-method#ffffff
storage#b081f7
token.storage#b081f7
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#b081f7
token.storage.type.java#00ffdd
support.function#00fff2
support.type.property-name#b4b4b4
support.constant.property-value#b4b4b4
support.constant.font-name#F76FB5
meta.tag#b4b4b4
string#5bb84e
entity.other.inherited-class#00ffdd
constant.other.symbol#00fff2
constant.numeric#F76FB5
constant#F76FB5
punctuation.definition.constant#F76FB5
entity.name.tag#f2d96a
entity.other.attribute-name#F76FB5
entity.other.attribute-name.id#ffffffnormal
entity.other.attribute-name.class.css#F76FB5normal
meta.selector#b081f7
markup.heading#f2d96a
markup.heading punctuation.definition.heading, entity.name.section#ffffff
keyword.other.unit#f2d96a
markup.bold,todo.bold#F76FB5
punctuation.definition.bold#00ffdd
markup.italic, punctuation.definition.italic,todo.emphasis#b081f7
emphasis md#b081f7
entity.name.section.markdown#f2d96a
punctuation.definition.heading.markdown#f2d96a
punctuation.definition.list.begin.markdown#f2d96a
markup.heading.setext#b4b4b4
punctuation.definition.bold.markdown#F76FB5
markup.inline.raw.markdown#5bb84e
markup.inline.raw.string.markdown#5bb84e
punctuation.definition.list.markdown#f2d96a
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#f2d96a
beginning.punctuation.definition.list.markdown#f2d96a
punctuation.definition.metadata.markdown#f2d96a
markup.underline.link.markdown,markup.underline.link.image.markdown#b081f7
string.other.link.title.markdown,string.other.link.description.markdown#ffffff
string.regexp#F76FB5
constant.character.escape#00fff2
punctuation.section.embedded, variable.interpolation#f2d96a
punctuation.section.embedded.begin,punctuation.section.embedded.end#b081f7
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#f2d96a
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#f2d96a
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#5bb84e
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#F76FB5
support.type.property-name.json#f2d96a
support.type.property-name.json punctuation#f2d96a
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#b081f7
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#b081f7
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#00ffdd
keyword.operator.error-control.php#b081f7
keyword.operator.type.php#b081f7
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#00ffdd
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#ffffff
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#F76FB5
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#F76FB5
entity.name.goto-label.php,support.other.php#ffffff
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#00fff2
keyword.operator.regexp.php#b081f7
keyword.operator.comparison.php#00fff2
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#b081f7
meta.function.decorator.python#ffffff
support.token.decorator.python,meta.function.decorator.identifier.python#00fff2
function.parameter#b4b4b4
function.brace#b4b4b4
function.parameter.ruby, function.parameter.cs#b4b4b4
constant.language.symbol.ruby#00fff2
rgb-value#00fff2
inline-color-decoration rgb-value#F76FB5
less rgb-value#F76FB5
selector.sass#f2d96a
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#00ffdd
block.scope.end,block.scope.begin#b4b4b4
storage.type.cs#00ffdd
entity.name.variable.local.cs#f2d96a
token.info-token#ffffff
token.warn-token#F76FB5
token.error-token#f44747
token.debug-token#b081f7
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#b081f7
meta.template.expression#b4b4b4
keyword.operator.module#b081f7
support.type.type.flowtype#ffffff
support.type.primitive#F76FB5
meta.property.object#f2d96a
variable.parameter.function.js#f2d96a
keyword.other.template.begin#5bb84e
keyword.other.template.end#5bb84e
keyword.other.substitution.begin#5bb84e
keyword.other.substitution.end#5bb84e
keyword.operator.assignment#b081f7
keyword.operator.assignment.go#00ffdd
keyword.operator.arithmetic.go, keyword.operator.address.go#b081f7
entity.name.package.go#00ffdd
support.type.prelude.elm#00fff2
support.constant.elm#F76FB5
punctuation.quasi.element#b081f7
constant.character.entity#f2d96a
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#00fff2
entity.global.clojure#00ffdd
meta.symbol.clojure#f2d96a
constant.keyword.clojure#00fff2
meta.arguments.coffee, variable.parameter.function.coffee#f2d96a
source.ini#5bb84e
meta.scope.prerequisites.makefile#f2d96a
source.makefile#00ffdd
storage.modifier.import.groovy#00ffdd
meta.method.groovy#ffffff
meta.definition.variable.name.groovy#f2d96a
meta.definition.class.inherited.classes.groovy#5bb84e
support.variable.semantic.hlsl#e89c2c
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#b081f7
text.variable, text.bracketed#f2d96a
support.type.swift, support.type.vb.asp#00ffdd
entity.name.function.xi#00ffdd
entity.name.class.xi#00fff2
constant.character.character-class.regexp.xi#f2d96a
constant.regexp.xi#b081f7
keyword.control.xi#00fff2
invalid.xi#b4b4b4
beginning.punctuation.definition.quote.markdown.xi#5bb84e
beginning.punctuation.definition.list.markdown.xi#6b6c6f
constant.character.xi#ffffff
accent.xi#ffffff
wikiword.xi#F76FB5
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#00ffdd
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#f2d96a
meta.brace.square#b4b4b4
comment, punctuation.definition.comment#6b6c6fitalic
markup.quote.markdown#6b6c6f
punctuation.definition.block.sequence.item.yaml#b4b4b4
constant.language.symbol.elixir#00fff2
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...