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#000000
  • activityBar.border#f41459
  • activityBar.foreground#00b7ff
  • activityBar.inactiveForeground#f41459
  • activityBarBadge.background#00b7ff
  • activityBarBadge.foreground#363535
  • badge.background#00f3ff
  • badge.foreground#f41459
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#000000
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#6cf1ff
  • button.foreground#000000
  • button.hoverBackground#f4c614
  • button.secondaryBackground#f41459
  • button.secondaryForeground#000000
  • button.secondaryHoverBackground#ffbf00
  • checkbox.background#3c3c3c
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#000000
  • debugExceptionWidget.border#f41459
  • debugToolBar.background#000000
  • debugToolBar.border#f41459
  • diffEditor.border#de2e2e00
  • diffEditor.insertedTextBackground#9036fd33
  • diffEditor.insertedTextBorder#ffa70000
  • diffEditor.removedTextBackground#f414593c
  • diffEditor.removedTextBorder#ffffff00
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#060002
  • editor.findMatchBackground#515c6a00
  • editor.findMatchBorder#00fff3
  • editor.findMatchHighlightBackground#ea5c0000
  • editor.findMatchHighlightBorder#5c00ff
  • editor.findRangeHighlightBackground#28272766
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#0000004d
  • editor.foreground#21b8f2
  • editor.hoverHighlightBackground#ffffff40
  • editor.inactiveSelectionBackground#111111
  • editor.lineHighlightBackground#000000
  • editor.lineHighlightBorder#28282800
  • editor.rangeHighlightBackground#000000
  • editor.rangeHighlightBorder#00000000
  • editor.selectionBackground#c0bcc02a
  • editor.selectionHighlightBackground#ffffff00
  • editor.selectionHighlightBorder#f41459
  • editor.wordHighlightBackground#ffffff00
  • editor.wordHighlightBorder#ffffff
  • editor.wordHighlightStrongBackground#ffe93300
  • editor.wordHighlightStrongBorder#ffffff
  • editorBracketMatch.background#fd04b300
  • editorBracketMatch.border#f41459
  • editorCodeLens.foreground#999999
  • editorCursor.background#0d0d0c
  • editorCursor.foreground#ffcc05
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f70074
  • editorGroup.border#a54f4f00
  • editorGroup.emptyBackground#060002
  • editorGroupHeader.tabsBackground#080003
  • editorGutter.addedBackground#44ff00
  • editorGutter.background#000000
  • editorGutter.commentRangeForeground#f41459
  • editorGutter.deletedBackground#ff8300
  • editorGutter.foldingControlForeground#f41459
  • editorGutter.modifiedBackground#f41459
  • editorHoverWidget.background#000000
  • editorHoverWidget.border#f41459
  • editorHoverWidget.foreground#ffffff
  • editorIndentGuide.activeBackground#00cfff
  • editorIndentGuide.background#f4145968
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#f41459
  • editorLineNumber.foreground#00b7ff
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#000000
  • editorMarkerNavigationError.background#f41459
  • editorMarkerNavigationInfo.background#00fff3
  • editorMarkerNavigationWarning.background#ffd100
  • editorOverviewRuler.background#19f4ffb3
  • editorOverviewRuler.border#ff00cb00
  • editorRuler.foreground#ec10de2a
  • editorSuggestWidget.background#000000
  • editorSuggestWidget.border#f41459
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#00fbcc
  • editorSuggestWidget.selectedBackground#1b1b1b
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#f41459
  • editorWidget.background#000000
  • editorWidget.foreground#fffb00
  • editorWidget.resizeBorder#000000
  • focusBorder#c0874b00
  • foreground#f41459
  • gitDecoration.addedResourceForeground#00ff2e
  • gitDecoration.conflictingResourceForeground#4040ff
  • gitDecoration.deletedResourceForeground#ff2600
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#d78100
  • gitDecoration.stageDeletedResourceForeground#f41459
  • gitDecoration.stageModifiedResourceForeground#00ffb7
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#30ff78
  • icon.foreground#f41459
  • input.background#3c3c3c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#71570900
  • list.activeSelectionForeground#f41459
  • list.dropBackground#040404
  • list.focusBackground#062f4a
  • list.focusForeground#cccccc
  • list.highlightForeground#0097fb
  • list.hoverBackground#2a2d2e00
  • list.hoverForeground#ffbf00
  • list.inactiveSelectionBackground#37373d00
  • list.inactiveSelectionForeground#f41459
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#f41459
  • listFilterWidget.outline#00000000
  • menu.background#252526
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#f41459
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#f41459
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionBorder#f41459
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#000000
  • merge.commonHeaderBackground#ffeeee
  • merge.currentContentBackground#f41459
  • merge.currentHeaderBackground#8429f2
  • merge.incomingContentBackground#ffd700
  • merge.incomingHeaderBackground#d9eaff
  • minimap.background#060002
  • minimap.errorHighlight#f70074
  • minimap.findMatchHighlight#515c6a00
  • minimap.selectionHighlight#c0bcc02a
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#44ff00
  • minimapGutter.deletedBackground#ff8300
  • minimapGutter.modifiedBackground#f41459
  • notificationCenter.border#000000
  • notificationCenterHeader.background#f41459
  • notificationCenterHeader.foreground#060606
  • notifications.background#000000
  • notifications.border#000000
  • notifications.foreground#00ffdb
  • notificationsErrorIcon.foreground#ff2b00
  • notificationsInfoIcon.foreground#3800ff
  • notificationsWarningIcon.foreground#ffd100
  • notificationToast.border#2e0511
  • panel.background#080003
  • panel.border#f41459
  • panelSection.border#f414596c
  • panelTitle.activeBorder#00cfff
  • panelTitle.activeForeground#00ffff
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#f41459
  • peekViewEditor.background#1a011b
  • peekViewEditor.matchHighlightBackground#f9f51900
  • peekViewEditor.matchHighlightBorder#eee11e
  • peekViewEditorGutter.background#71232300
  • peekViewResult.background#000000
  • peekViewResult.fileForeground#fbc00f
  • peekViewResult.lineForeground#f41459
  • peekViewResult.matchHighlightBackground#5a31a34d
  • peekViewResult.selectionBackground#bb00ff72
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#000000
  • peekViewTitleDescription.foreground#fffefeb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#0093ff
  • pickerGroup.foreground#3bffc8
  • progressBar.background#ffef00
  • scrollbar.shadow#e216ff00
  • scrollbarSlider.activeBackground#f41459
  • scrollbarSlider.background#f41459
  • scrollbarSlider.hoverBackground#e0c183
  • selection.background#000000
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#f41459
  • sideBar.background#080003
  • sideBar.dropBackground#040404
  • sideBar.foreground#04e7ff
  • sideBarSectionHeader.background#db30ff00
  • sideBarSectionHeader.border#cccccc00
  • sideBarSectionHeader.foreground#f41459
  • sideBarTitle.foreground#f2e0ff
  • statusBar.background#000000
  • statusBar.border#ff000000
  • statusBar.debuggingBackground#f41459
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#21b8f2
  • statusBar.noFolderBackground#130413
  • statusBar.noFolderBorder#00f3ff00
  • statusBar.noFolderForeground#00b7ff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#000000
  • statusBarItem.remoteForeground#5bc7f0
  • tab.activeBackground#080003
  • tab.activeBorder#f41459
  • tab.activeBorderTop#00000000
  • tab.activeForeground#05ffe8
  • tab.border#25252600
  • tab.inactiveBackground#080003
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#3b8eea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#23d18b
  • terminal.ansiBrightMagenta#f54b7f
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#f41459
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#e5e510
  • terminal.border#f414596c
  • terminal.foreground#cccccc
  • terminal.selectionBackground#00000040
  • terminalCursor.background#00f3ff
  • terminalCursor.foreground#f41459
  • textLink.foreground#ffe037
  • titleBar.activeBackground#000000
  • titleBar.activeForeground#ff0060
  • titleBar.border#00000000
  • titleBar.inactiveBackground#080003
  • titleBar.inactiveForeground#f41459
  • tree.indentGuidesStroke#f414598f
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#f414597a

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