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#24272d
  • activityBar.foreground#e0e9ff
  • activityBar.inactiveForeground#3c3e43
  • activityBarBadge.background#c94f5d
  • activityBarBadge.foreground#000000
  • badge.background#ff697a
  • badge.foreground#1b1b1b
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#24272d
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#ff697a
  • button.foreground#ffffff
  • button.hoverBackground#5ba2ec
  • button.secondaryBackground#586473
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#24272d
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#ff697a
  • debugToolBar.background#333333
  • debugToolBar.border#ff697a
  • diffEditor.border#44444400
  • diffEditor.insertedTextBackground#68edff14
  • diffEditor.insertedTextBorder#ff000000
  • diffEditor.removedTextBackground#ffffff0c
  • dropdown.background#24272d
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#24272d
  • editor.findMatchBackground#ff697a
  • editor.findMatchBorder#74879f00
  • editor.findMatchHighlightBackground#ff697a
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#5ba2ec18
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#6462631a
  • editor.foreground#d4d4d4
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#1d1d1d
  • editor.lineHighlightBackground#ffffff06
  • editor.lineHighlightBorder#28282800
  • editor.rangeHighlightBackground#ffffff14
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#ff697a8f
  • editor.selectionHighlightBackground#ff697a
  • editor.selectionHighlightBorder#495f7700
  • editor.wordHighlightBackground#ff697a
  • editor.wordHighlightBorder#ff000000
  • editor.wordHighlightStrongBackground#ff697a
  • editor.wordHighlightStrongBorder#ff000000
  • editorBracketMatch.background#ff697a
  • editorBracketMatch.border#88888800
  • editorCodeLens.foreground#999999
  • editorCursor.background#ffffff
  • editorCursor.foreground#ff697a
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#ff697a
  • editorGroup.border#44444400
  • editorGroup.emptyBackground#24272d
  • editorGroupHeader.tabsBackground#24272d
  • editorGutter.addedBackground#71965a
  • editorGutter.background#24272d
  • editorGutter.commentRangeForeground#ff697a
  • editorGutter.deletedBackground#ff697a
  • editorGutter.foldingControlForeground#ff697a
  • editorGutter.modifiedBackground#5ba2ec
  • editorHoverWidget.background#252526
  • editorHoverWidget.border#88888812
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#ff697a44
  • editorIndentGuide.background#ffaf6916
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#e0e9ff
  • editorLineNumber.foreground#e0e9ff40
  • editorLink.activeForeground#ffba78
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f02
  • editorRuler.foreground#ff697a12
  • editorSuggestWidget.background#24272d
  • editorSuggestWidget.border#323232
  • editorSuggestWidget.foreground#ff697a
  • editorSuggestWidget.highlightForeground#999999
  • editorSuggestWidget.selectedBackground#ff697a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#00000029
  • editorWidget.background#252526
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#ff697a00
  • foreground#e0e9ff
  • 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#e0e9ff
  • input.background#24272d
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#ff697a
  • inputOption.activeBorder#ff697a
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#09477100
  • list.activeSelectionForeground#ff697a
  • list.dropBackground#383b3d56
  • list.focusBackground#24272d
  • list.focusForeground#cccccc
  • list.highlightForeground#0097fb
  • list.hoverBackground#994d56
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#37373d00
  • list.inactiveSelectionForeground#ff697a
  • listFilterWidget.background#24272d
  • listFilterWidget.noMatchesOutline#a13b30
  • listFilterWidget.outline#3c6257a3
  • menu.background#24272d
  • 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#24272d
  • minimap.errorHighlight#ff697a
  • minimap.findMatchHighlight#ff697a
  • minimap.selectionHighlight#ff697a8f
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#71965a
  • minimapGutter.deletedBackground#ff697a
  • minimapGutter.modifiedBackground#5ba2ec
  • notificationCenter.border#47474700
  • notificationCenterHeader.background#212021
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#252526
  • notifications.border#30303100
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#474747
  • panel.background#24272d
  • panel.border#ff697a00
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#5ba2ec5a
  • peekViewEditor.background#182a3d
  • peekViewEditor.matchHighlightBackground#e0e9ff0a
  • peekViewEditor.matchHighlightBorder#e0e9ff00
  • peekViewEditorGutter.background#1a2c3f
  • peekViewResult.background#24272d
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#5ba2ec
  • peekViewResult.selectionBackground#5ba2ec
  • peekViewResult.selectionForeground#f0f0f0
  • peekViewTitle.background#24272d
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#ff697a
  • progressBar.background#ff697a
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#bfbfbf00
  • scrollbarSlider.background#24272d
  • scrollbarSlider.hoverBackground#ff697a
  • selection.background#ff697a
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#e0e9ff
  • sideBar.background#24272d
  • sideBar.dropBackground#383b3d56
  • sideBar.foreground#e0e9ff
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc00
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#24272d
  • statusBar.debuggingBackground#1b1b1b
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#e0e9ff
  • statusBar.noFolderBackground#0e535c
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#24272d
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#1e1e1e00
  • tab.activeBorder#ff3a50
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#33335c00
  • tab.inactiveBackground#24272d
  • 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#d1d1d1
  • terminalCursor.foreground#ff697a
  • textLink.foreground#3794ff
  • titleBar.activeBackground#24272d
  • titleBar.activeForeground#e0e9ff
  • titleBar.border#00000000
  • titleBar.inactiveBackground#24272d
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#ff697a12
  • 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#68edff
variable.other.generic-type.haskell#df6dff
storage.type.haskell#ffba78
support.variable.magic.python#68edff
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d4d4d4
variable.parameter.function.language.special.self.python#e0e9ff
storage.modifier.lifetime.rust#d4d4d4
support.function.std.rust#ff697a
entity.name.lifetime.rust#e0e9ff
variable.language.rust#68edff
support.constant.edge#df6dff
constant.other.character-class.regexp#68edff
keyword.operator.quantifier.regexp#ffba78
punctuation.definition.string.begin,punctuation.definition.string.end#bfff97
variable.parameter.function#d4d4d4
comment markup.link#6b6b6b
markup.changed.diff#e0e9ff
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#ff697a
markup.inserted.diff#bfff97
markup.deleted.diff#68edff
meta.function.c,meta.function.cpp#68edff
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#d4d4d4
punctuation.separator.key-value#d4d4d4
keyword.operator.expression.import#ff697a
support.constant.math#e0e9ff
support.constant.property.math#ffba78
variable.other.constant#e0e9ff
storage.type.annotation.java, storage.type.object.array.java#e0e9ff
source.java#68edff
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#d4d4d4
meta.method.java#ff697a
storage.modifier.import.java,storage.type.java,storage.type.generic.java#e0e9ff
keyword.operator.instanceof.java#df6dff
meta.definition.variable.name.java#68edff
keyword.operator.logical#53adb9
keyword.operator.bitwise#53adb9
keyword.operator.channel#53adb9
support.constant.property-value.scss,support.constant.property-value.css#ffba78
keyword.operator.css,keyword.operator.scss,keyword.operator.less#53adb9
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#ffba78
punctuation.separator.list.comma.css#d4d4d4
support.constant.color.w3c-standard-color-name.css#ffba78
support.type.vendored.property-name.css#53adb9
support.module.node,support.type.object.module,support.module.node#e0e9ff
entity.name.type.module#e0e9ff
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#68edff
support.constant.json#ffba78
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#df6dff
support.type.object.console#68edff
support.variable.property.process#ffba78
entity.name.function,support.function.console#ff697a
keyword.operator.misc.rust#d4d4d4
keyword.operator.sigil.rust#df6dff
keyword.operator.delete#df6dff
support.type.object.dom#53adb9
support.variable.dom,support.variable.property.dom#68edff
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#53adb9
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#df6dff
punctuation.separator.delimiter#d4d4d4
punctuation.separator.c,punctuation.separator.cpp#df6dff
support.type.posix-reserved.c,support.type.posix-reserved.cpp#53adb9
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#df6dff
variable.parameter.function.language.python#ffba78
support.type.python#53adb9
keyword.operator.logical.python#df6dff
variable.parameter.function.python#ffba78
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#d4d4d4
meta.function-call.generic.python#ff697a
constant.character.format.placeholder.other.python#ffba78
keyword.operator#d4d4d4
keyword.operator.assignment.compound#df6dff
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#53adb9
keyword#df6dff
entity.name.namespace#e0e9ff
variable#68edff
variable.c#d4d4d4
variable.language#e0e9ff
token.variable.parameter.java#d4d4d4
import.storage.java#e0e9ff
token.package.keyword#df6dff
token.package#d4d4d4
entity.name.function, meta.require, support.function.any-method, variable.function#ff697a
entity.name.type.namespace#e0e9ff
support.class, entity.name.type.class#e0e9ff
entity.name.class.identifier.namespace.type#e0e9ff
entity.name.class, variable.other.class.js, variable.other.class.ts#e0e9ff
variable.other.class.php#68edff
entity.name.type#e0e9ff
keyword.control#df6dff
control.elements, keyword.operator.less#ffba78
keyword.other.special-method#ff697a
storage#df6dff
token.storage#df6dff
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#df6dff
token.storage.type.java#e0e9ff
support.function#53adb9
support.type.property-name#d4d4d4
support.constant.property-value#d4d4d4
support.constant.font-name#ffba78
meta.tag#d4d4d4
string#bfff97
entity.other.inherited-class#e0e9ff
constant.other.symbol#53adb9
constant.numeric#ffba78
constant#ffba78
punctuation.definition.constant#ffba78
entity.name.tag#68edff
entity.other.attribute-name#ffba78
entity.other.attribute-name.id#ff697anormal
entity.other.attribute-name.class.css#ffba78normal
meta.selector#df6dff
markup.heading#68edff
markup.heading punctuation.definition.heading, entity.name.section#ff697a
keyword.other.unit#68edff
markup.bold,todo.bold#ffba78
punctuation.definition.bold#e0e9ff
markup.italic, punctuation.definition.italic,todo.emphasis#df6dff
emphasis md#df6dff
entity.name.section.markdown#68edff
punctuation.definition.heading.markdown#68edff
punctuation.definition.list.begin.markdown#68edff
markup.heading.setext#d4d4d4
punctuation.definition.bold.markdown#ffba78
markup.inline.raw.markdown#bfff97
markup.inline.raw.string.markdown#bfff97
punctuation.definition.list.markdown#68edff
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#68edff
beginning.punctuation.definition.list.markdown#68edff
punctuation.definition.metadata.markdown#68edff
markup.underline.link.markdown,markup.underline.link.image.markdown#df6dff
string.other.link.title.markdown,string.other.link.description.markdown#ff697a
string.regexp#53adb9
constant.character.escape#53adb9
punctuation.section.embedded, variable.interpolation#68edff
punctuation.section.embedded.begin,punctuation.section.embedded.end#df6dff
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#d4d4d4
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#68edff
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#68edff
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#bfff97
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#53adb9
support.type.property-name.json#68edff
support.type.property-name.json punctuation#68edff
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#df6dff
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#df6dff
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#e0e9ff
keyword.operator.error-control.php#df6dff
keyword.operator.type.php#df6dff
punctuation.section.array.begin.php#d4d4d4
punctuation.section.array.end.php#d4d4d4
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#e0e9ff
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#ff697a
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#d4d4d4
support.constant.core.rust#ffba78
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#ffba78
entity.name.goto-label.php,support.other.php#ff697a
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#53adb9
keyword.operator.regexp.php#df6dff
keyword.operator.comparison.php#53adb9
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#df6dff
meta.function.decorator.python#ff697a
support.token.decorator.python,meta.function.decorator.identifier.python#53adb9
function.parameter#d4d4d4
function.brace#d4d4d4
function.parameter.ruby, function.parameter.cs#d4d4d4
constant.language.symbol.ruby#53adb9
rgb-value#53adb9
inline-color-decoration rgb-value#ffba78
less rgb-value#ffba78
selector.sass#68edff
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#e0e9ff
block.scope.end,block.scope.begin#d4d4d4
storage.type.cs#e0e9ff
entity.name.variable.local.cs#68edff
token.info-token#ff697a
token.warn-token#ffba78
token.error-token#f44747
token.debug-token#df6dff
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#df6dff
meta.template.expression#d4d4d4
keyword.operator.module#df6dff
support.type.type.flowtype#ff697a
support.type.primitive#e0e9ff
meta.property.object#68edff
variable.parameter.function.js#68edff
keyword.other.template.begin#bfff97
keyword.other.template.end#bfff97
keyword.other.substitution.begin#bfff97
keyword.other.substitution.end#bfff97
keyword.operator.assignment#53adb9
keyword.operator.assignment.go#e0e9ff
keyword.operator.arithmetic.go, keyword.operator.address.go#df6dff
entity.name.package.go#e0e9ff
support.type.prelude.elm#53adb9
support.constant.elm#ffba78
punctuation.quasi.element#df6dff
constant.character.entity#68edff
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#53adb9
entity.global.clojure#e0e9ff
meta.symbol.clojure#68edff
constant.keyword.clojure#53adb9
meta.arguments.coffee, variable.parameter.function.coffee#68edff
source.ini#bfff97
meta.scope.prerequisites.makefile#68edff
source.makefile#e0e9ff
storage.modifier.import.groovy#e0e9ff
meta.method.groovy#ff697a
meta.definition.variable.name.groovy#68edff
meta.definition.class.inherited.classes.groovy#bfff97
support.variable.semantic.hlsl#e0e9ff
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#df6dff
text.variable, text.bracketed#68edff
support.type.swift, support.type.vb.asp#e0e9ff
entity.name.function.xi#e0e9ff
entity.name.class.xi#53adb9
constant.character.character-class.regexp.xi#68edff
constant.regexp.xi#df6dff
keyword.control.xi#53adb9
invalid.xi#d4d4d4
beginning.punctuation.definition.quote.markdown.xi#bfff97
beginning.punctuation.definition.list.markdown.xi#6b6b6b
constant.character.xi#ff697a
accent.xi#ff697a
wikiword.xi#ffba78
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#6b6b6b
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#e0e9ff
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#68edff
meta.brace.square#d4d4d4
comment, punctuation.definition.comment#6b6b6bitalic
markup.quote.markdown#6b6b6b
punctuation.definition.block.sequence.item.yaml#d4d4d4
constant.language.symbol.elixir#53adb9
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