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#000000
  • activityBar.foreground#943d3d
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#943d3d
  • activityBarBadge.foreground#ffffff
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#000000
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#ff000046
  • button.foreground#ffffff
  • button.hoverBackground#ff00007e
  • button.secondaryBackground#000000
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#161819
  • checkbox.background#000000
  • checkbox.border#00000000
  • checkbox.foreground#ffffff
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#000000
  • dropdown.border#00000000
  • dropdown.foreground#ffffff
  • editor.background#1e1e1e
  • editor.findMatchBackground#ffffff28
  • editor.findMatchBorder#ff000046
  • editor.findMatchHighlightBackground#ffffff3a
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#bebebe
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#ff00001a
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#ff000050
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#ff000026
  • 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#444444
  • editorGroup.emptyBackground#1e1e1e
  • editorGroupHeader.tabsBackground#ff000046
  • editorGroupHeader.tabsBorder#000000
  • editorGutter.addedBackground#236212
  • editorGutter.background#1e1e1e
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#801e23
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c4454
  • editorHoverWidget.background#252526
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#ff00008b
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#ff5d5d
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#ff7e64
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#ffe778
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#000000
  • editorSuggestWidget.border#00000000
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#ff5d5d
  • editorSuggestWidget.selectedBackground#ff000046
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ff000093
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#131313
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#d400002e
  • foreground#ffffff
  • 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#ffffff
  • input.background#000000
  • input.border#00000000
  • input.foreground#ffffff
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#ff000046
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#ff000046
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#383b3d
  • list.focusBackground#000000
  • list.focusForeground#cccccc
  • list.highlightForeground#ff1f1f
  • list.hoverBackground#ff000046
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#b22e2e46
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#2c2c2c
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#252526
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#ff000046
  • 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#1e1e1e
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#ffffff28
  • minimap.selectionHighlight#ff00001a
  • minimap.warningHighlight#ff000093
  • minimapGutter.addedBackground#236212
  • minimapGutter.deletedBackground#801e23
  • minimapGutter.modifiedBackground#0c4454
  • notificationCenter.border#474747
  • notificationCenterHeader.background#303031
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#252526
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#ff2b00
  • notificationsInfoIcon.foreground#0087ff
  • notificationsWarningIcon.foreground#ff7800
  • notificationToast.border#474747
  • panel.background#000000
  • panel.border#00000059
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#ffffff
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#000000
  • peekViewEditor.background#151515
  • peekViewEditor.matchHighlightBackground#807a7499
  • peekViewEditor.matchHighlightBorder#d58c2f
  • peekViewEditorGutter.background#212121
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#c4793695
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#000000
  • pickerGroup.foreground#ff5d5d
  • progressBar.background#943d3d
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#6d6d6d
  • scrollbarSlider.background#4d4d4d
  • scrollbarSlider.hoverBackground#4d4d4d
  • selection.background#ff000046
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ffffff
  • sideBar.background#000000
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#d5d5d5
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#000000
  • statusBar.border#000000
  • statusBar.debuggingBackground#1b1816
  • statusBar.debuggingBorder#000000
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#312534
  • statusBar.noFolderBorder#000000
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#ff000046
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#000000
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#000000
  • tab.hoverBackground#1f1d1d
  • tab.inactiveBackground#ff000000
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#929292
  • 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#ff000046
  • terminalCursor.foreground#ffffff
  • textLink.foreground#ff5d5d
  • titleBar.activeBackground#000000
  • titleBar.activeForeground#ffffff
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#585858
  • 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#3bdebf
variable.other.generic-type.haskell#ffce83
storage.type.haskell#68b1f2
support.variable.magic.python#3bdebf
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#bebebe
variable.parameter.function.language.special.self.python#ff8888
storage.modifier.lifetime.rust#bebebe
support.function.std.rust#86c8ff
entity.name.lifetime.rust#ff8888
variable.language.rust#3bdebf
support.constant.edge#ffce83
constant.other.character-class.regexp#3bdebf
keyword.operator.quantifier.regexp#68b1f2
punctuation.definition.string.begin,punctuation.definition.string.end#80ff9a
variable.parameter.function#bebebe
comment markup.link#787b82
markup.changed.diff#ff8888
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#86c8ff
markup.inserted.diff#80ff9a
markup.deleted.diff#3bdebf
meta.function.c,meta.function.cpp#3bdebf
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#bebebe
punctuation.separator.key-value#bebebe
keyword.operator.expression.import#86c8ff
support.constant.math#ff8888
support.constant.property.math#68b1f2
variable.other.constant#ff8888
storage.type.annotation.java, storage.type.object.array.java#ff8888
source.java#3bdebf
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#bebebe
meta.method.java#86c8ff
storage.modifier.import.java,storage.type.java,storage.type.generic.java#ff8888
keyword.operator.instanceof.java#ffce83
meta.definition.variable.name.java#3bdebf
keyword.operator.logical#bababa
keyword.operator.bitwise#bababa
keyword.operator.channel#bababa
support.constant.property-value.scss,support.constant.property-value.css#68b1f2
keyword.operator.css,keyword.operator.scss,keyword.operator.less#bababa
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#68b1f2
punctuation.separator.list.comma.css#bebebe
support.constant.color.w3c-standard-color-name.css#68b1f2
support.type.vendored.property-name.css#bababa
support.module.node,support.type.object.module,support.module.node#ff8888
entity.name.type.module#ff8888
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#3bdebf
support.constant.json#68b1f2
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#ffce83
support.type.object.console#3bdebf
support.variable.property.process#68b1f2
entity.name.function,support.function.console#86c8ff
keyword.operator.misc.rust#bebebe
keyword.operator.sigil.rust#ffce83
keyword.operator.delete#ffce83
support.type.object.dom#bababa
support.variable.dom,support.variable.property.dom#3bdebf
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#bababa
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#ffce83
punctuation.separator.delimiter#bebebe
punctuation.separator.c,punctuation.separator.cpp#ffce83
support.type.posix-reserved.c,support.type.posix-reserved.cpp#bababa
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#ffce83
variable.parameter.function.language.python#68b1f2
support.type.python#bababa
keyword.operator.logical.python#ffce83
variable.parameter.function.python#68b1f2
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#bebebe
meta.function-call.generic.python#86c8ff
constant.character.format.placeholder.other.python#68b1f2
keyword.operator#bebebe
keyword.operator.assignment.compound#ffce83
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#bababa
keyword#ffce83
entity.name.namespace#ff8888
variable#3bdebf
variable.c#bebebe
variable.language#ff8888
token.variable.parameter.java#bebebe
import.storage.java#ff8888
token.package.keyword#ffce83
token.package#bebebe
entity.name.function, meta.require, support.function.any-method, variable.function#86c8ff
entity.name.type.namespace#ff8888
support.class, entity.name.type.class#ff8888
entity.name.class.identifier.namespace.type#ff8888
entity.name.class, variable.other.class.js, variable.other.class.ts#ff8888
variable.other.class.php#3bdebf
entity.name.type#ff8888
keyword.control#ffce83
control.elements, keyword.operator.less#68b1f2
keyword.other.special-method#86c8ff
storage#ffce83
token.storage#ffce83
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#ffce83
token.storage.type.java#ff8888
support.function#bababa
support.type.property-name#bebebe
support.constant.property-value#bebebe
support.constant.font-name#68b1f2
meta.tag#bebebe
string#80ff9a
entity.other.inherited-class#ff8888
constant.other.symbol#bababa
constant.numeric#68b1f2
constant#68b1f2
punctuation.definition.constant#68b1f2
entity.name.tag#3bdebf
entity.other.attribute-name#68b1f2
entity.other.attribute-name.id#86c8ffnormal
entity.other.attribute-name.class.css#68b1f2normal
meta.selector#ffce83
markup.heading#3bdebf
markup.heading punctuation.definition.heading, entity.name.section#86c8ff
keyword.other.unit#3bdebf
markup.bold,todo.bold#68b1f2
punctuation.definition.bold#ff8888
markup.italic, punctuation.definition.italic,todo.emphasis#ffce83
emphasis md#ffce83
entity.name.section.markdown#3bdebf
punctuation.definition.heading.markdown#3bdebf
punctuation.definition.list.begin.markdown#3bdebf
markup.heading.setext#bebebe
punctuation.definition.bold.markdown#68b1f2
markup.inline.raw.markdown#80ff9a
markup.inline.raw.string.markdown#80ff9a
punctuation.definition.list.markdown#3bdebf
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#3bdebf
beginning.punctuation.definition.list.markdown#3bdebf
punctuation.definition.metadata.markdown#3bdebf
markup.underline.link.markdown,markup.underline.link.image.markdown#ffce83
string.other.link.title.markdown,string.other.link.description.markdown#86c8ff
string.regexp#bababa
constant.character.escape#bababa
punctuation.section.embedded, variable.interpolation#3bdebf
punctuation.section.embedded.begin,punctuation.section.embedded.end#ffce83
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#bebebe
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#3bdebf
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#3bdebf
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#80ff9a
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#bababa
support.type.property-name.json#3bdebf
support.type.property-name.json punctuation#3bdebf
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#ffce83
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#ffce83
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#ff8888
keyword.operator.error-control.php#ffce83
keyword.operator.type.php#ffce83
punctuation.section.array.begin.php#bebebe
punctuation.section.array.end.php#bebebe
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#ff8888
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#86c8ff
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#bebebe
support.constant.core.rust#68b1f2
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#68b1f2
entity.name.goto-label.php,support.other.php#86c8ff
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#bababa
keyword.operator.regexp.php#ffce83
keyword.operator.comparison.php#bababa
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#ffce83
meta.function.decorator.python#86c8ff
support.token.decorator.python,meta.function.decorator.identifier.python#bababa
function.parameter#bebebe
function.brace#bebebe
function.parameter.ruby, function.parameter.cs#bebebe
constant.language.symbol.ruby#bababa
rgb-value#bababa
inline-color-decoration rgb-value#68b1f2
less rgb-value#68b1f2
selector.sass#3bdebf
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#ff8888
block.scope.end,block.scope.begin#bebebe
storage.type.cs#ff8888
entity.name.variable.local.cs#3bdebf
token.info-token#86c8ff
token.warn-token#68b1f2
token.error-token#f44747
token.debug-token#ffce83
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#ffce83
meta.template.expression#bebebe
keyword.operator.module#ffce83
support.type.type.flowtype#86c8ff
support.type.primitive#ff8888
meta.property.object#3bdebf
variable.parameter.function.js#3bdebf
keyword.other.template.begin#80ff9a
keyword.other.template.end#80ff9a
keyword.other.substitution.begin#80ff9a
keyword.other.substitution.end#80ff9a
keyword.operator.assignment#bababa
keyword.operator.assignment.go#ff8888
keyword.operator.arithmetic.go, keyword.operator.address.go#ffce83
entity.name.package.go#ff8888
support.type.prelude.elm#bababa
support.constant.elm#68b1f2
punctuation.quasi.element#ffce83
constant.character.entity#3bdebf
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#bababa
entity.global.clojure#ff8888
meta.symbol.clojure#3bdebf
constant.keyword.clojure#bababa
meta.arguments.coffee, variable.parameter.function.coffee#3bdebf
source.ini#80ff9a
meta.scope.prerequisites.makefile#3bdebf
source.makefile#ff8888
storage.modifier.import.groovy#ff8888
meta.method.groovy#86c8ff
meta.definition.variable.name.groovy#3bdebf
meta.definition.class.inherited.classes.groovy#80ff9a
support.variable.semantic.hlsl#ff8888
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#ffce83
text.variable, text.bracketed#3bdebf
support.type.swift, support.type.vb.asp#ff8888
entity.name.function.xi#ff8888
entity.name.class.xi#bababa
constant.character.character-class.regexp.xi#3bdebf
constant.regexp.xi#ffce83
keyword.control.xi#bababa
invalid.xi#bebebe
beginning.punctuation.definition.quote.markdown.xi#80ff9a
beginning.punctuation.definition.list.markdown.xi#787b82
constant.character.xi#86c8ff
accent.xi#86c8ff
wikiword.xi#68b1f2
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#787b82
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#ff8888
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#3bdebf
meta.brace.square#bebebe
comment, punctuation.definition.comment#787b82italic
markup.quote.markdown#787b82
punctuation.definition.block.sequence.item.yaml#bebebe
constant.language.symbol.elixir#bababa
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...

a-cup-of-coffee by Henri Lima - VS Code Theme