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.activeBackground#3f292900
  • activityBar.background#2E3440
  • activityBar.border#424c5d00
  • activityBar.foreground#9d52e8
  • activityBar.inactiveForeground#424c5d
  • activityBarBadge.background#9d52e8
  • activityBarBadge.foreground#000000
  • badge.background#9d52e8
  • badge.foreground#080808
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#2E3440
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#292f38
  • button.foreground#ffffff
  • button.hoverBackground#536177
  • button.secondaryBackground#9d52e8
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#33859d
  • checkbox.background#424c5d
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#424c5d
  • debugExceptionWidget.border#8fc7d724
  • debugToolBar.background#424c5d
  • debugToolBar.border#8fc7d724
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#424c5d
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#2E3440
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#9d52e8
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#28282800
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#52a9e820
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#444444
  • editorGroup.emptyBackground#2E3440
  • editorGroupHeader.tabsBackground#2E3440
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#2E3440
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#252526
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#4fb0ff40
  • editorIndentGuide.background#4fb0ff12
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#8fc7d7
  • editorLineNumber.foreground#7ab9cb40
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#0097fb
  • editorSuggestWidget.selectedBackground#062f4a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#252526
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#eeeeee
  • focusBorder#8fc7d70e
  • foreground#9d52e8
  • 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#9d52e8
  • input.background#424c5d
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#c4c4c4
  • inputOption.activeBackground#7f929f66
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#e4dddd
  • list.activeSelectionBackground#333c4b
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#424c5d
  • list.focusBackground#424c5d
  • list.focusForeground#f7f5f5
  • list.highlightForeground#767779
  • list.hoverBackground#424c5d89
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#333c4b
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#424c5d
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#96969600
  • menu.background#424c5d
  • menu.border#00000000
  • menu.foreground#cccccc
  • menu.selectionBackground#2E3440
  • menu.selectionBorder#00000000
  • menu.selectionForeground#e454f0
  • menu.separatorBackground#bbbbbb34
  • menubar.selectionBackground#424c5d
  • menubar.selectionBorder#ff000000
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#2E3440
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#52a9e820
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#8fc7d700
  • notificationCenterHeader.background#0b708c
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#424c5d
  • notifications.border#424c5d
  • notifications.foreground#52a2e8
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#474747
  • panel.background#2E3440
  • panel.border#80808020
  • panelSection.border#80808059
  • panelTitle.activeBorder#d5797900
  • panelTitle.activeForeground#9d52e8
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#007acc
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f3f4600
  • pickerGroup.foreground#8fc7d7
  • progressBar.background#8fc7d7
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#bfbfbf00
  • scrollbarSlider.background#8fc7d7
  • scrollbarSlider.hoverBackground#8fc7d7
  • selection.background#8fc7d740
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#9d52e8
  • sideBar.background#2E3440
  • sideBar.border#b4393900
  • sideBar.dropBackground#424c5d
  • sideBar.foreground#8c8c8c
  • sideBarSectionHeader.background#333c4b
  • sideBarSectionHeader.border#54525200
  • sideBarSectionHeader.foreground#ccccccc5
  • sideBarTitle.foreground#f9f9f9
  • statusBar.background#424c5d
  • statusBar.border#ff000000
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#9d52e8
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#9d52e8
  • statusBarItem.remoteForeground#3b3b3b
  • tab.activeBackground#424c5d
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#2E344000
  • tab.inactiveBackground#2E3440
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#3b8eea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#23d18b
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#e5e510
  • terminal.border#80808059
  • terminal.foreground#9d52e8
  • terminal.selectionBackground#424c5d
  • terminalCursor.background#424c5d
  • terminalCursor.foreground#c9c8c8
  • textLink.foreground#3794ff
  • titleBar.activeBackground#2E3440
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#2E3440
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#424c5d
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000000

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