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#2b292c
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#837988fb
  • activityBarBadge.foreground#ffffff
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#161417
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#689420
  • button.foreground#ffffff
  • button.hoverBackground#bff16d2a
  • button.secondaryBackground#2b292c
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#2b292c
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#2b292c
  • debugExceptionWidget.border#2b292c
  • debugToolBar.background#2b292c
  • debugToolBar.border#2b292c
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#2b292c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#2b292c
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#252326c5
  • editor.foreground#d4d4d4
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#4a474bc5
  • editor.lineHighlightBorder#4a474bc5
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#bff16d2a
  • editor.selectionHighlightBackground#ffffff00
  • editor.selectionHighlightBorder#ffffff00
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightBorder#ff000016
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#201e21
  • editorGroup.emptyBackground#2b292c
  • editorGroupHeader.tabsBackground#2b292c
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#2b292c
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#252526
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#3a383b
  • editorIndentGuide.background#3a383b
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#3a383b
  • editorSuggestWidget.background#242126
  • editorSuggestWidget.border#242126
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#bff16d
  • editorSuggestWidget.selectedBackground#bff16d2a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#2b292c
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#bff16d2a
  • foreground#cccccc
  • 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#cccccc
  • input.background#2b292c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#bff16d2a
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#bff16d2a
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#2b292c62
  • list.focusBackground#2b292c
  • list.focusForeground#cccccc
  • list.highlightForeground#bff16d
  • list.hoverBackground#2b292c
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#2f3d18fb
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#2b292c
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#bff16d2a
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#2b292c
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#bff16d2a
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#2a2a2a
  • notificationCenterHeader.background#2a2a2a
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#252526
  • notifications.border#2a2a2a
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#2a2a2a
  • panel.background#161417
  • 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#2a2a2a
  • pickerGroup.foreground#bff16d
  • progressBar.background#bff16d
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#85848697
  • scrollbarSlider.background#2b292c76
  • scrollbarSlider.hoverBackground#2b292c9d
  • selection.background#bff16d64
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#161417
  • sideBar.dropBackground#2b292c62
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#2b292c
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#2b292c
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#2b292c
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#2b292c
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#2b292c
  • tab.inactiveBackground#2b292c
  • 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#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#bff16d
  • titleBar.activeBackground#2b292c
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#2b292c
  • 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#e24c97
variable.other.generic-type.haskell#e24c97
storage.type.haskell#bf79f9
support.variable.magic.python#e24c97
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d4d4d4
variable.parameter.function.language.special.self.python#6ef8ff
storage.modifier.lifetime.rust#d4d4d4
support.function.std.rust#6cbdff
entity.name.lifetime.rust#6ef8ff
variable.language.rust#e24c97
support.constant.edge#e24c97
constant.other.character-class.regexp#e24c97
keyword.operator.quantifier.regexp#bf79f9
punctuation.definition.string.begin,punctuation.definition.string.end#bff16d
variable.parameter.function#d4d4d4
comment markup.link#7f848e
markup.changed.diff#6ef8ff
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#6cbdff
markup.inserted.diff#bff16d
markup.deleted.diff#e24c97
meta.function.c,meta.function.cpp#e24c97
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#d4d4d4
punctuation.separator.key-value#d4d4d4
keyword.operator.expression.import#6cbdff
support.constant.math#6ef8ff
support.constant.property.math#bf79f9
variable.other.constant#6ef8ff
storage.type.annotation.java, storage.type.object.array.java#6ef8ff
source.java#e24c97
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#d4d4d4
meta.method.java#6cbdff
storage.modifier.import.java,storage.type.java,storage.type.generic.java#6ef8ff
keyword.operator.instanceof.java#e24c97
meta.definition.variable.name.java#e24c97
keyword.operator.logical#8189ff
keyword.operator.bitwise#8189ff
keyword.operator.channel#8189ff
support.constant.property-value.scss,support.constant.property-value.css#bf79f9
keyword.operator.css,keyword.operator.scss,keyword.operator.less#8189ff
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#bf79f9
punctuation.separator.list.comma.css#d4d4d4
support.constant.color.w3c-standard-color-name.css#bf79f9
support.type.vendored.property-name.css#8189ff
support.module.node,support.type.object.module,support.module.node#6ef8ff
entity.name.type.module#6ef8ff
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#e24c97
support.constant.json#bf79f9
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#e24c97
support.type.object.console#e24c97
support.variable.property.process#bf79f9
entity.name.function,support.function.console#6cbdff
keyword.operator.misc.rust#d4d4d4
keyword.operator.sigil.rust#e24c97
keyword.operator.delete#e24c97
support.type.object.dom#8189ff
support.variable.dom,support.variable.property.dom#e24c97
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#8189ff
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#e24c97
punctuation.separator.delimiter#d4d4d4
punctuation.separator.c,punctuation.separator.cpp#e24c97
support.type.posix-reserved.c,support.type.posix-reserved.cpp#8189ff
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#e24c97
variable.parameter.function.language.python#bf79f9
support.type.python#8189ff
keyword.operator.logical.python#e24c97
variable.parameter.function.python#bf79f9
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#d4d4d4
meta.function-call.generic.python#6cbdff
constant.character.format.placeholder.other.python#bf79f9
keyword.operator#d4d4d4
keyword.operator.assignment.compound#e24c97
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#8189ff
keyword#e24c97
entity.name.namespace#6ef8ff
variable#e24c97
variable.c#d4d4d4
variable.language#6ef8ff
token.variable.parameter.java#d4d4d4
import.storage.java#6ef8ff
token.package.keyword#e24c97
token.package#d4d4d4
entity.name.function, meta.require, support.function.any-method, variable.function#6cbdff
entity.name.type.namespace#6ef8ff
support.class, entity.name.type.class#6ef8ff
entity.name.class.identifier.namespace.type#6ef8ff
entity.name.class, variable.other.class.js, variable.other.class.ts#6ef8ff
variable.other.class.php#e24c97
entity.name.type#6ef8ff
keyword.control#e24c97
control.elements, keyword.operator.less#bf79f9
keyword.other.special-method#6cbdff
storage#e24c97
token.storage#e24c97
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#e24c97
token.storage.type.java#6ef8ff
support.function#8189ff
support.type.property-name#d4d4d4
support.constant.property-value#d4d4d4
support.constant.font-name#bf79f9
meta.tag#d4d4d4
string#bff16d
entity.other.inherited-class#6ef8ff
constant.other.symbol#8189ff
constant.numeric#bf79f9
constant#bf79f9
punctuation.definition.constant#bf79f9
entity.name.tag#e24c97
entity.other.attribute-name#bf79f9
entity.other.attribute-name.id#6cbdffnormal
entity.other.attribute-name.class.css#bf79f9normal
meta.selector#e24c97
markup.heading#e24c97
markup.heading punctuation.definition.heading, entity.name.section#6cbdff
keyword.other.unit#e24c97
markup.bold,todo.bold#bf79f9
punctuation.definition.bold#6ef8ff
markup.italic, punctuation.definition.italic,todo.emphasis#e24c97
emphasis md#e24c97
entity.name.section.markdown#e24c97
punctuation.definition.heading.markdown#e24c97
punctuation.definition.list.begin.markdown#e24c97
markup.heading.setext#d4d4d4
punctuation.definition.bold.markdown#bf79f9
markup.inline.raw.markdown#bff16d
markup.inline.raw.string.markdown#bff16d
punctuation.definition.list.markdown#e24c97
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#e24c97
beginning.punctuation.definition.list.markdown#e24c97
punctuation.definition.metadata.markdown#e24c97
markup.underline.link.markdown,markup.underline.link.image.markdown#e24c97
string.other.link.title.markdown,string.other.link.description.markdown#6cbdff
string.regexp#8189ff
constant.character.escape#8189ff
punctuation.section.embedded, variable.interpolation#e24c97
punctuation.section.embedded.begin,punctuation.section.embedded.end#e24c97
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#d4d4d4
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#e24c97
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#e24c97
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#bff16d
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#8189ff
support.type.property-name.json#e24c97
support.type.property-name.json punctuation#e24c97
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#e24c97
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#e24c97
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#6ef8ff
keyword.operator.error-control.php#e24c97
keyword.operator.type.php#e24c97
punctuation.section.array.begin.php#d4d4d4
punctuation.section.array.end.php#d4d4d4
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#6ef8ff
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#6cbdff
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#d4d4d4
support.constant.core.rust#bf79f9
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#bf79f9
entity.name.goto-label.php,support.other.php#6cbdff
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#8189ff
keyword.operator.regexp.php#e24c97
keyword.operator.comparison.php#8189ff
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#e24c97
meta.function.decorator.python#6cbdff
support.token.decorator.python,meta.function.decorator.identifier.python#8189ff
function.parameter#d4d4d4
function.brace#d4d4d4
function.parameter.ruby, function.parameter.cs#d4d4d4
constant.language.symbol.ruby#8189ff
rgb-value#8189ff
inline-color-decoration rgb-value#bf79f9
less rgb-value#bf79f9
selector.sass#e24c97
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#6ef8ff
block.scope.end,block.scope.begin#d4d4d4
storage.type.cs#6ef8ff
entity.name.variable.local.cs#e24c97
token.info-token#6cbdff
token.warn-token#bf79f9
token.error-token#f44747
token.debug-token#e24c97
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#e24c97
meta.template.expression#d4d4d4
keyword.operator.module#e24c97
support.type.type.flowtype#6cbdff
support.type.primitive#6ef8ff
meta.property.object#e24c97
variable.parameter.function.js#e24c97
keyword.other.template.begin#bff16d
keyword.other.template.end#bff16d
keyword.other.substitution.begin#bff16d
keyword.other.substitution.end#bff16d
keyword.operator.assignment#8189ff
keyword.operator.assignment.go#6ef8ff
keyword.operator.arithmetic.go, keyword.operator.address.go#e24c97
entity.name.package.go#6ef8ff
support.type.prelude.elm#8189ff
support.constant.elm#bf79f9
punctuation.quasi.element#e24c97
constant.character.entity#e24c97
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#8189ff
entity.global.clojure#6ef8ff
meta.symbol.clojure#e24c97
constant.keyword.clojure#8189ff
meta.arguments.coffee, variable.parameter.function.coffee#e24c97
source.ini#bff16d
meta.scope.prerequisites.makefile#e24c97
source.makefile#6ef8ff
storage.modifier.import.groovy#6ef8ff
meta.method.groovy#6cbdff
meta.definition.variable.name.groovy#e24c97
meta.definition.class.inherited.classes.groovy#bff16d
support.variable.semantic.hlsl#6ef8ff
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#e24c97
text.variable, text.bracketed#e24c97
support.type.swift, support.type.vb.asp#6ef8ff
entity.name.function.xi#6ef8ff
entity.name.class.xi#8189ff
constant.character.character-class.regexp.xi#e24c97
constant.regexp.xi#e24c97
keyword.control.xi#8189ff
invalid.xi#d4d4d4
beginning.punctuation.definition.quote.markdown.xi#bff16d
beginning.punctuation.definition.list.markdown.xi#7f848e
constant.character.xi#6cbdff
accent.xi#6cbdff
wikiword.xi#bf79f9
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#7f848e
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#6ef8ff
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#e24c97
meta.brace.square#d4d4d4
comment, punctuation.definition.comment#7f848eitalic
markup.quote.markdown#7f848e
punctuation.definition.block.sequence.item.yaml#d4d4d4
constant.language.symbol.elixir#8189ff
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...

Python Stereo by Nic Scott - VS Code Theme