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#77262600
  • activityBar.background#3c3e42
  • activityBar.border#3c3e42
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#67a6e6
  • activityBarBadge.foreground#ffffff
  • badge.background#4d4d4d
  • badge.foreground#4d4d4d
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#1e1e1e00
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#67a6e6
  • button.foreground#ffffff
  • button.hoverBackground#1177bb
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#343638
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#343638
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#3d4047
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#7c7c7c
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#2a3743
  • editor.lineHighlightBackground#ffffff00
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#4e6987
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495f77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editor.wordHighlightStrongBorder#ff000000
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#444444
  • editorGroup.emptyBackground#3d4047
  • editorGroupHeader.tabsBackground#404247
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#3d4047
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#424245
  • editorHoverWidget.border#4b4b4f
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#000000
  • editorLineNumber.foreground#676869
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#0097fb
  • editorSuggestWidget.selectedBackground#062f4a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#404247
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5f5f5f
  • focusBorder#67a6e6
  • foreground#cccccc
  • 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#cccccc
  • input.background#343638
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#67a6e6
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#383b3d00
  • list.focusBackground#062f4a
  • list.focusForeground#cccccc
  • list.highlightForeground#0097fb
  • list.hoverBackground#2a2d2e00
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#67a6e6
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#3c3e42
  • menu.border#00000085
  • menu.foreground#c3c0be
  • menu.selectionBackground#67a6e6
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#3c3e42
  • menubar.selectionBorder#3c3e42
  • menubar.selectionForeground#cccccc99
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#3d4047
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#4e6987
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#474747
  • notificationCenterHeader.background#303031
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#252526
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#474747
  • panel.background#3c3e42
  • panel.border#2d2d2d
  • panelSection.border#2d2d2d
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#007acc
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#3794ff
  • progressBar.background#0e70c0
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#256aa7
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#3c3e42
  • sideBar.border#585858
  • sideBar.dropBackground#383b3d00
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#67a6e6
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#a8e9a8
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#67a6e6
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#25252600
  • tab.hoverBackground#505457
  • tab.hoverBorder#ff000000
  • tab.hoverForeground#ffffff80
  • tab.inactiveBackground#404247
  • 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#2d2d2d
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#f1c26d
  • terminalCursor.foreground#ffffff
  • textLink.foreground#67a6e6
  • titleBar.activeBackground#3c3c3c
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#585858
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#77060600

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

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