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#222224
  • activityBar.border#00000000
  • activityBar.foreground#e2e2e2
  • activityBar.inactiveForeground#939393
  • activityBarBadge.background#09d190
  • activityBarBadge.foreground#214048
  • badge.background#de3c3c
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#ffffff
  • breadcrumb.background#28282a
  • breadcrumb.focusForeground#ffffff
  • breadcrumb.foreground#b7babc
  • button.background#31b27a
  • button.foreground#ffffff
  • button.hoverBackground#3d946e
  • 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#292a2c
  • editor.findMatchBackground#55606de9
  • editor.findMatchBorder#ffffff12
  • editor.findMatchHighlightBackground#eaa50055
  • editor.findMatchHighlightBorder#ff909036
  • editor.findRangeHighlightBackground#434f5e60
  • editor.findRangeHighlightBorder#f2f2f200
  • editor.foldBackground#2831564d
  • editor.foreground#b4b4b4
  • 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#292a2c
  • editorGroupHeader.border#1d1d219f
  • editorGroupHeader.tabsBackground#2c2d30
  • editorGroupHeader.tabsBorder#ff787800
  • editorGutter.addedBackground#55ba0f
  • editorGutter.background#292a2c
  • 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#09d190
  • list.dropBackground#3235388d
  • list.focusBackground#313439
  • list.focusForeground#ffffff
  • list.highlightForeground#09d190
  • list.hoverBackground#333436
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#292a2c
  • list.inactiveSelectionForeground#09d190
  • listFilterWidget.background#5a3434
  • listFilterWidget.noMatchesOutline#f0564710
  • 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#292a2c
  • 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#323438ef
  • panel.border#00000046
  • panelSection.border#abababab
  • panelTitle.activeBorder#ffffff
  • panelTitle.activeForeground#08c796
  • 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#b0fde4
  • progressBar.background#c4fdf0
  • scrollbar.shadow#00000066
  • scrollbarSlider.activeBackground#3f606d
  • scrollbarSlider.background#2c4149
  • scrollbarSlider.hoverBackground#37474d
  • selection.background#d7c6c634
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#fff8f3
  • sideBar.background#242526
  • 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#16825d
  • statusBarItem.remoteForeground#f5f5f5
  • tab.activeBackground#292a2c
  • tab.activeBorder#5affb2
  • 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#00ff90
  • titleBar.activeBackground#242527
  • 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#ff8080
variable.other.generic-type.haskell#ca9856
storage.type.haskell#d784b1
support.variable.magic.python#ff8080
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#b4b4b4
variable.parameter.function.language.special.self.python#b6b6b6
storage.modifier.lifetime.rust#b4b4b4
support.function.std.rust#59b4ff
entity.name.lifetime.rust#b6b6b6
variable.language.rust#ff8080
support.constant.edge#ca9856
constant.other.character-class.regexp#ff8080
keyword.operator.quantifier.regexp#d784b1
punctuation.definition.string.begin,punctuation.definition.string.end#81c079
variable.parameter.function#b4b4b4
comment markup.link#6b6c6f
markup.changed.diff#b6b6b6
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#59b4ff
markup.inserted.diff#81c079
markup.deleted.diff#ff8080
meta.function.c,meta.function.cpp#ff8080
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#59b4ff
support.constant.math#b6b6b6
support.constant.property.math#d784b1
variable.other.constant#b6b6b6
storage.type.annotation.java, storage.type.object.array.java#b6b6b6
source.java#ff8080
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#59b4ff
storage.modifier.import.java,storage.type.java,storage.type.generic.java#b6b6b6
keyword.operator.instanceof.java#ca9856
meta.definition.variable.name.java#ff8080
keyword.operator.logical#3cc9c2
keyword.operator.bitwise#3cc9c2
keyword.operator.channel#3cc9c2
support.constant.property-value.scss,support.constant.property-value.css#d784b1
keyword.operator.css,keyword.operator.scss,keyword.operator.less#3cc9c2
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#d784b1
punctuation.separator.list.comma.css#b4b4b4
support.constant.color.w3c-standard-color-name.css#d784b1
support.type.vendored.property-name.css#3cc9c2
support.module.node,support.type.object.module,support.module.node#b6b6b6
entity.name.type.module#b6b6b6
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ff8080
support.constant.json#d784b1
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#ca9856
support.type.object.console#ff8080
support.variable.property.process#d784b1
entity.name.function,support.function.console#59b4ff
keyword.operator.misc.rust#b4b4b4
keyword.operator.sigil.rust#ca9856
keyword.operator.delete#ca9856
support.type.object.dom#3cc9c2
support.variable.dom,support.variable.property.dom#ff8080
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#3cc9c2
keyword.operator.assignment.c,keyword.operator.comparison.c,keyword.operator.c,keyword.operator.increment.c,keyword.operator.decrement.c,keyword.operator.bitwise.shift.c,keyword.operator.assignment.cpp,keyword.operator.comparison.cpp,keyword.operator.cpp,keyword.operator.increment.cpp,keyword.operator.decrement.cpp,keyword.operator.bitwise.shift.cpp#ca9856
punctuation.separator.delimiter#b4b4b4
punctuation.separator.c,punctuation.separator.cpp#ca9856
support.type.posix-reserved.c,support.type.posix-reserved.cpp#3cc9c2
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#ca9856
variable.parameter.function.language.python#d784b1
support.type.python#3cc9c2
keyword.operator.logical.python#ca9856
variable.parameter.function.python#d784b1
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#59b4ff
constant.character.format.placeholder.other.python#d784b1
keyword.operator#b4b4b4
keyword.operator.assignment.compound#ca9856
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#3cc9c2
keyword#ca9856
entity.name.namespace#b6b6b6
variable#ff8080
variable.c#b4b4b4
variable.language#b6b6b6
token.variable.parameter.java#b4b4b4
import.storage.java#b6b6b6
token.package.keyword#ca9856
token.package#b4b4b4
entity.name.function, meta.require, support.function.any-method, variable.function#59b4ff
entity.name.type.namespace#b6b6b6
support.class, entity.name.type.class#b6b6b6
entity.name.class.identifier.namespace.type#b6b6b6
entity.name.class, variable.other.class.js, variable.other.class.ts#b6b6b6
variable.other.class.php#ff8080
entity.name.type#b6b6b6
keyword.control#ca9856
control.elements, keyword.operator.less#d784b1
keyword.other.special-method#59b4ff
storage#ca9856
token.storage#ca9856
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#ca9856
token.storage.type.java#b6b6b6
support.function#3cc9c2
support.type.property-name#b4b4b4
support.constant.property-value#b4b4b4
support.constant.font-name#d784b1
meta.tag#b4b4b4
string#81c079
entity.other.inherited-class#b6b6b6
constant.other.symbol#3cc9c2
constant.numeric#d784b1
constant#d784b1
punctuation.definition.constant#d784b1
entity.name.tag#ff8080
entity.other.attribute-name#d784b1
entity.other.attribute-name.id#59b4ffnormal
entity.other.attribute-name.class.css#d784b1normal
meta.selector#ca9856
markup.heading#ff8080
markup.heading punctuation.definition.heading, entity.name.section#59b4ff
keyword.other.unit#ff8080
markup.bold,todo.bold#d784b1
punctuation.definition.bold#b6b6b6
markup.italic, punctuation.definition.italic,todo.emphasis#ca9856
emphasis md#ca9856
entity.name.section.markdown#ff8080
punctuation.definition.heading.markdown#ff8080
punctuation.definition.list.begin.markdown#ff8080
markup.heading.setext#b4b4b4
punctuation.definition.bold.markdown#d784b1
markup.inline.raw.markdown#81c079
markup.inline.raw.string.markdown#81c079
punctuation.definition.list.markdown#ff8080
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#ff8080
beginning.punctuation.definition.list.markdown#ff8080
punctuation.definition.metadata.markdown#ff8080
markup.underline.link.markdown,markup.underline.link.image.markdown#ca9856
string.other.link.title.markdown,string.other.link.description.markdown#59b4ff
string.regexp#3cc9c2
constant.character.escape#3cc9c2
punctuation.section.embedded, variable.interpolation#ff8080
punctuation.section.embedded.begin,punctuation.section.embedded.end#ca9856
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#ff8080
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ff8080
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#81c079
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#3cc9c2
support.type.property-name.json#ff8080
support.type.property-name.json punctuation#ff8080
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#ca9856
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#ca9856
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#b6b6b6
keyword.operator.error-control.php#ca9856
keyword.operator.type.php#ca9856
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#b6b6b6
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#59b4ff
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#d784b1
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#d784b1
entity.name.goto-label.php,support.other.php#59b4ff
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#3cc9c2
keyword.operator.regexp.php#ca9856
keyword.operator.comparison.php#3cc9c2
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#ca9856
meta.function.decorator.python#59b4ff
support.token.decorator.python,meta.function.decorator.identifier.python#3cc9c2
function.parameter#b4b4b4
function.brace#b4b4b4
function.parameter.ruby, function.parameter.cs#b4b4b4
constant.language.symbol.ruby#3cc9c2
rgb-value#3cc9c2
inline-color-decoration rgb-value#d784b1
less rgb-value#d784b1
selector.sass#ff8080
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#b6b6b6
block.scope.end,block.scope.begin#b4b4b4
storage.type.cs#b6b6b6
entity.name.variable.local.cs#ff8080
token.info-token#59b4ff
token.warn-token#d784b1
token.error-token#f44747
token.debug-token#ca9856
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#ca9856
meta.template.expression#b4b4b4
keyword.operator.module#ca9856
support.type.type.flowtype#59b4ff
support.type.primitive#b6b6b6
meta.property.object#ff8080
variable.parameter.function.js#ff8080
keyword.other.template.begin#81c079
keyword.other.template.end#81c079
keyword.other.substitution.begin#81c079
keyword.other.substitution.end#81c079
keyword.operator.assignment#3cc9c2
keyword.operator.assignment.go#b6b6b6
keyword.operator.arithmetic.go, keyword.operator.address.go#ca9856
entity.name.package.go#b6b6b6
support.type.prelude.elm#3cc9c2
support.constant.elm#d784b1
punctuation.quasi.element#ca9856
constant.character.entity#ff8080
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#3cc9c2
entity.global.clojure#b6b6b6
meta.symbol.clojure#ff8080
constant.keyword.clojure#3cc9c2
meta.arguments.coffee, variable.parameter.function.coffee#ff8080
source.ini#81c079
meta.scope.prerequisites.makefile#ff8080
source.makefile#b6b6b6
storage.modifier.import.groovy#b6b6b6
meta.method.groovy#59b4ff
meta.definition.variable.name.groovy#ff8080
meta.definition.class.inherited.classes.groovy#81c079
support.variable.semantic.hlsl#b6b6b6
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#ca9856
text.variable, text.bracketed#ff8080
support.type.swift, support.type.vb.asp#b6b6b6
entity.name.function.xi#b6b6b6
entity.name.class.xi#3cc9c2
constant.character.character-class.regexp.xi#ff8080
constant.regexp.xi#ca9856
keyword.control.xi#3cc9c2
invalid.xi#b4b4b4
beginning.punctuation.definition.quote.markdown.xi#81c079
beginning.punctuation.definition.list.markdown.xi#6b6c6f
constant.character.xi#59b4ff
accent.xi#59b4ff
wikiword.xi#d784b1
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#b6b6b6
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ff8080
meta.brace.square#b4b4b4
comment, punctuation.definition.comment#6b6c6fitalic
markup.quote.markdown#6b6c6f
punctuation.definition.block.sequence.item.yaml#b4b4b4
constant.language.symbol.elixir#3cc9c2
entity.other.attribute-name.js,entity.other.attribute-name.ts,entity.other.attribute-name.jsx,entity.other.attribute-name.tsx,variable.parameter,variable.language.superitalic
comment.line.double-slash,comment.block.documentationitalic
keyword.control.import.python,keyword.control.flow.pythonitalic
markup.italic.markdownitalic

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Karrot theme by ooAkira - VS Code Theme