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#1e1e1e
  • activityBar.border#491f1f00
  • activityBar.foreground#035dad
  • activityBar.inactiveForeground#ff003c
  • activityBarBadge.background#fbb000
  • activityBarBadge.foreground#020202
  • badge.background#fbb000
  • badge.foreground#020202
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#1e1e1e
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#054b7d
  • button.foreground#ffffff
  • button.hoverBackground#00a739
  • button.secondaryBackground#ff003c
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#fbb000
  • checkbox.background#1e1e1e
  • checkbox.border#b6b6b600
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#44444400
  • diffEditor.insertedTextBackground#054b7d36
  • diffEditor.insertedTextBorder#ff000000
  • diffEditor.removedTextBackground#ff003c14
  • diffEditor.removedTextBorder#ff000000
  • dropdown.background#1e1e1e
  • dropdown.border#b6b6b600
  • dropdown.foreground#cccccc
  • editor.background#1e1e1e
  • editor.findMatchBackground#515c6a00
  • editor.findMatchBorder#054b7d
  • editor.findMatchHighlightBackground#ea5c0000
  • editor.findMatchHighlightBorder#054b7d
  • editor.findRangeHighlightBackground#17171766
  • editor.findRangeHighlightBorder#1d111100
  • editor.foldBackground#2e2e2e4d
  • editor.foreground#7d2c05
  • 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#711301
  • editorGroup.border#44444400
  • editorGroup.emptyBackground#1e1e1e
  • editorGroupHeader.tabsBackground#212121
  • editorGroupHeader.tabsBorder#43242400
  • editorGutter.addedBackground#00a739
  • editorGutter.background#1e1e1e
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#fbb000
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#ff003c
  • editorHoverWidget.background#1e1e1e
  • editorHoverWidget.border#054b7d
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#68686881
  • editorIndentGuide.background#ff003c56
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#01437d
  • editorLineNumber.activeForeground#cdcdcd
  • editorLineNumber.foreground#054b7d
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#1e1e1e
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#054b7d
  • editorMarkerNavigationWarning.background#7d2c05
  • editorOverviewRuler.background#241b1b00
  • editorOverviewRuler.border#7f7f7f00
  • editorRuler.foreground#ff003c3a
  • editorSuggestWidget.background#212121
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#035dad
  • editorSuggestWidget.highlightForeground#fbb000
  • editorSuggestWidget.selectedBackground#ff003c74
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#1e1e1e
  • editorWidget.foreground#f0f0f0
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#ffb30076
  • foreground#7d2c05
  • 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#7d2c05
  • input.background#1e1e1e
  • input.border#b6b6b600
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#ff003c
  • inputOption.activeBorder#00000000
  • inputOption.activeForeground#060606
  • list.activeSelectionBackground#094771
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#1f1f1f
  • list.focusBackground#035dad
  • list.focusForeground#ffffff
  • list.highlightForeground#ff003c
  • list.hoverBackground#ff003c
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#035dad
  • list.inactiveSelectionForeground#fffdfd
  • listFilterWidget.background#ffc468
  • listFilterWidget.noMatchesOutline#ff5848
  • listFilterWidget.outline#00000000
  • menu.background#1e1e1e
  • menu.border#054b7d12
  • menu.foreground#dededefb
  • menu.selectionBackground#ff003c
  • menu.selectionBorder#ff003c00
  • 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#1e1e1e
  • minimap.errorHighlight#711301
  • minimap.findMatchHighlight#515c6a00
  • minimap.selectionHighlight#054b7d40
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#00a739
  • minimapGutter.deletedBackground#fbb000
  • minimapGutter.modifiedBackground#ff003c
  • notificationCenter.border#1e1e1e
  • notificationCenterHeader.background#ff003c
  • notificationCenterHeader.foreground#fbb000
  • notifications.background#252526
  • notifications.border#1e1e1e
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#ff003c
  • panel.background#1e1e1e
  • panel.border#80808000
  • panelSection.border#ff003c
  • panelTitle.activeBorder#fbb000
  • panelTitle.activeForeground#ff003c
  • panelTitle.inactiveForeground#035dad
  • peekView.border#007acc
  • peekViewEditor.background#1e1e1e
  • peekViewEditor.matchHighlightBackground#ff8f0000
  • peekViewEditor.matchHighlightBorder#fbb0004a
  • peekViewEditorGutter.background#1e1e1e
  • peekViewResult.background#1d1d1d
  • peekViewResult.fileForeground#035dad
  • peekViewResult.lineForeground#ff003c
  • peekViewResult.matchHighlightBackground#fbb000
  • peekViewResult.selectionBackground#054b7d
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#00a739
  • peekViewTitleLabel.foreground#fbb000
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#3794ff
  • progressBar.background#7d2c05
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#ffffff
  • scrollbarSlider.background#79797900
  • scrollbarSlider.hoverBackground#ffffffb3
  • selection.background#054b7d
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#7d2c05
  • sideBar.background#212121
  • sideBar.border#ff000000
  • sideBar.dropBackground#1f1f1f
  • sideBar.foreground#054b7d
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc00
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#00a739
  • statusBar.background#1e1e1e
  • statusBar.border#ff000000
  • statusBar.debuggingBackground#ff003c
  • statusBar.debuggingForeground#fbb000
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#054b7d
  • statusBar.noFolderBorder#ff000000
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#1e1e1e
  • statusBarItem.remoteForeground#035dad
  • tab.activeBackground#212121
  • tab.activeBorder#ff003c
  • tab.activeBorderTop#00000000
  • tab.activeForeground#fbb000
  • tab.border#e3e3e400
  • tab.hoverBorder#00a739
  • tab.inactiveBackground#212121
  • 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#ff003c
  • terminal.foreground#cccccc
  • terminal.selectionBackground#054b7d26
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#054b7d
  • textLink.foreground#0077ff
  • titleBar.activeBackground#1e1e1e
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#1e1e1e
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#ff003c
  • 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#ffa700
variable.other.generic-type.haskell#035dad
storage.type.haskell#ffa700
support.variable.magic.python#ffa700
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#7d2c05
variable.parameter.function.language.special.self.python#ff003c
storage.modifier.lifetime.rust#7d2c05
support.function.std.rust#ff003c
entity.name.lifetime.rust#ff003c
variable.language.rust#ffa700
support.constant.edge#035dad
constant.other.character-class.regexp#ffa700
keyword.operator.quantifier.regexp#ffa700
punctuation.definition.string.begin,punctuation.definition.string.end#00a739
variable.parameter.function#7d2c05
comment markup.link#646464
markup.changed.diff#ff003c
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#ff003c
markup.inserted.diff#00a739
markup.deleted.diff#ffa700
meta.function.c,meta.function.cpp#ffa700
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#7d2c05
punctuation.separator.key-value#7d2c05
keyword.operator.expression.import#ff003c
support.constant.math#ff003c
support.constant.property.math#ffa700
variable.other.constant#ff003c
storage.type.annotation.java, storage.type.object.array.java#ff003c
source.java#ffa700
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#7d2c05
meta.method.java#ff003c
storage.modifier.import.java,storage.type.java,storage.type.generic.java#ff003c
keyword.operator.instanceof.java#035dad
meta.definition.variable.name.java#ffa700
keyword.operator.logical#56b6c2
keyword.operator.bitwise#56b6c2
keyword.operator.channel#56b6c2
support.constant.property-value.scss,support.constant.property-value.css#ffa700
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#ffa700
punctuation.separator.list.comma.css#7d2c05
support.constant.color.w3c-standard-color-name.css#ffa700
support.type.vendored.property-name.css#56b6c2
support.module.node,support.type.object.module,support.module.node#ff003c
entity.name.type.module#ff003c
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ffa700
support.constant.json#ffa700
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#035dad
support.type.object.console#ffa700
support.variable.property.process#ffa700
entity.name.function,support.function.console#ff003c
keyword.operator.misc.rust#7d2c05
keyword.operator.sigil.rust#035dad
keyword.operator.delete#035dad
support.type.object.dom#56b6c2
support.variable.dom,support.variable.property.dom#ffa700
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#7d2c05
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#ffa700
support.type.python#56b6c2
keyword.operator.logical.python#035dad
variable.parameter.function.python#ffa700
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#7d2c05
meta.function-call.generic.python#ff003c
constant.character.format.placeholder.other.python#ffa700
keyword.operator#7d2c05
keyword.operator.assignment.compound#035dad
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#56b6c2
keyword#035dad
entity.name.namespace#ff003c
variable#ffa700
variable.c#7d2c05
variable.language#ff003c
token.variable.parameter.java#7d2c05
import.storage.java#ff003c
token.package.keyword#035dad
token.package#7d2c05
entity.name.function, meta.require, support.function.any-method, variable.function#ff003c
entity.name.type.namespace#ff003c
support.class, entity.name.type.class#ff003c
entity.name.class.identifier.namespace.type#ff003c
entity.name.class, variable.other.class.js, variable.other.class.ts#ff003c
variable.other.class.php#ffa700
entity.name.type#ff003c
keyword.control#035dad
control.elements, keyword.operator.less#ffa700
keyword.other.special-method#ff003c
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#ff003c
support.function#56b6c2
support.type.property-name#7d2c05
support.constant.property-value#7d2c05
support.constant.font-name#ffa700
meta.tag#7d2c05
string#00a739
entity.other.inherited-class#ff003c
constant.other.symbol#56b6c2
constant.numeric#ffa700
constant#ffa700
punctuation.definition.constant#ffa700
entity.name.tag#ffa700
entity.other.attribute-name#ffa700
entity.other.attribute-name.id#ff003cnormal
entity.other.attribute-name.class.css#ffa700normal
meta.selector#035dad
markup.heading#ffa700
markup.heading punctuation.definition.heading, entity.name.section#ff003c
keyword.other.unit#ffa700
markup.bold,todo.bold#ffa700
punctuation.definition.bold#ff003c
markup.italic, punctuation.definition.italic,todo.emphasis#035dad
emphasis md#035dad
entity.name.section.markdown#ffa700
punctuation.definition.heading.markdown#ffa700
punctuation.definition.list.begin.markdown#ffa700
markup.heading.setext#7d2c05
punctuation.definition.bold.markdown#ffa700
markup.inline.raw.markdown#00a739
markup.inline.raw.string.markdown#00a739
punctuation.definition.list.markdown#ffa700
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#ffa700
beginning.punctuation.definition.list.markdown#ffa700
punctuation.definition.metadata.markdown#ffa700
markup.underline.link.markdown,markup.underline.link.image.markdown#035dad
string.other.link.title.markdown,string.other.link.description.markdown#ff003c
string.regexp#56b6c2
constant.character.escape#56b6c2
punctuation.section.embedded, variable.interpolation#ffa700
punctuation.section.embedded.begin,punctuation.section.embedded.end#035dad
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#7d2c05
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#ffa700
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ffa700
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#ffa700
support.type.property-name.json punctuation#ffa700
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#ff003c
keyword.operator.error-control.php#035dad
keyword.operator.type.php#035dad
punctuation.section.array.begin.php#7d2c05
punctuation.section.array.end.php#7d2c05
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#ff003c
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#ff003c
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#7d2c05
support.constant.core.rust#ffa700
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#ffa700
entity.name.goto-label.php,support.other.php#ff003c
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#ff003c
support.token.decorator.python,meta.function.decorator.identifier.python#56b6c2
function.parameter#7d2c05
function.brace#7d2c05
function.parameter.ruby, function.parameter.cs#7d2c05
constant.language.symbol.ruby#56b6c2
rgb-value#56b6c2
inline-color-decoration rgb-value#ffa700
less rgb-value#ffa700
selector.sass#ffa700
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#ff003c
block.scope.end,block.scope.begin#7d2c05
storage.type.cs#ff003c
entity.name.variable.local.cs#ffa700
token.info-token#ff003c
token.warn-token#ffa700
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#7d2c05
keyword.operator.module#035dad
support.type.type.flowtype#ff003c
support.type.primitive#ff003c
meta.property.object#ffa700
variable.parameter.function.js#ffa700
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#ff003c
keyword.operator.arithmetic.go, keyword.operator.address.go#035dad
entity.name.package.go#ff003c
support.type.prelude.elm#56b6c2
support.constant.elm#ffa700
punctuation.quasi.element#035dad
constant.character.entity#ffa700
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#56b6c2
entity.global.clojure#ff003c
meta.symbol.clojure#ffa700
constant.keyword.clojure#56b6c2
meta.arguments.coffee, variable.parameter.function.coffee#ffa700
source.ini#00a739
meta.scope.prerequisites.makefile#ffa700
source.makefile#ff003c
storage.modifier.import.groovy#ff003c
meta.method.groovy#ff003c
meta.definition.variable.name.groovy#ffa700
meta.definition.class.inherited.classes.groovy#00a739
support.variable.semantic.hlsl#ff003c
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#ffa700
support.type.swift, support.type.vb.asp#ff003c
entity.name.function.xi#ff003c
entity.name.class.xi#56b6c2
constant.character.character-class.regexp.xi#ffa700
constant.regexp.xi#035dad
keyword.control.xi#56b6c2
invalid.xi#7d2c05
beginning.punctuation.definition.quote.markdown.xi#00a739
beginning.punctuation.definition.list.markdown.xi#646464
constant.character.xi#ff003c
accent.xi#ff003c
wikiword.xi#ffa700
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#ff003c
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ffa700
meta.brace.square#7d2c05
comment, punctuation.definition.comment#646464italic
markup.quote.markdown#646464
punctuation.definition.block.sequence.item.yaml#7d2c05
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