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#000141
  • activityBar.background#000815
  • activityBar.border#000273
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#000273
  • activityBarBadge.foreground#ffffff
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#030c1b
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#0e639c
  • button.foreground#ffffff
  • button.hoverBackground#1177bb
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#3c3c3c
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#00060f
  • debugExceptionWidget.border#47474700
  • debugToolBar.background#00060f
  • debugToolBar.border#47474700
  • diffEditor.border#303132
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#000b1d
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#0087ff
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#264f78
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • 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#44444400
  • editorGroup.emptyBackground#000b1d
  • editorGroupHeader.tabsBackground#000815
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#030c1b
  • editorGutter.commentRangeForeground#a179fb
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#a179fb
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#00060f
  • editorHoverWidget.border#45454500
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#a179fb
  • editorLineNumber.foreground#d4c1ff62
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#00060f
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#00060f
  • editorSuggestWidget.border#45454500
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#0097fb
  • editorSuggestWidget.selectedBackground#062f4a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#00060f
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5f5f5f00
  • focusBorder#004573
  • 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#3c3c3c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#094771
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#00050d
  • list.focusBackground#062f4a
  • list.focusForeground#cccccc
  • list.highlightForeground#0097fb
  • list.hoverBackground#09477160
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#001275
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#00060f
  • menu.border#00000000
  • menu.foreground#cccccc
  • menu.selectionBackground#094771
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb24
  • 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#000b1d
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#264f78
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#474747
  • notificationCenterHeader.background#303031
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#252526
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#474747
  • panel.background#000815
  • 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#3f3f4600
  • pickerGroup.foreground#3794ff
  • progressBar.background#004680
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#00060f
  • scrollbarSlider.hoverBackground#00050d
  • selection.background#0059a7
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ffffff
  • sideBar.background#000e24
  • sideBar.border#ff000000
  • sideBar.dropBackground#00050d
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc00
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#a179fb
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#002d79
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#00112a
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#00000000
  • tab.inactiveBackground#000815
  • 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#000e24
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#58585800
  • 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#52ffff
variable.other.generic-type.haskell#ff6e6e
storage.type.haskell#ff9d34
support.variable.magic.python#52ffff
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#0087ff
variable.parameter.function.language.special.self.python#01ff83
storage.modifier.lifetime.rust#0087ff
support.function.std.rust#f473ff
entity.name.lifetime.rust#01ff83
variable.language.rust#52ffff
support.constant.edge#ff6e6e
constant.other.character-class.regexp#52ffff
keyword.operator.quantifier.regexp#ff9d34
punctuation.definition.string.begin,punctuation.definition.string.end#ffffff
variable.parameter.function#0087ff
comment markup.link#8e8e8e
markup.changed.diff#01ff83
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#f473ff
markup.inserted.diff#ffffff
markup.deleted.diff#52ffff
meta.function.c,meta.function.cpp#52ffff
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#0087ff
punctuation.separator.key-value#0087ff
keyword.operator.expression.import#f473ff
support.constant.math#01ff83
support.constant.property.math#ff9d34
variable.other.constant#01ff83
storage.type.annotation.java, storage.type.object.array.java#01ff83
source.java#52ffff
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#0087ff
meta.method.java#f473ff
storage.modifier.import.java,storage.type.java,storage.type.generic.java#01ff83
keyword.operator.instanceof.java#ff6e6e
meta.definition.variable.name.java#52ffff
keyword.operator.logical#c1b8ff
keyword.operator.bitwise#c1b8ff
keyword.operator.channel#c1b8ff
support.constant.property-value.scss,support.constant.property-value.css#ff9d34
keyword.operator.css,keyword.operator.scss,keyword.operator.less#c1b8ff
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#ff9d34
punctuation.separator.list.comma.css#0087ff
support.constant.color.w3c-standard-color-name.css#ff9d34
support.type.vendored.property-name.css#c1b8ff
support.module.node,support.type.object.module,support.module.node#01ff83
entity.name.type.module#01ff83
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#52ffff
support.constant.json#ff9d34
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#ff6e6e
support.type.object.console#52ffff
support.variable.property.process#ff9d34
entity.name.function,support.function.console#f473ff
keyword.operator.misc.rust#0087ff
keyword.operator.sigil.rust#ff6e6e
keyword.operator.delete#ff6e6e
support.type.object.dom#c1b8ff
support.variable.dom,support.variable.property.dom#52ffff
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#c1b8ff
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#ff6e6e
punctuation.separator.delimiter#0087ff
punctuation.separator.c,punctuation.separator.cpp#ff6e6e
support.type.posix-reserved.c,support.type.posix-reserved.cpp#c1b8ff
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#ff6e6e
variable.parameter.function.language.python#ff9d34
support.type.python#c1b8ff
keyword.operator.logical.python#ff6e6e
variable.parameter.function.python#ff9d34
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#0087ff
meta.function-call.generic.python#f473ff
constant.character.format.placeholder.other.python#ff9d34
keyword.operator#0087ff
keyword.operator.assignment.compound#ff6e6e
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#c1b8ff
keyword#ff6e6e
entity.name.namespace#01ff83
variable#52ffff
variable.c#0087ff
variable.language#01ff83
token.variable.parameter.java#0087ff
import.storage.java#01ff83
token.package.keyword#ff6e6e
token.package#0087ff
entity.name.function, meta.require, support.function.any-method, variable.function#f473ff
entity.name.type.namespace#01ff83
support.class, entity.name.type.class#01ff83
entity.name.class.identifier.namespace.type#01ff83
entity.name.class, variable.other.class.js, variable.other.class.ts#01ff83
variable.other.class.php#52ffff
entity.name.type#01ff83
keyword.control#ff6e6e
control.elements, keyword.operator.less#ff9d34
keyword.other.special-method#f473ff
storage#ff6e6e
token.storage#ff6e6e
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#ff6e6e
token.storage.type.java#01ff83
support.function#c1b8ff
support.type.property-name#0087ff
support.constant.property-value#0087ff
support.constant.font-name#ff9d34
meta.tag#0087ff
string#ffffff
entity.other.inherited-class#01ff83
constant.other.symbol#c1b8ff
constant.numeric#ff9d34
constant#ff9d34
punctuation.definition.constant#ff9d34
entity.name.tag#52ffff
entity.other.attribute-name#ff9d34
entity.other.attribute-name.id#f473ffnormal
entity.other.attribute-name.class.css#ff9d34normal
meta.selector#ff6e6e
markup.heading#52ffff
markup.heading punctuation.definition.heading, entity.name.section#f473ff
keyword.other.unit#52ffff
markup.bold,todo.bold#ff9d34
punctuation.definition.bold#01ff83
markup.italic, punctuation.definition.italic,todo.emphasis#ff6e6e
emphasis md#ff6e6e
entity.name.section.markdown#52ffff
punctuation.definition.heading.markdown#52ffff
punctuation.definition.list.begin.markdown#52ffff
markup.heading.setext#0087ff
punctuation.definition.bold.markdown#ff9d34
markup.inline.raw.markdown#ffffff
markup.inline.raw.string.markdown#ffffff
punctuation.definition.list.markdown#52ffff
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#52ffff
beginning.punctuation.definition.list.markdown#52ffff
punctuation.definition.metadata.markdown#52ffff
markup.underline.link.markdown,markup.underline.link.image.markdown#ff6e6e
string.other.link.title.markdown,string.other.link.description.markdown#f473ff
string.regexp#c1b8ff
constant.character.escape#c1b8ff
punctuation.section.embedded, variable.interpolation#52ffff
punctuation.section.embedded.begin,punctuation.section.embedded.end#ff6e6e
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#0087ff
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#52ffff
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#52ffff
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#ffffff
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#c1b8ff
support.type.property-name.json#52ffff
support.type.property-name.json punctuation#52ffff
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#ff6e6e
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#ff6e6e
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#01ff83
keyword.operator.error-control.php#ff6e6e
keyword.operator.type.php#ff6e6e
punctuation.section.array.begin.php#0087ff
punctuation.section.array.end.php#0087ff
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#01ff83
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#f473ff
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#0087ff
support.constant.core.rust#ff9d34
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#ff9d34
entity.name.goto-label.php,support.other.php#f473ff
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#c1b8ff
keyword.operator.regexp.php#ff6e6e
keyword.operator.comparison.php#c1b8ff
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#ff6e6e
meta.function.decorator.python#f473ff
support.token.decorator.python,meta.function.decorator.identifier.python#c1b8ff
function.parameter#0087ff
function.brace#0087ff
function.parameter.ruby, function.parameter.cs#0087ff
constant.language.symbol.ruby#c1b8ff
rgb-value#c1b8ff
inline-color-decoration rgb-value#ff9d34
less rgb-value#ff9d34
selector.sass#52ffff
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#01ff83
block.scope.end,block.scope.begin#0087ff
storage.type.cs#01ff83
entity.name.variable.local.cs#52ffff
token.info-token#f473ff
token.warn-token#ff9d34
token.error-token#f44747
token.debug-token#ff6e6e
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#ff6e6e
meta.template.expression#0087ff
keyword.operator.module#ff6e6e
support.type.type.flowtype#f473ff
support.type.primitive#01ff83
meta.property.object#52ffff
variable.parameter.function.js#52ffff
keyword.other.template.begin#ffffff
keyword.other.template.end#ffffff
keyword.other.substitution.begin#ffffff
keyword.other.substitution.end#ffffff
keyword.operator.assignment#c1b8ff
keyword.operator.assignment.go#01ff83
keyword.operator.arithmetic.go, keyword.operator.address.go#ff6e6e
entity.name.package.go#01ff83
support.type.prelude.elm#c1b8ff
support.constant.elm#ff9d34
punctuation.quasi.element#ff6e6e
constant.character.entity#52ffff
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#c1b8ff
entity.global.clojure#01ff83
meta.symbol.clojure#52ffff
constant.keyword.clojure#c1b8ff
meta.arguments.coffee, variable.parameter.function.coffee#52ffff
source.ini#ffffff
meta.scope.prerequisites.makefile#52ffff
source.makefile#01ff83
storage.modifier.import.groovy#01ff83
meta.method.groovy#f473ff
meta.definition.variable.name.groovy#52ffff
meta.definition.class.inherited.classes.groovy#ffffff
support.variable.semantic.hlsl#01ff83
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#ff6e6e
text.variable, text.bracketed#52ffff
support.type.swift, support.type.vb.asp#01ff83
entity.name.function.xi#01ff83
entity.name.class.xi#c1b8ff
constant.character.character-class.regexp.xi#52ffff
constant.regexp.xi#ff6e6e
keyword.control.xi#c1b8ff
invalid.xi#0087ff
beginning.punctuation.definition.quote.markdown.xi#ffffff
beginning.punctuation.definition.list.markdown.xi#8e8e8e
constant.character.xi#f473ff
accent.xi#f473ff
wikiword.xi#ff9d34
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#8e8e8e
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#01ff83
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#52ffff
meta.brace.square#0087ff
comment, punctuation.definition.comment#8e8e8eitalic
markup.quote.markdown#8e8e8e
punctuation.definition.block.sequence.item.yaml#0087ff
constant.language.symbol.elixir#c1b8ff
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...

Omni + Dracula + Dark by Wellington-A - VS Code Theme