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#8FC7D700
  • activityBar.foreground#8fc7d7
  • activityBar.inactiveForeground#3B4251
  • activityBarBadge.background#8fc7d7
  • activityBarBadge.foreground#000000
  • badge.background#8fc7d7
  • badge.foreground#080808
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#2E3440
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#3B4251
  • button.foreground#ffffff
  • button.hoverBackground#536177
  • button.secondaryBackground#88c0ee
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#33859d
  • checkbox.background#3B4251
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#3B4251
  • debugExceptionWidget.border#8fc7d700
  • debugToolBar.background#3B4251
  • debugToolBar.border#8fc7d724
  • diffEditor.border#8FC7D700
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#3B4251
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#2E3440
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f00
  • editor.findMatchHighlightBackground#4fb0ff40
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#8fc7d7
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#8FC7D720
  • editor.lineHighlightBorder#8FC7D700
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#264f78
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#8FC7D700
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#88888800
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#8FC7D700
  • 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#4fb0ff18
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#4fb0ff
  • editorLineNumber.foreground#8fc7d740
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f00
  • editorRuler.foreground#4fb0ff40
  • 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#8fc7d720
  • foreground#8fc7d7
  • 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#8fc7d7
  • input.background#3B4251
  • input.border#8FC7D700
  • input.foreground#cccccc
  • input.placeholderForeground#c4c4c4
  • inputOption.activeBackground#7f929f66
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#e4dddd
  • list.activeSelectionBackground#3B4251
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#3B4251
  • list.focusBackground#3B4251
  • list.focusForeground#f7f5f5
  • list.highlightForeground#767779
  • list.hoverBackground#3B425189
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#3B4251
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#3B4251
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#96969600
  • menu.background#3B4251
  • menu.border#8FC7D700
  • menu.foreground#cccccc
  • menu.selectionBackground#2E3440
  • menu.selectionBorder#8FC7D700
  • menu.selectionForeground#8fc7d7
  • menu.separatorBackground#bbbbbb34
  • menubar.selectionBackground#3B4251
  • 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#264f78
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#8fc7d700
  • notificationCenterHeader.background#0b708c
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#3B4251
  • notifications.border#8FC7D700
  • notifications.foreground#8fc7d7
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#8FC7D700
  • panel.background#2E3440
  • panel.border#80808020
  • panelSection.border#80808059
  • panelTitle.activeBorder#d5797900
  • panelTitle.activeForeground#8fc7d7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#007acc00
  • peekViewEditor.background#3B4251
  • peekViewEditor.matchHighlightBackground#2E3440
  • peekViewEditor.matchHighlightBorder#ee931e00
  • peekViewEditorGutter.background#3B4251
  • peekViewResult.background#2E3440
  • peekViewResult.fileForeground#f7f4f4
  • peekViewResult.lineForeground#4a676f
  • peekViewResult.matchHighlightBackground#8fc7d7
  • peekViewResult.selectionBackground#0b708c
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#0b708c
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f3f4600
  • pickerGroup.foreground#8fc7d7
  • progressBar.background#8fc7d7
  • scrollbar.shadow#8fc7d700
  • scrollbarSlider.activeBackground#bfbfbf00
  • scrollbarSlider.background#8fc7d700
  • scrollbarSlider.hoverBackground#8fc7d7
  • selection.background#8fc7d740
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#8fc7d7
  • sideBar.background#2E3440
  • sideBar.border#8FC7D700
  • sideBar.dropBackground#3B4251
  • sideBar.foreground#8c8c8c
  • sideBarSectionHeader.background#3B4251
  • sideBarSectionHeader.border#cccccc00
  • sideBarSectionHeader.foreground#cccccccb
  • sideBarTitle.foreground#f9f9f9
  • statusBar.background#3B4251
  • statusBar.border#ff000000
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#8fc7d7
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#8fc7d7
  • statusBarItem.remoteForeground#3b3b3b
  • tab.activeBackground#3B4251
  • tab.activeBorder#8FC7D700
  • tab.activeBorderTop#8FC7D700
  • tab.activeForeground#ffffff
  • tab.border#8FC7D700
  • 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#8fc7d7
  • terminal.selectionBackground#3B4251
  • terminalCursor.background#3B4251
  • terminalCursor.foreground#c9c8c8
  • textLink.foreground#3794ff
  • titleBar.activeBackground#2E3440
  • titleBar.activeForeground#cccccc
  • titleBar.border#8FC7D700
  • titleBar.inactiveBackground#2E3440
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#3B4251
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#8FC7D700

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