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#39487e
  • activityBar.background#1c2739
  • activityBar.border#0e1624
  • activityBar.foreground#c1c1c1
  • activityBar.inactiveForeground#969b8b
  • activityBarBadge.background#0087ff
  • activityBarBadge.foreground#000000
  • badge.background#FFFFFF1A
  • badge.foreground#c1c1c1
  • breadcrumb.activeSelectionForeground#ffffff
  • breadcrumb.background#1c2739
  • breadcrumb.focusForeground#ffffff
  • breadcrumb.foreground#c1c1c1
  • button.background#39487e
  • button.foreground#e2e2e2
  • button.hoverBackground#006CD8
  • button.secondaryBackground#384d71
  • button.secondaryForeground#e2e2e2
  • button.secondaryHoverBackground#006cd8
  • checkbox.background#1c2739
  • checkbox.border#ba2c2c00
  • checkbox.foreground#cdcfd6
  • debugExceptionWidget.background#151d2c
  • debugExceptionWidget.border#474747
  • debugToolBar.background#151d2c
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#1c2739
  • dropdown.border#ba2c2c00
  • dropdown.foreground#cdcfd6
  • editor.background#161c2d
  • editor.findMatchBackground#213359
  • editor.findMatchBorder#bbbbbb
  • editor.findMatchHighlightBackground#213359
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3e485666
  • editor.findRangeHighlightBorder#b0767600
  • editor.foldBackground#19253a
  • editor.foreground#5e92bd
  • editor.hoverHighlightBackground#10325400
  • editor.inactiveSelectionBackground#28509e
  • editor.lineHighlightBackground#1d263b
  • editor.lineHighlightBorder#28282800
  • editor.rangeHighlightBackground#c031310b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#28509e
  • editor.selectionHighlightBackground#344134
  • editor.selectionHighlightBorder#2e6eb400
  • editor.wordHighlightBackground#40332b
  • editor.wordHighlightBorder#75494900
  • editor.wordHighlightStrongBackground#40332b
  • editor.wordHighlightStrongBorder#73000000
  • editorBracketMatch.background#3b514d
  • editorBracketMatch.border#ffed29
  • editorCodeLens.foreground#999999
  • editorCursor.background#060000
  • editorCursor.foreground#bbbbbb
  • editorError.background#92312c00
  • editorError.border#a7202000
  • editorError.foreground#b41d55
  • editorGroup.border#2a354e
  • editorGroup.emptyBackground#161c2d
  • editorGroupHeader.border#151d2c
  • editorGroupHeader.tabsBackground#243647
  • editorGroupHeader.tabsBorder#5c323200
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#202940
  • editorGutter.commentRangeForeground#415284
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#415284
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#26354d
  • editorHoverWidget.border#262a4c
  • editorHoverWidget.foreground#a8aeb4
  • editorIndentGuide.activeBackground#293555
  • editorIndentGuide.background#293555
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#6cabe2
  • editorLineNumber.activeForeground#bebdbd
  • editorLineNumber.foreground#8b8f94
  • editorLink.activeForeground#40BBD4
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#2a161600
  • editorOverviewRuler.border#4d242400
  • editorRuler.foreground#36446e
  • editorSuggestWidget.background#46484a
  • editorSuggestWidget.border#27274a
  • editorSuggestWidget.foreground#bab9b4
  • editorSuggestWidget.highlightForeground#5177c6
  • editorSuggestWidget.selectedBackground#2c3d59
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#a4ea5e00
  • editorWidget.background#1c2739
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#007fd400
  • foreground#c1c1c1
  • 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#c1c1c1
  • input.background#1c2739
  • input.border#ba2c2c00
  • input.foreground#cdcfd6
  • input.placeholderForeground#808080
  • inputOption.activeBackground#107ec966
  • inputOption.activeBorder#487c9f00
  • inputOption.activeForeground#c1c1c1c1
  • list.activeSelectionBackground#39487e
  • list.activeSelectionForeground#e2e2e2
  • list.dropBackground#4b5254
  • list.focusBackground#39487e
  • list.focusForeground#ffffff
  • list.highlightForeground#50A7FF
  • list.hoverBackground#ffffff10
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#2c3d59
  • list.inactiveSelectionForeground#a3baaa
  • listFilterWidget.background#4363AF
  • listFilterWidget.noMatchesOutline#ff4f4f00
  • listFilterWidget.outline#00000000
  • menu.background#1c2739
  • menu.border#151d2c
  • menu.foreground#c1c1c1
  • menu.selectionBackground#39487e
  • menu.selectionBorder#82565600
  • menu.selectionForeground#e2e2e2
  • menu.separatorBackground#1d304b
  • menubar.selectionBackground#39487e
  • menubar.selectionBorder#a7606000
  • menubar.selectionForeground#e2e2e2
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#161c2d
  • minimap.errorHighlight#b41d55
  • minimap.findMatchHighlight#213359
  • minimap.selectionHighlight#28509e
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#474747
  • notificationCenterHeader.background#0f141d
  • notificationCenterHeader.foreground#e1e1e1
  • notifications.background#121824
  • notifications.border#303031
  • notifications.foreground#c1c1c1
  • notificationsErrorIcon.foreground#ec3f1c
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#474747
  • panel.background#1a2136
  • panel.border#325180
  • panelSection.border#FFFFFF33
  • panelTitle.activeBorder#747a80
  • panelTitle.activeForeground#c1c1c1
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#415284
  • peekViewEditor.background#1d263b
  • peekViewEditor.matchHighlightBackground#213359
  • peekViewEditor.matchHighlightBorder#bbbbbb
  • peekViewEditorGutter.background#202940
  • peekViewResult.background#161c2d
  • peekViewResult.fileForeground#c0c0ad
  • peekViewResult.lineForeground#979ca1
  • peekViewResult.matchHighlightBackground#213359
  • peekViewResult.selectionBackground#1d263b
  • peekViewResult.selectionForeground#DADADA
  • peekViewTitle.background#161c2d
  • peekViewTitleDescription.foreground#6A6A6A
  • peekViewTitleLabel.foreground#C9C9C9
  • pickerGroup.border#60A9FF
  • pickerGroup.foreground#60A9FF
  • progressBar.background#0e70c0
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#497486
  • scrollbarSlider.background#3d577d
  • scrollbarSlider.hoverBackground#497486
  • selection.background#1c2739
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#c1c1c1
  • sideBar.background#24334a
  • sideBar.border#283551
  • sideBar.dropBackground#4b5254
  • sideBar.foreground#c1c1c1
  • sideBarSectionHeader.background#b85d5d00
  • sideBarSectionHeader.border#151d2c
  • sideBarSectionHeader.foreground#c1c1c1
  • sideBarTitle.foreground#b1bfc6
  • statusBar.background#1c2739
  • statusBar.border#0e1624
  • statusBar.debuggingBackground#582f14
  • statusBar.debuggingForeground#afb1b3
  • statusBar.foreground#afb1b3
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#384d71
  • statusBarItem.remoteBackground#16825d
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#324d65
  • tab.activeBorder#747a80
  • tab.activeBorderTop#64232300
  • tab.activeForeground#c1c1c1
  • tab.border#31319f00
  • tab.hoverBackground#17232e
  • tab.hoverForeground#c1c1c1
  • tab.inactiveBackground#243647
  • tab.inactiveForeground#c1c1c1
  • 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#FFFFFF33
  • terminal.foreground#cccccc
  • terminal.selectionBackground#c6cbd54d
  • terminalCursor.background#154f4f
  • terminalCursor.foreground#bac1d1
  • textLink.foreground#5EB3FF
  • titleBar.activeBackground#1c2739
  • titleBar.activeForeground#c1c1c1
  • titleBar.border#151d2c
  • titleBar.inactiveBackground#325180
  • titleBar.inactiveForeground#c1c1c1
  • tree.indentGuidesStroke#3a4c7d
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000080

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