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.background#282c34
  • activityBar.border#ff000000
  • activityBar.foreground#716f71
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#44596b
  • activityBarBadge.foreground#ffffff
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#282c34
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#ffffffcc
  • button.background#67a6e6
  • button.foreground#fffbfb
  • button.hoverBackground#1177bb
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#3c3c3c
  • 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#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#282c34
  • editor.findMatchBackground#696564
  • editor.findMatchBorder#475a6f
  • editor.findMatchHighlightBackground#c8bfb6
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#ffffff00
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#464646
  • editor.foreground#7c7c7c
  • editor.hoverHighlightBackground#4e6987
  • editor.inactiveSelectionBackground#2a3743
  • editor.lineHighlightBackground#ffffff00
  • editor.lineHighlightBorder#444547
  • editor.rangeHighlightBackground#ffffff00
  • editor.rangeHighlightBorder#464646
  • editor.selectionBackground#4e6987
  • editor.selectionHighlightBackground#bfc0c1
  • editor.selectionHighlightBorder#ffffff00
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightBorder#ffffff00
  • editor.wordHighlightStrongBackground#004972b8
  • editor.wordHighlightStrongBorder#ffffff00
  • editorBracketMatch.background#3e738f
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#bfc0c1
  • editorCursor.foreground#a0a0a0
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#444444
  • editorGroup.emptyBackground#282c34
  • editorGroupHeader.border#ff000000
  • editorGroupHeader.tabsBackground#282c34
  • editorGroupHeader.tabsBorder#ffffff00
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#282c34
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#2d2a2e
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#717171
  • editorIndentGuide.background#717171
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#050014
  • editorLineNumber.foreground#646b71
  • editorLink.activeForeground#4b7fd1
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#ffffff00
  • 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#252526
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5f5f5f
  • focusBorder#67a6e6
  • foreground#3675b6
  • 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#3675b6
  • input.background#3c3c3c
  • 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#383b3d54
  • list.focusBackground#3c3e42
  • list.focusForeground#bbbbbb
  • list.highlightForeground#9de79d
  • list.hoverBackground#34363800
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#67a6e6
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#9de79d
  • listFilterWidget.noMatchesOutline#ffffff00
  • listFilterWidget.outline#ffffff00
  • menu.background#2d2a2e
  • menu.border#00000078
  • menu.foreground#f7f7f7
  • menu.selectionBackground#67a6e6
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#f9f9f91a
  • menubar.selectionBorder#000000
  • menubar.selectionForeground#ffffff
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#282c34
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#696564
  • 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#80808059
  • panelSection.border#80808059
  • 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#67a6e6
  • scrollbar.shadow#2a2a2a
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#67a6e6
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#3675b6
  • sideBar.background#282c34
  • sideBar.border#ffffff00
  • sideBar.dropBackground#383b3d54
  • sideBar.foreground#bbbbbb
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#bbbbbb
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#67a6e6
  • statusBar.border#ffffff00
  • statusBar.debuggingBackground#eb525f
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#9de79d
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#40424700
  • tab.activeBorder#67a6e6
  • tab.activeBorderTop#cd1d1d00
  • tab.activeForeground#67a6e6
  • tab.border#73737300
  • tab.hoverBackground#ffffff00
  • tab.hoverBorder#3e3b3f
  • tab.hoverForeground#ffffff
  • tab.inactiveBackground#282c34
  • 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#80808059
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#2a516b
  • terminalCursor.foreground#ffffff
  • textLink.foreground#3794ff
  • titleBar.activeBackground#221f22
  • titleBar.activeForeground#716f71
  • titleBar.border#00000000
  • titleBar.inactiveBackground#221f22
  • titleBar.inactiveForeground#434143
  • tree.indentGuidesStroke#a5a5a5
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#0000005c

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#5c92c2
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#5c92c2
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#808080
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#5c92c2
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#5c92c2
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#5c92c2
keyword.operator.delete#5c92c2
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#5c92c2
punctuation.separator.delimiter#7c7c7c
punctuation.separator.c,punctuation.separator.cpp#5c92c2
support.type.posix-reserved.c,support.type.posix-reserved.cpp#be7386
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#5c92c2
variable.parameter.function.language.python#f7ac97
support.type.python#be7386
keyword.operator.logical.python#5c92c2
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#5c92c2
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#be7386
keyword#5c92c2
entity.name.namespace#a9b0bd
variable#92bfd1
variable.c#7c7c7c
variable.language#a9b0bd
token.variable.parameter.java#7c7c7c
import.storage.java#a9b0bd
token.package.keyword#5c92c2
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#5c92c2
control.elements, keyword.operator.less#f7ac97
keyword.other.special-method#f7e499
storage#5c92c2
token.storage#5c92c2
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#5c92c2
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#5c92c2
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#5c92c2
emphasis md#5c92c2
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#5c92c2
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#5c92c2
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#5c92c2
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#5c92c2
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#5c92c2
keyword.operator.type.php#5c92c2
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#5c92c2
keyword.operator.comparison.php#be7386
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#5c92c2
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#5c92c2
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#5c92c2
meta.template.expression#7c7c7c
keyword.operator.module#5c92c2
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#5c92c2
entity.name.package.go#a9b0bd
support.type.prelude.elm#be7386
support.constant.elm#f7ac97
punctuation.quasi.element#5c92c2
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#5c92c2
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#5c92c2
keyword.control.xi#be7386
invalid.xi#7c7c7c
beginning.punctuation.definition.quote.markdown.xi#4dbfa2
beginning.punctuation.definition.list.markdown.xi#808080
constant.character.xi#f7e499
accent.xi#f7e499
wikiword.xi#f7ac97
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#808080
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#808080italic
markup.quote.markdown#808080
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...

Goodnight by Matheus Piovezan - VS Code Theme