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#000000
  • activityBar.background#0a0a0a
  • activityBar.border#00000000
  • activityBar.foreground#bbbbbb
  • activityBar.inactiveForeground#555555
  • activityBarBadge.background#6420fb
  • activityBarBadge.foreground#ffffff
  • badge.background#515bd4
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e6b02f
  • breadcrumb.background#000000
  • breadcrumb.focusForeground#e6b02f
  • breadcrumb.foreground#797bff
  • button.background#4f49f2
  • button.foreground#ffffff
  • button.hoverBackground#5a64f7
  • button.secondaryBackground#222222
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#333333
  • checkbox.background#262626
  • checkbox.border#1f1f1f00
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#111111
  • debugExceptionWidget.border#00000000
  • debugToolBar.background#111111
  • debugToolBar.border#00000000
  • diffEditor.border#00000000
  • diffEditor.insertedTextBackground#7d964333
  • diffEditor.insertedTextBorder#e2ba8e
  • diffEditor.removedTextBackground#ff4e4e33
  • diffEditor.removedTextBorder#b4534f8b
  • dropdown.background#262626
  • dropdown.border#1f1f1f00
  • dropdown.foreground#cccccc
  • editor.background#000000
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f00
  • editor.findMatchHighlightBackground#eaa50055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#66666630
  • editor.findRangeHighlightBorder#f2f2f200
  • editor.foldBackground#2831564d
  • editor.foreground#bea0ff
  • editor.hoverHighlightBackground#a0cfff40
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#1110173c
  • editor.lineHighlightBorder#28282800
  • editor.rangeHighlightBackground#f96f6f0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#222222
  • editor.selectionHighlightBackground#ffadad26
  • editor.selectionHighlightBorder#00000000
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightBorder#ff000000
  • editor.wordHighlightStrongBackground#03679fb8
  • editor.wordHighlightStrongBorder#ff000000
  • editorBracketMatch.background#ff97281c
  • editorBracketMatch.border#ff9077
  • editorCodeLens.foreground#9ea19c9b
  • editorCursor.background#111111
  • editorCursor.foreground#b3b4b2
  • editorError.background#7b444200
  • editorError.border#ffffff00
  • editorError.foreground#ff0000
  • editorGroup.border#00000070
  • editorGroup.emptyBackground#000000
  • editorGroupHeader.border#00000000
  • editorGroupHeader.tabsBackground#080808
  • editorGroupHeader.tabsBorder#ff787800
  • editorGutter.addedBackground#d7b83d
  • editorGutter.background#000000
  • editorGutter.commentRangeForeground#eeeeee
  • editorGutter.deletedBackground#c41f26
  • editorGutter.foldingControlForeground#eeeeee
  • editorGutter.modifiedBackground#5467ff
  • editorHoverWidget.background#151515
  • editorHoverWidget.border#00000000
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#222222
  • editorIndentGuide.background#111111
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#4c74d3
  • editorLineNumber.activeForeground#b0b1ff
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#54b2ff
  • editorMarkerNavigation.background#111111
  • editorMarkerNavigationError.background#ff5353
  • editorMarkerNavigationInfo.background#6dbaff
  • editorMarkerNavigationWarning.background#ffdb4d
  • editorOverviewRuler.background#0606066e
  • editorOverviewRuler.border#141414
  • editorRuler.foreground#292c3e
  • editorSuggestWidget.background#111111
  • editorSuggestWidget.border#45454544
  • editorSuggestWidget.foreground#7e789b
  • editorSuggestWidget.highlightForeground#d7c42a
  • editorSuggestWidget.selectedBackground#19172c
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#f9cb00
  • editorWhitespace.foreground#222222
  • editorWidget.background#111111
  • editorWidget.foreground#a3a3a3
  • editorWidget.resizeBorder#ffffff00
  • focusBorder#4752ff58
  • foreground#8d5ae8
  • gitDecoration.addedResourceForeground#a1cfff
  • gitDecoration.conflictingResourceForeground#f20b00
  • gitDecoration.deletedResourceForeground#c99037
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#8e77ff
  • gitDecoration.stageDeletedResourceForeground#d19d23
  • gitDecoration.stageModifiedResourceForeground#8644fb
  • gitDecoration.submoduleResourceForeground#8d96e2
  • gitDecoration.untrackedResourceForeground#dedede
  • icon.foreground#8d5ae8
  • input.background#262626
  • input.border#1f1f1f00
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#233280
  • inputOption.activeBorder#00000000
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#111111
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#000000
  • list.focusBackground#4842f7
  • list.focusForeground#ffffff
  • list.highlightForeground#ffc30e
  • list.hoverBackground#111111
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#000000
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#000000
  • listFilterWidget.noMatchesOutline#00000000
  • listFilterWidget.outline#00000000
  • menu.background#1d1d1d
  • menu.border#8a7b7b00
  • menu.foreground#dddddd
  • menu.selectionBackground#6426ec
  • menu.selectionBorder#00000000
  • menu.selectionForeground#cfae49
  • menu.separatorBackground#4f677b54
  • menubar.selectionBackground#1f1f1f
  • menubar.selectionBorder#e60f0f00
  • menubar.selectionForeground#ffffff
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#202134
  • merge.currentHeaderBackground#b8ac4f
  • merge.incomingContentBackground#363621
  • merge.incomingHeaderBackground#b8ac4f
  • minimap.background#000000
  • minimap.errorHighlight#ff0000
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#222222
  • minimap.warningHighlight#f9cb00
  • minimapGutter.addedBackground#d7b83d
  • minimapGutter.deletedBackground#c41f26
  • minimapGutter.modifiedBackground#5467ff
  • notificationCenter.border#00000000
  • notificationCenterHeader.background#0a0a0a
  • notificationCenterHeader.foreground#fbfbfb
  • notifications.background#111111
  • notifications.border#00000000
  • notifications.foreground#c0c0c0
  • notificationsErrorIcon.foreground#ff0000
  • notificationsInfoIcon.foreground#4e82fb
  • notificationsWarningIcon.foreground#ffcb00
  • notificationToast.border#47474700
  • panel.background#000000
  • panel.border#080808b5
  • panelSection.border#00000000
  • panelTitle.activeBorder#ffdc98
  • panelTitle.activeForeground#9b6dff
  • panelTitle.inactiveForeground#999999
  • peekView.border#7bb4d900
  • peekViewEditor.background#222222
  • peekViewEditor.matchHighlightBackground#ffb30050
  • peekViewEditor.matchHighlightBorder#00000000
  • peekViewEditorGutter.background#222222
  • peekViewResult.background#111111
  • peekViewResult.fileForeground#8a74f5
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ffd3254d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#111111
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffd11b
  • pickerGroup.border#00000000
  • pickerGroup.foreground#d9c492
  • progressBar.background#6c29ff
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#61579f
  • scrollbarSlider.background#9d9d9d
  • scrollbarSlider.hoverBackground#1d1a30
  • selection.background#7553ee
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#8d5ae8
  • sideBar.background#0a0a0a
  • sideBar.border#00000000
  • sideBar.dropBackground#000000
  • sideBar.foreground#777777
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#00000000
  • sideBarSectionHeader.foreground#a18dff
  • sideBarTitle.foreground#ffbc1e
  • statusBar.background#0a0a0a
  • statusBar.border#0a0a0a
  • statusBar.debuggingBackground#d79820
  • statusBar.debuggingBorder#0a0a0a
  • statusBar.debuggingForeground#3301e2
  • statusBar.foreground#a05fff
  • statusBar.noFolderBackground#531c79
  • statusBar.noFolderBorder#0a0a0a
  • statusBar.noFolderForeground#eea13d
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#0a0a0a
  • statusBarItem.remoteForeground#777777
  • tab.activeBackground#000000
  • tab.activeBorder#693ce6
  • tab.activeBorderTop#00000000
  • tab.activeForeground#eec971
  • tab.border#25252600
  • tab.hoverBackground#191919
  • tab.hoverBorder#8825ff00
  • tab.hoverForeground#ffb300
  • tab.inactiveBackground#080808
  • tab.inactiveForeground#c9c9c9
  • 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#00000000
  • terminal.foreground#f2f2f2
  • terminal.selectionBackground#908ade40
  • terminalCursor.background#303030
  • terminalCursor.foreground#ffffff
  • textLink.foreground#fdb121
  • titleBar.activeBackground#000000
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#0a0a0a
  • titleBar.inactiveForeground#999999
  • tree.indentGuidesStroke#333333
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000054

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

Purple(Deep-Black); by Fishappy0 - VS Code Theme