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#491f1f00
  • activityBar.foreground#035dad
  • activityBar.inactiveForeground#014B70
  • activityBarBadge.background#fbb000
  • activityBarBadge.foreground#020202
  • badge.background#fbb000
  • badge.foreground#020202
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#000000
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#054b7d
  • button.foreground#ffffff
  • button.hoverBackground#00a739
  • button.secondaryBackground#d3cacf
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#fbb000
  • checkbox.background#000000
  • checkbox.border#b6b6b600
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#44444400
  • diffEditor.insertedTextBackground#054b7d00
  • diffEditor.insertedTextBorder#ff000000
  • diffEditor.removedTextBackground#d3cacf14
  • diffEditor.removedTextBorder#ff000000
  • dropdown.background#000000
  • dropdown.border#b6b6b600
  • dropdown.foreground#cccccc
  • editor.background#000000
  • editor.findMatchBackground#515c6a00
  • editor.findMatchBorder#054b7d
  • editor.findMatchHighlightBackground#ea5c0000
  • editor.findMatchHighlightBorder#054b7d
  • editor.findRangeHighlightBackground#17171766
  • editor.findRangeHighlightBorder#1d111100
  • editor.foldBackground#2e2e2e4d
  • editor.foreground#014B70
  • editor.hoverHighlightBackground#1f161640
  • editor.inactiveSelectionBackground#054b7d3e
  • editor.lineHighlightBackground#8a8a8a0a
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#5653530b
  • editor.rangeHighlightBorder#054b7d00
  • editor.selectionBackground#054b7d40
  • editor.selectionHighlightBackground#add6ff00
  • editor.selectionHighlightBorder#054b7d
  • editor.wordHighlightBackground#57575700
  • editor.wordHighlightBorder#054b7d
  • editor.wordHighlightStrongBackground#00497200
  • editor.wordHighlightStrongBorder#054b7d
  • editorBracketMatch.background#00640000
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#035dad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#71130180
  • editorGroup.border#44444400
  • editorGroup.emptyBackground#000000
  • editorGroupHeader.tabsBackground#090909
  • editorGroupHeader.tabsBorder#43242400
  • editorGutter.addedBackground#00a739
  • editorGutter.background#000000
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#fbb000
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#d3cacf
  • editorHoverWidget.background#000000
  • editorHoverWidget.border#054b7d
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#68686881
  • editorIndentGuide.background#d3cacf56
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#01437d
  • editorLineNumber.activeForeground#cdcdcd
  • editorLineNumber.foreground#054b7d
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#000000
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#054b7d
  • editorMarkerNavigationWarning.background#014B70
  • editorOverviewRuler.background#241b1b00
  • editorOverviewRuler.border#7f7f7f00
  • editorRuler.foreground#d3cacf3a
  • editorSuggestWidget.background#090909
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#035dad
  • editorSuggestWidget.highlightForeground#fbb000
  • editorSuggestWidget.selectedBackground#d3cacf74
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e200
  • editorWidget.background#000000
  • editorWidget.foreground#f0f0f0
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#ffb30076
  • foreground#014B70
  • 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#014B70
  • input.background#000000
  • input.border#b6b6b600
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#d3cacf
  • inputOption.activeBorder#00000000
  • inputOption.activeForeground#060606
  • list.activeSelectionBackground#094771
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#1f1f1f
  • list.focusBackground#035dad
  • list.focusForeground#ffffff
  • list.highlightForeground#d3cacf
  • list.hoverBackground#d3cacf
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#035dad
  • list.inactiveSelectionForeground#fffdfd
  • listFilterWidget.background#ffc468
  • listFilterWidget.noMatchesOutline#ff5848
  • listFilterWidget.outline#00000000
  • menu.background#000000
  • menu.border#054b7d12
  • menu.foreground#dededefb
  • menu.selectionBackground#d3cacf
  • menu.selectionBorder#d3cacf00
  • menu.selectionForeground#fbb000
  • menu.separatorBackground#054b7d
  • menubar.selectionBackground#054b7d
  • menubar.selectionBorder#ff000000
  • menubar.selectionForeground#999494
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#fbb000
  • merge.currentContentBackground#1b1d1d
  • merge.currentHeaderBackground#00a739
  • merge.incomingContentBackground#212224
  • merge.incomingHeaderBackground#035dad
  • minimap.background#00000000
  • minimap.errorHighlight#711301
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#054b7d40
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#00a739
  • minimapGutter.deletedBackground#fbb000
  • minimapGutter.modifiedBackground#d3cacf
  • notificationCenter.border#000000
  • notificationCenterHeader.background#d3cacf
  • notificationCenterHeader.foreground#fbb000
  • notifications.background#252526
  • notifications.border#000000
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#d3cacf
  • panel.background#000000
  • panel.border#80808000
  • panelSection.border#d3cacf
  • panelTitle.activeBorder#fbb000
  • panelTitle.activeForeground#d3cacf
  • panelTitle.inactiveForeground#035dad
  • peekView.border#007acc
  • peekViewEditor.background#000000
  • peekViewEditor.matchHighlightBackground#ff8f0000
  • peekViewEditor.matchHighlightBorder#fbb0004a
  • peekViewEditorGutter.background#000000
  • peekViewResult.background#1d1d1d
  • peekViewResult.fileForeground#035dad
  • peekViewResult.lineForeground#d3cacf
  • peekViewResult.matchHighlightBackground#fbb000
  • peekViewResult.selectionBackground#054b7d
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#000000
  • peekViewTitleDescription.foreground#00a739
  • peekViewTitleLabel.foreground#fbb000
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#3794ff
  • progressBar.background#014B70
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#ffffff
  • scrollbarSlider.background#00a739
  • scrollbarSlider.hoverBackground#ffffffb3
  • selection.background#054b7d
  • settings.focusedRowBackground#ffffff00
  • settings.headerForeground#014B70
  • sideBar.background#090909
  • sideBar.border#ff000000
  • sideBar.dropBackground#1f1f1f
  • sideBar.foreground#054b7d
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc00
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#00a739
  • statusBar.background#000000
  • statusBar.border#ff000000
  • statusBar.debuggingBackground#d3cacf
  • statusBar.debuggingForeground#fbb000
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#054b7d
  • statusBar.noFolderBorder#ff000000
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#000000
  • statusBarItem.remoteForeground#035dad
  • tab.activeBackground#090909
  • tab.activeBorder#d3cacf
  • tab.activeBorderTop#00000000
  • tab.activeForeground#fbb000
  • tab.border#e3e3e400
  • tab.hoverBorder#00a739
  • tab.inactiveBackground#090909
  • tab.inactiveForeground#035dad
  • 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#d3cacf
  • terminal.foreground#cccccc
  • terminal.selectionBackground#054b7d26
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#054b7d
  • textLink.foreground#0077ff
  • titleBar.activeBackground#000000
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#000000
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#d3cacf
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#0d0d0d5c

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