Skip to main content
Coding Theme

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#1b1b1b
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#8a8a8a66
  • activityBarBadge.background#e8e8e8
  • activityBarBadge.foreground#212121
  • badge.background#d7d7d7
  • badge.foreground#212121
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#1e1e1e
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#212121
  • button.foreground#ffffff
  • button.hoverBackground#36a1ff
  • button.secondaryBackground#ffffff
  • button.secondaryForeground#888888
  • button.secondaryHoverBackground#45494e
  • checkbox.background#3c3c3c
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#212121
  • debugExceptionWidget.border#13131300
  • debugToolBar.background#212121
  • debugToolBar.border#13131300
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#191919
  • editor.findMatchBackground#515c6a00
  • editor.findMatchBorder#414141
  • editor.findMatchHighlightBackground#ea5c0000
  • editor.findMatchHighlightBorder#737373
  • editor.findRangeHighlightBackground#26272866
  • editor.findRangeHighlightBorder#99999900
  • editor.foldBackground#202326
  • editor.foreground#dedede
  • editor.hoverHighlightBackground#73737340
  • editor.inactiveSelectionBackground#292b2e
  • editor.lineHighlightBackground#202326
  • editor.lineHighlightBorder#28282812
  • editor.rangeHighlightBackground#ffffff00
  • editor.rangeHighlightBorder#00000002
  • editor.selectionBackground#2a2b2e
  • editor.selectionHighlightBackground#51647700
  • editor.selectionHighlightBorder#797979
  • editor.wordHighlightBackground#57575700
  • editor.wordHighlightBorder#717171
  • editor.wordHighlightStrongBackground#00497200
  • editor.wordHighlightStrongBorder#5a5a5a
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#662112
  • editorGroup.border#444444
  • editorGroup.emptyBackground#212121
  • editorGroupHeader.tabsBackground#202326
  • editorGutter.addedBackground#418a49
  • editorGutter.background#191919
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#212121
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#3f5c62
  • editorIndentGuide.background#343434
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#bf7bb6
  • editorLineNumber.foreground#605f5f
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#202326
  • editorMarkerNavigationError.background#ffad9c66
  • editorMarkerNavigationInfo.background#75beff7e
  • editorMarkerNavigationWarning.background#f7e38a80
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#282828
  • editorSuggestWidget.background#212121
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#0097fb
  • editorSuggestWidget.selectedBackground#20232674
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#252526
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#3c4754
  • focusBorder#007fd428
  • 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#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#383b3d
  • list.focusBackground#062f4a
  • list.focusForeground#cccccc
  • list.highlightForeground#0097fb
  • list.hoverBackground#1d1d1d
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#1b1b1b
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#252526
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#094771
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#202326
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#212121
  • minimap.errorHighlight#662112
  • minimap.findMatchHighlight#515c6a00
  • minimap.selectionHighlight#2a2b2e
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#418a49
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#1f1f1f
  • notificationCenterHeader.background#242424
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#252526
  • notifications.border#ebebec00
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#ff9afd
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#1b1b1b
  • panel.background#191919
  • panel.border#24242402
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#6d6d6d99
  • peekView.border#007acc80
  • peekViewEditor.background#202326
  • peekViewEditor.matchHighlightBackground#ff8f0000
  • peekViewEditor.matchHighlightBorder#e0e0e07a
  • peekViewEditorGutter.background#202326
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#3b4147
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3d3d3d00
  • pickerGroup.foreground#ffffff
  • progressBar.background#fffffffd
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#212121
  • scrollbarSlider.background#1f1f1f00
  • scrollbarSlider.hoverBackground#212121
  • selection.background#212121
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#202326
  • sideBar.border#280d0d00
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#848484
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc00
  • sideBarSectionHeader.foreground#1a72c0
  • sideBarTitle.foreground#5397d3
  • statusBar.background#1f1f1f
  • statusBar.debuggingBackground#000000
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#272c30
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#202326
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#191919
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#25252600
  • tab.hoverBackground#212121
  • tab.inactiveBackground#42424300
  • tab.inactiveForeground#8e8e8e80
  • 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#60606040
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#3794ff
  • titleBar.activeBackground#191919
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#191919
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#585858
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#212121

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

Vaporizer Dark & Light Themes - Coding Theme