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#000000
  • activityBar.border#000000
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#7f848e
  • activityBarBadge.background#007acc
  • activityBarBadge.foreground#ffffff
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#000000
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#0e639c
  • button.foreground#ffffff
  • button.hoverBackground#1177bb
  • button.secondaryBackground#111111
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#11111178
  • checkbox.background#000000
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#111111
  • debugExceptionWidget.border#000000
  • debugToolBar.background#111111
  • debugToolBar.border#000000
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#b9b3552c
  • diffEditor.removedTextBackground#ff000022
  • dropdown.background#000000
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#000000
  • editor.findMatchBackground#001d7989
  • editor.findMatchBorder#74879f00
  • editor.findMatchHighlightBackground#ea000040
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#262b7840
  • editor.foreground#be4ee0
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#47474785
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#263a7862
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495f7700
  • editor.wordHighlightBackground#57575780
  • editor.wordHighlightStrongBackground#00677266
  • 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#00000000
  • editorGroup.emptyBackground#000000
  • editorGroupHeader.tabsBackground#000000
  • editorGutter.addedBackground#46b048
  • editorGutter.background#000000
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#ff5252
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#008ab2
  • editorHoverWidget.background#111111
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#111111
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • 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#0a0a0a
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5f5f5f
  • focusBorder#007fd4
  • 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#000000
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd4dd
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#094771
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#111111
  • list.focusBackground#062f4a
  • list.focusForeground#cccccc
  • list.highlightForeground#0097fb
  • list.hoverBackground#0a0a0a
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#111111
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#111111
  • listFilterWidget.noMatchesOutline#1d1d1d
  • listFilterWidget.outline#000000
  • menu.background#0a0a0a
  • menu.border#00000000
  • menu.foreground#868686
  • menu.selectionBackground#000000
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#000000
  • menubar.selectionBackground#0a0a0a
  • menubar.selectionForeground#f0caca
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#000000
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#001d7989
  • minimap.selectionHighlight#263a7862
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#46b048
  • minimapGutter.deletedBackground#ff5252
  • minimapGutter.modifiedBackground#008ab2
  • notificationCenter.border#000000
  • notificationCenterHeader.background#111111
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#0a0a0a
  • notifications.border#000000
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#00000000
  • panel.background#000000
  • panel.border#8080800a
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#000000
  • peekViewEditor.background#000d15
  • peekViewEditor.matchHighlightBackground#ff8f0030
  • peekViewEditor.matchHighlightBorder#ee931e00
  • peekViewEditorGutter.background#000d15
  • peekViewResult.background#000d15
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea000038
  • peekViewResult.selectionBackground#0800ff24
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#000000
  • pickerGroup.foreground#3794ff
  • progressBar.background#0e70c0
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#256aa7
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#000000
  • sideBar.border#ffffff00
  • sideBar.dropBackground#111111
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#000000
  • sideBarSectionHeader.border#cccccc00
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#000000
  • statusBar.debuggingBackground#110c09
  • statusBar.debuggingForeground#7f848e
  • statusBar.foreground#7f848e
  • statusBar.noFolderBackground#100613
  • statusBar.noFolderBorder#000000
  • statusBar.noFolderForeground#7f848e
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#000000
  • statusBarItem.remoteForeground#7f848e
  • tab.activeBackground#0a0a0a
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#000000
  • tab.hoverBackground#0a0a0a
  • tab.inactiveBackground#000000
  • 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#3794ff
  • titleBar.activeBackground#000000
  • titleBar.activeForeground#7f848e
  • titleBar.border#00000000
  • titleBar.inactiveBackground#000000
  • 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#ff639e
variable.other.generic-type.haskell#be4ee0
storage.type.haskell#eedb63
support.variable.magic.python#ff639e
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#be4ee0
variable.parameter.function.language.special.self.python#2faecd
storage.modifier.lifetime.rust#be4ee0
support.function.std.rust#486dff
entity.name.lifetime.rust#2faecd
variable.language.rust#ff639e
support.constant.edge#be4ee0
constant.other.character-class.regexp#ff639e
keyword.operator.quantifier.regexp#eedb63
punctuation.definition.string.begin,punctuation.definition.string.end#5aff7a
variable.parameter.function#be4ee0
comment markup.link#585858
markup.changed.diff#2faecd
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#486dff
markup.inserted.diff#5aff7a
markup.deleted.diff#ff639e
meta.function.c,meta.function.cpp#ff639e
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#be4ee0
punctuation.separator.key-value#be4ee0
keyword.operator.expression.import#486dff
support.constant.math#2faecd
support.constant.property.math#eedb63
variable.other.constant#2faecd
storage.type.annotation.java, storage.type.object.array.java#2faecd
source.java#ff639e
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#be4ee0
meta.method.java#486dff
storage.modifier.import.java,storage.type.java,storage.type.generic.java#2faecd
keyword.operator.instanceof.java#be4ee0
meta.definition.variable.name.java#ff639e
keyword.operator.logical#ff593e
keyword.operator.bitwise#ff593e
keyword.operator.channel#ff593e
support.constant.property-value.scss,support.constant.property-value.css#eedb63
keyword.operator.css,keyword.operator.scss,keyword.operator.less#ff593e
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#eedb63
punctuation.separator.list.comma.css#be4ee0
support.constant.color.w3c-standard-color-name.css#eedb63
support.type.vendored.property-name.css#ff593e
support.module.node,support.type.object.module,support.module.node#2faecd
entity.name.type.module#2faecd
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ff639e
support.constant.json#eedb63
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#be4ee0
support.type.object.console#ff639e
support.variable.property.process#eedb63
entity.name.function,support.function.console#486dff
keyword.operator.misc.rust#be4ee0
keyword.operator.sigil.rust#be4ee0
keyword.operator.delete#be4ee0
support.type.object.dom#ff593e
support.variable.dom,support.variable.property.dom#ff639e
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#ff593e
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#be4ee0
punctuation.separator.delimiter#be4ee0
punctuation.separator.c,punctuation.separator.cpp#be4ee0
support.type.posix-reserved.c,support.type.posix-reserved.cpp#ff593e
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#be4ee0
variable.parameter.function.language.python#eedb63
support.type.python#ff593e
keyword.operator.logical.python#be4ee0
variable.parameter.function.python#eedb63
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#be4ee0
meta.function-call.generic.python#486dff
constant.character.format.placeholder.other.python#eedb63
keyword.operator#be4ee0
keyword.operator.assignment.compound#be4ee0
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#ff593e
keyword#be4ee0
entity.name.namespace#2faecd
variable#ff639e
variable.c#be4ee0
variable.language#2faecd
token.variable.parameter.java#be4ee0
import.storage.java#2faecd
token.package.keyword#be4ee0
token.package#be4ee0
entity.name.function, meta.require, support.function.any-method, variable.function#486dff
entity.name.type.namespace#2faecd
support.class, entity.name.type.class#2faecd
entity.name.class.identifier.namespace.type#2faecd
entity.name.class, variable.other.class.js, variable.other.class.ts#2faecd
variable.other.class.php#ff639e
entity.name.type#2faecd
keyword.control#be4ee0
control.elements, keyword.operator.less#eedb63
keyword.other.special-method#486dff
storage#be4ee0
token.storage#be4ee0
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#be4ee0
token.storage.type.java#2faecd
support.function#ff593e
support.type.property-name#be4ee0
support.constant.property-value#be4ee0
support.constant.font-name#eedb63
meta.tag#be4ee0
string#5aff7a
entity.other.inherited-class#2faecd
constant.other.symbol#ff593e
constant.numeric#eedb63
constant#eedb63
punctuation.definition.constant#eedb63
entity.name.tag#ff639e
entity.other.attribute-name#eedb63
entity.other.attribute-name.id#486dffnormal
entity.other.attribute-name.class.css#eedb63normal
meta.selector#be4ee0
markup.heading#ff639e
markup.heading punctuation.definition.heading, entity.name.section#486dff
keyword.other.unit#ff639e
markup.bold,todo.bold#eedb63
punctuation.definition.bold#2faecd
markup.italic, punctuation.definition.italic,todo.emphasis#be4ee0
emphasis md#be4ee0
entity.name.section.markdown#ff639e
punctuation.definition.heading.markdown#ff639e
punctuation.definition.list.begin.markdown#ff639e
markup.heading.setext#be4ee0
punctuation.definition.bold.markdown#eedb63
markup.inline.raw.markdown#5aff7a
markup.inline.raw.string.markdown#5aff7a
punctuation.definition.list.markdown#ff639e
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#ff639e
beginning.punctuation.definition.list.markdown#ff639e
punctuation.definition.metadata.markdown#ff639e
markup.underline.link.markdown,markup.underline.link.image.markdown#be4ee0
string.other.link.title.markdown,string.other.link.description.markdown#486dff
string.regexp#ff593e
constant.character.escape#ff593e
punctuation.section.embedded, variable.interpolation#ff639e
punctuation.section.embedded.begin,punctuation.section.embedded.end#be4ee0
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#be4ee0
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#ff639e
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ff639e
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#5aff7a
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#ff593e
support.type.property-name.json#ff639e
support.type.property-name.json punctuation#ff639e
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#be4ee0
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#be4ee0
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#2faecd
keyword.operator.error-control.php#be4ee0
keyword.operator.type.php#be4ee0
punctuation.section.array.begin.php#be4ee0
punctuation.section.array.end.php#be4ee0
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#2faecd
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#486dff
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#be4ee0
support.constant.core.rust#eedb63
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#eedb63
entity.name.goto-label.php,support.other.php#486dff
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#ff593e
keyword.operator.regexp.php#be4ee0
keyword.operator.comparison.php#ff593e
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#be4ee0
meta.function.decorator.python#486dff
support.token.decorator.python,meta.function.decorator.identifier.python#ff593e
function.parameter#be4ee0
function.brace#be4ee0
function.parameter.ruby, function.parameter.cs#be4ee0
constant.language.symbol.ruby#ff593e
rgb-value#ff593e
inline-color-decoration rgb-value#eedb63
less rgb-value#eedb63
selector.sass#ff639e
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#2faecd
block.scope.end,block.scope.begin#be4ee0
storage.type.cs#2faecd
entity.name.variable.local.cs#ff639e
token.info-token#486dff
token.warn-token#eedb63
token.error-token#f44747
token.debug-token#be4ee0
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#be4ee0
meta.template.expression#be4ee0
keyword.operator.module#be4ee0
support.type.type.flowtype#486dff
support.type.primitive#2faecd
meta.property.object#ff639e
variable.parameter.function.js#ff639e
keyword.other.template.begin#5aff7a
keyword.other.template.end#5aff7a
keyword.other.substitution.begin#5aff7a
keyword.other.substitution.end#5aff7a
keyword.operator.assignment#ff593e
keyword.operator.assignment.go#2faecd
keyword.operator.arithmetic.go, keyword.operator.address.go#be4ee0
entity.name.package.go#2faecd
support.type.prelude.elm#ff593e
support.constant.elm#eedb63
punctuation.quasi.element#be4ee0
constant.character.entity#ff639e
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#ff593e
entity.global.clojure#2faecd
meta.symbol.clojure#ff639e
constant.keyword.clojure#ff593e
meta.arguments.coffee, variable.parameter.function.coffee#ff639e
source.ini#5aff7a
meta.scope.prerequisites.makefile#ff639e
source.makefile#2faecd
storage.modifier.import.groovy#2faecd
meta.method.groovy#486dff
meta.definition.variable.name.groovy#ff639e
meta.definition.class.inherited.classes.groovy#5aff7a
support.variable.semantic.hlsl#2faecd
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#be4ee0
text.variable, text.bracketed#ff639e
support.type.swift, support.type.vb.asp#2faecd
entity.name.function.xi#2faecd
entity.name.class.xi#ff593e
constant.character.character-class.regexp.xi#ff639e
constant.regexp.xi#be4ee0
keyword.control.xi#ff593e
invalid.xi#be4ee0
beginning.punctuation.definition.quote.markdown.xi#5aff7a
beginning.punctuation.definition.list.markdown.xi#585858
constant.character.xi#486dff
accent.xi#486dff
wikiword.xi#eedb63
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#585858
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#2faecd
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ff639e
meta.brace.square#be4ee0
comment, punctuation.definition.comment#585858italic
markup.quote.markdown#585858
punctuation.definition.block.sequence.item.yaml#be4ee0
constant.language.symbol.elixir#ff593e
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...

Underdark by Rolando Taipe - VS Code Theme