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#00000000
  • activityBar.background#282828
  • activityBar.border#00000000
  • activityBar.foreground#e2e2e2
  • activityBar.inactiveForeground#939393
  • activityBarBadge.background#00b4d8
  • activityBarBadge.foreground#ffffff
  • badge.background#de3c3c
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#ffffff
  • breadcrumb.background#28282a
  • breadcrumb.focusForeground#ffffff
  • breadcrumb.foreground#b7babc
  • button.background#00b4d8
  • button.foreground#ffffff
  • button.hoverBackground#09a0be
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#3c3c3c
  • checkbox.border#0a0a0a0a
  • checkbox.foreground#d9d9d9
  • debugExceptionWidget.background#2b2d34c3
  • debugExceptionWidget.border#47474700
  • debugToolBar.background#2b2d34c3
  • debugToolBar.border#47474700
  • diffEditor.border#0000002c
  • diffEditor.insertedTextBackground#324f3be5
  • diffEditor.insertedTextBorder#396045
  • diffEditor.removedTextBackground#66121233
  • diffEditor.removedTextBorder#8a41417c
  • dropdown.background#3c3c3c
  • dropdown.border#0a0a0a0a
  • dropdown.foreground#d9d9d9
  • editor.background#202020
  • editor.findMatchBackground#55606de9
  • editor.findMatchBorder#ffffff12
  • editor.findMatchHighlightBackground#eaa50055
  • editor.findMatchHighlightBorder#ff909036
  • editor.findRangeHighlightBackground#434f5e60
  • editor.findRangeHighlightBorder#f2f2f200
  • editor.foldBackground#2831564d
  • editor.foreground#9ea4b2
  • editor.hoverHighlightBackground#a0cfff40
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#1110173c
  • editor.lineHighlightBorder#28282800
  • editor.rangeHighlightBackground#ff9b9b0b
  • editor.rangeHighlightBorder#ffffff0c
  • editor.selectionBackground#508bd344
  • editor.selectionHighlightBackground#ffadad28
  • editor.selectionHighlightBorder#ffffff46
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightBorder#ff000000
  • editor.wordHighlightStrongBackground#03679fb8
  • editor.wordHighlightStrongBorder#ff000000
  • editorBracketMatch.background#ff97281c
  • editorBracketMatch.border#ff9077
  • editorCodeLens.foreground#9ea19c9b
  • editorCursor.background#ffffff
  • editorCursor.foreground#6a86ff
  • editorError.background#7b444200
  • editorError.border#ffffff00
  • editorError.foreground#ff4620
  • editorGroup.border#00000070
  • editorGroup.emptyBackground#202020
  • editorGroupHeader.border#1d1d219f
  • editorGroupHeader.tabsBackground#2c2d30
  • editorGroupHeader.tabsBorder#ff787800
  • editorGutter.addedBackground#55ba0f
  • editorGutter.background#202020
  • editorGutter.commentRangeForeground#cbc4c4
  • editorGutter.deletedBackground#c41f26
  • editorGutter.foldingControlForeground#cbc4c4
  • editorGutter.modifiedBackground#26a8cd
  • editorHoverWidget.background#33353f
  • editorHoverWidget.border#474747
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#4c7880
  • editorIndentGuide.background#374464
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#5186b6
  • editorLineNumber.activeForeground#ffffff
  • editorLineNumber.foreground#8e8e8e
  • editorLink.activeForeground#54b2ff
  • editorMarkerNavigation.background#2d333b
  • editorMarkerNavigationError.background#8a4d4d
  • editorMarkerNavigationInfo.background#527fa7
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#5e5e5e00
  • editorOverviewRuler.border#c0afaf00
  • editorRuler.foreground#292c3e
  • editorSuggestWidget.background#22272e
  • editorSuggestWidget.border#45454544
  • editorSuggestWidget.foreground#8da5b6
  • editorSuggestWidget.highlightForeground#76bdd3
  • editorSuggestWidget.selectedBackground#313d5a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffe46c
  • editorWhitespace.foreground#fbfff829
  • editorWidget.background#313436
  • editorWidget.foreground#b8afaf
  • editorWidget.resizeBorder#ffffff54
  • focusBorder#00699d00
  • foreground#fff8f3
  • 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#fff8f3
  • input.background#3c3c3c
  • input.border#0a0a0a0a
  • input.foreground#d9d9d9
  • input.placeholderForeground#9b9b9b
  • inputOption.activeBackground#00000000
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#292a2c
  • list.activeSelectionForeground#17bee0
  • list.dropBackground#3235388d
  • list.focusBackground#313439
  • list.focusForeground#ffffff
  • list.highlightForeground#00b4d8
  • list.hoverBackground#333436
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#292a2c
  • list.inactiveSelectionForeground#00b4d8
  • listFilterWidget.background#0e8ea7
  • listFilterWidget.noMatchesOutline#47a1f06a
  • listFilterWidget.outline#c2c2c210
  • menu.background#28292cf1
  • menu.border#8a7b7b0c
  • menu.foreground#d3d0d0
  • menu.selectionBackground#4d4d4d
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#ffffff6c
  • menubar.selectionBackground#383838f7
  • 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#202020
  • minimap.errorHighlight#ff4620
  • minimap.findMatchHighlight#55606de9
  • minimap.selectionHighlight#508bd344
  • minimap.warningHighlight#ffe46c
  • minimapGutter.addedBackground#55ba0f
  • minimapGutter.deletedBackground#c41f26
  • minimapGutter.modifiedBackground#26a8cd
  • notificationCenter.border#47474700
  • notificationCenterHeader.background#25262a
  • notificationCenterHeader.foreground#fbfbfb
  • notifications.background#313439
  • notifications.border#30303102
  • notifications.foreground#ffffff
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#47474712
  • panel.background#323438f7
  • panel.border#00000046
  • panelSection.border#abababab
  • panelTitle.activeBorder#ffffff
  • panelTitle.activeForeground#00b4d8
  • panelTitle.inactiveForeground#c0c1ba
  • peekView.border#444c56
  • peekViewEditor.background#22272e
  • peekViewEditor.matchHighlightBackground#ee860028
  • peekViewEditor.matchHighlightBorder#ee931e7c
  • peekViewEditorGutter.background#292e36
  • peekViewResult.background#2d333b
  • peekViewResult.fileForeground#c9c9c9
  • peekViewResult.lineForeground#b4b4b4
  • peekViewResult.matchHighlightBackground#2e4c77
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#373e47
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#51517100
  • pickerGroup.foreground#90e0ef
  • progressBar.background#00b4d8
  • scrollbar.shadow#00000066
  • scrollbarSlider.activeBackground#31464b
  • scrollbarSlider.background#3d5256e3
  • scrollbarSlider.hoverBackground#3d5358
  • selection.background#d7c6c634
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#fff8f3
  • sideBar.background#313131
  • sideBar.border#1d1d1d6a
  • sideBar.dropBackground#3235388d
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#383838
  • sideBarSectionHeader.border#00000004
  • sideBarSectionHeader.foreground#cccccccc
  • sideBarTitle.foreground#b5b5b3
  • statusBar.background#222224
  • statusBar.border#28282816
  • statusBar.debuggingBackground#412b2b
  • statusBar.debuggingBorder#28282816
  • statusBar.debuggingForeground#f9f9f9
  • statusBar.foreground#e6e6e6
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderBorder#28282816
  • statusBar.noFolderForeground#e6e6e6
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#42736f
  • statusBarItem.remoteBackground#00b4d8
  • statusBarItem.remoteForeground#f5f5f5
  • tab.activeBackground#292a2c
  • tab.activeBorder#00b4d8
  • tab.activeBorderTop#5affb200
  • tab.activeForeground#ffffff
  • tab.border#25252600
  • tab.hoverBackground#313439
  • tab.hoverBorder#00000000
  • tab.hoverForeground#dedede
  • tab.inactiveBackground#242527
  • 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#abababab
  • terminal.foreground#fff8f3
  • terminal.selectionBackground#c3d5de2e
  • terminalCursor.background#0087ffd1
  • terminalCursor.foreground#ffffff
  • textLink.foreground#00b4d8
  • titleBar.activeBackground#2b2b2b
  • titleBar.activeForeground#e2e2e2
  • titleBar.border#00000000
  • titleBar.inactiveBackground#292a2c
  • titleBar.inactiveForeground#e2e2e2
  • tree.indentGuidesStroke#f5f5f58d
  • 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#5389e2
variable.other.generic-type.haskell#fd1cfc
storage.type.haskell#cf9961
support.variable.magic.python#5389e2
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#9ea4b2
variable.parameter.function.language.special.self.python#ec5757
storage.modifier.lifetime.rust#9ea4b2
support.function.std.rust#ba6fd1
entity.name.lifetime.rust#ec5757
variable.language.rust#5389e2
support.constant.edge#fd1cfc
constant.other.character-class.regexp#5389e2
keyword.operator.quantifier.regexp#cf9961
punctuation.definition.string.begin,punctuation.definition.string.end#5edb5b
variable.parameter.function#9ea4b2
comment markup.link#6b6c6f
markup.changed.diff#ec5757
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#ba6fd1
markup.inserted.diff#5edb5b
markup.deleted.diff#5389e2
meta.function.c,meta.function.cpp#5389e2
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#9ea4b2
punctuation.separator.key-value#9ea4b2
keyword.operator.expression.import#ba6fd1
support.constant.math#ec5757
support.constant.property.math#cf9961
variable.other.constant#ec5757
storage.type.annotation.java, storage.type.object.array.java#ec5757
source.java#5389e2
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#9ea4b2
meta.method.java#ba6fd1
storage.modifier.import.java,storage.type.java,storage.type.generic.java#ec5757
keyword.operator.instanceof.java#fd1cfc
meta.definition.variable.name.java#5389e2
keyword.operator.logical#14d2ea
keyword.operator.bitwise#14d2ea
keyword.operator.channel#14d2ea
support.constant.property-value.scss,support.constant.property-value.css#cf9961
keyword.operator.css,keyword.operator.scss,keyword.operator.less#14d2ea
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#cf9961
punctuation.separator.list.comma.css#9ea4b2
support.constant.color.w3c-standard-color-name.css#cf9961
support.type.vendored.property-name.css#14d2ea
support.module.node,support.type.object.module,support.module.node#ec5757
entity.name.type.module#ec5757
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#5389e2
support.constant.json#cf9961
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#fd1cfc
support.type.object.console#5389e2
support.variable.property.process#cf9961
entity.name.function,support.function.console#ba6fd1
keyword.operator.misc.rust#9ea4b2
keyword.operator.sigil.rust#fd1cfc
keyword.operator.delete#fd1cfc
support.type.object.dom#14d2ea
support.variable.dom,support.variable.property.dom#5389e2
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#14d2ea
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#fd1cfc
punctuation.separator.delimiter#9ea4b2
punctuation.separator.c,punctuation.separator.cpp#fd1cfc
support.type.posix-reserved.c,support.type.posix-reserved.cpp#14d2ea
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#fd1cfc
variable.parameter.function.language.python#cf9961
support.type.python#14d2ea
keyword.operator.logical.python#fd1cfc
variable.parameter.function.python#cf9961
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#9ea4b2
meta.function-call.generic.python#ba6fd1
constant.character.format.placeholder.other.python#cf9961
keyword.operator#9ea4b2
keyword.operator.assignment.compound#fd1cfc
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#14d2ea
keyword#fd1cfc
entity.name.namespace#ec5757
variable#5389e2
variable.c#9ea4b2
variable.language#ec5757
token.variable.parameter.java#9ea4b2
import.storage.java#ec5757
token.package.keyword#fd1cfc
token.package#9ea4b2
entity.name.function, meta.require, support.function.any-method, variable.function#ba6fd1
entity.name.type.namespace#ec5757
support.class, entity.name.type.class#ec5757
entity.name.class.identifier.namespace.type#ec5757
entity.name.class, variable.other.class.js, variable.other.class.ts#ec5757
variable.other.class.php#5389e2
entity.name.type#ec5757
keyword.control#fd1cfc
control.elements, keyword.operator.less#cf9961
keyword.other.special-method#ba6fd1
storage#fd1cfc
token.storage#fd1cfc
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#fd1cfc
token.storage.type.java#ec5757
support.function#14d2ea
support.type.property-name#9ea4b2
support.constant.property-value#9ea4b2
support.constant.font-name#cf9961
meta.tag#9ea4b2
string#5edb5b
entity.other.inherited-class#ec5757
constant.other.symbol#14d2ea
constant.numeric#cf9961
constant#cf9961
punctuation.definition.constant#cf9961
entity.name.tag#5389e2
entity.other.attribute-name#cf9961
entity.other.attribute-name.id#ba6fd1normal
entity.other.attribute-name.class.css#cf9961normal
meta.selector#fd1cfc
markup.heading#5389e2
markup.heading punctuation.definition.heading, entity.name.section#ba6fd1
keyword.other.unit#5389e2
markup.bold,todo.bold#cf9961
punctuation.definition.bold#ec5757
markup.italic, punctuation.definition.italic,todo.emphasis#fd1cfc
emphasis md#fd1cfc
entity.name.section.markdown#5389e2
punctuation.definition.heading.markdown#5389e2
punctuation.definition.list.begin.markdown#5389e2
markup.heading.setext#9ea4b2
punctuation.definition.bold.markdown#cf9961
markup.inline.raw.markdown#5edb5b
markup.inline.raw.string.markdown#5edb5b
punctuation.definition.list.markdown#5389e2
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#5389e2
beginning.punctuation.definition.list.markdown#5389e2
punctuation.definition.metadata.markdown#5389e2
markup.underline.link.markdown,markup.underline.link.image.markdown#fd1cfc
string.other.link.title.markdown,string.other.link.description.markdown#ba6fd1
string.regexp#14d2ea
constant.character.escape#14d2ea
punctuation.section.embedded, variable.interpolation#5389e2
punctuation.section.embedded.begin,punctuation.section.embedded.end#fd1cfc
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#9ea4b2
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#5389e2
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#5389e2
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#5edb5b
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#14d2ea
support.type.property-name.json#5389e2
support.type.property-name.json punctuation#5389e2
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#fd1cfc
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#fd1cfc
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#ec5757
keyword.operator.error-control.php#fd1cfc
keyword.operator.type.php#fd1cfc
punctuation.section.array.begin.php#9ea4b2
punctuation.section.array.end.php#9ea4b2
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#ec5757
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#ba6fd1
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#9ea4b2
support.constant.core.rust#cf9961
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#cf9961
entity.name.goto-label.php,support.other.php#ba6fd1
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#14d2ea
keyword.operator.regexp.php#fd1cfc
keyword.operator.comparison.php#14d2ea
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#fd1cfc
meta.function.decorator.python#ba6fd1
support.token.decorator.python,meta.function.decorator.identifier.python#14d2ea
function.parameter#9ea4b2
function.brace#9ea4b2
function.parameter.ruby, function.parameter.cs#9ea4b2
constant.language.symbol.ruby#14d2ea
rgb-value#14d2ea
inline-color-decoration rgb-value#cf9961
less rgb-value#cf9961
selector.sass#5389e2
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#ec5757
block.scope.end,block.scope.begin#9ea4b2
storage.type.cs#ec5757
entity.name.variable.local.cs#5389e2
token.info-token#ba6fd1
token.warn-token#cf9961
token.error-token#f44747
token.debug-token#fd1cfc
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#fd1cfc
meta.template.expression#9ea4b2
keyword.operator.module#fd1cfc
support.type.type.flowtype#ba6fd1
support.type.primitive#ec5757
meta.property.object#5389e2
variable.parameter.function.js#5389e2
keyword.other.template.begin#5edb5b
keyword.other.template.end#5edb5b
keyword.other.substitution.begin#5edb5b
keyword.other.substitution.end#5edb5b
keyword.operator.assignment#14d2ea
keyword.operator.assignment.go#ec5757
keyword.operator.arithmetic.go, keyword.operator.address.go#fd1cfc
entity.name.package.go#ec5757
support.type.prelude.elm#14d2ea
support.constant.elm#cf9961
punctuation.quasi.element#fd1cfc
constant.character.entity#5389e2
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#14d2ea
entity.global.clojure#ec5757
meta.symbol.clojure#5389e2
constant.keyword.clojure#14d2ea
meta.arguments.coffee, variable.parameter.function.coffee#5389e2
source.ini#5edb5b
meta.scope.prerequisites.makefile#5389e2
source.makefile#ec5757
storage.modifier.import.groovy#ec5757
meta.method.groovy#ba6fd1
meta.definition.variable.name.groovy#5389e2
meta.definition.class.inherited.classes.groovy#5edb5b
support.variable.semantic.hlsl#ec5757
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#fd1cfc
text.variable, text.bracketed#5389e2
support.type.swift, support.type.vb.asp#ec5757
entity.name.function.xi#ec5757
entity.name.class.xi#14d2ea
constant.character.character-class.regexp.xi#5389e2
constant.regexp.xi#fd1cfc
keyword.control.xi#14d2ea
invalid.xi#9ea4b2
beginning.punctuation.definition.quote.markdown.xi#5edb5b
beginning.punctuation.definition.list.markdown.xi#6b6c6f
constant.character.xi#ba6fd1
accent.xi#ba6fd1
wikiword.xi#cf9961
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#ec5757
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#5389e2
meta.brace.square#9ea4b2
comment, punctuation.definition.comment#6b6c6fitalic
markup.quote.markdown#6b6c6f
punctuation.definition.block.sequence.item.yaml#9ea4b2
constant.language.symbol.elixir#14d2ea
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...

Karrot theme by ooAkira - VS Code Theme