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#ffffff00
  • activityBar.background#0A1016
  • activityBar.border#2C323870
  • activityBar.foreground#ba5d59
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#0adbe4
  • activityBarBadge.foreground#04686d
  • badge.background#ba5d59
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#0A1016
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#ba5d5948
  • button.foreground#ffffff
  • button.hoverBackground#1177bb
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#3c3c3c
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#55b96533
  • diffEditor.removedTextBackground#43cbbe33
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#0A1016
  • editor.findMatchBackground#00000000
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0000
  • editor.findMatchHighlightBorder#ffffff70
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#ba5d5920
  • editor.foreground#ba5d59
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ba5d5900
  • editor.lineHighlightBorder#2C323870
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#ba5d590c
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#00497200
  • editor.wordHighlightStrongBorder#617eab7a
  • 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#2C323870
  • editorGroup.emptyBackground#333333
  • editorGroupHeader.border#30282800
  • editorGroupHeader.tabsBackground#000408
  • editorGroupHeader.tabsBorder#96969600
  • editorGutter.addedBackground#ba5d59
  • editorGutter.background#0A1016
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#4f4d4e
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#29aed3
  • editorHoverWidget.background#252526
  • editorHoverWidget.border#ba5d591e
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#ba5d5920
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#ba5d59
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#ba5d591c
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#ba5d59
  • editorSuggestWidget.highlightForeground#d4d4d4
  • editorSuggestWidget.selectedBackground#ba5d5940
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#000408
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#ba5d591a
  • foreground#cccccc
  • 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#cccccc
  • input.background#3c3c3c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#ba5d5918
  • list.activeSelectionForeground#ba5d59
  • list.dropBackground#383b3d
  • list.focusBackground#2C323870
  • list.focusForeground#cccccc
  • list.highlightForeground#ba5d59
  • list.hoverBackground#2a2d2e
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#ba5d5918
  • list.inactiveSelectionForeground#ba5d59
  • listFilterWidget.background#ba5d59ef
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#252526
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#094771
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#333333
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#00000000
  • minimap.selectionHighlight#ba5d590c
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#ba5d59
  • minimapGutter.deletedBackground#4f4d4e
  • minimapGutter.modifiedBackground#29aed3
  • notificationCenter.border#ba5d591a
  • notificationCenterHeader.background#303031
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#252526
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#474747
  • panel.background#000408
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#ba5d59
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#007acc
  • peekViewEditor.background#071907
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#071b07
  • 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#3f3f46
  • pickerGroup.foreground#0adbe4
  • progressBar.background#ffffff
  • scrollbar.shadow#00000002
  • scrollbarSlider.activeBackground#ba5d5938
  • scrollbarSlider.background#0A101650
  • scrollbarSlider.hoverBackground#ba5d592e
  • selection.background#256aa7
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#000408
  • sideBar.border#2C323870
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#2C323870
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#ba5d595c
  • statusBar.background#0A1016
  • statusBar.border#2C323870
  • statusBar.debuggingBackground#ba5d5900
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#333333
  • statusBar.noFolderBorder#2C323870
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#0A1016
  • statusBarItem.remoteForeground#ba5d59ef
  • tab.activeBackground#0A1016
  • tab.activeBorder#ba5d5900
  • tab.activeBorderTop#ba5d59
  • tab.activeForeground#ba5d59
  • tab.border#05450500
  • tab.hoverBorder#ba5d59
  • tab.inactiveBackground#000408
  • 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#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#ba5d59
  • terminalCursor.foreground#ffffff
  • textLink.foreground#3794ff
  • titleBar.activeBackground#0A1016
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#0A1016
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#2C323870
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#0000005c

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