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#00010f
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#007acc
  • activityBarBadge.foreground#ffffff
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#00010f
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#000436
  • button.foreground#ffffff
  • button.hoverBackground#1177bb
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#00010f
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#00010f
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#00010f
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#d4d4d4
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#264f78
  • 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#00010f
  • editorGroupHeader.tabsBackground#00010f
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#00010f
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#00010f
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#00010f
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#00010f
  • editorSuggestWidget.border#6f6f6f
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#0097fb
  • editorSuggestWidget.selectedBackground#062f4a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#00010f
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#007fd4
  • 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#00010f
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#094771
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#383b3d
  • list.focusBackground#062f4a
  • list.focusForeground#cccccc
  • list.highlightForeground#0097fb
  • list.hoverBackground#2a2d2e
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#37373d
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#653723
  • 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#00010f
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#264f78
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#474747
  • notificationCenterHeader.background#0f0f26
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#00010f
  • notifications.border#ea226d
  • notifications.foreground#d9d9d9
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#e21b1b
  • panel.background#00010f
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#007acc
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#00010f
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#a3a3a3
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#00010f
  • peekViewTitleDescription.foreground#e6e6e6b3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#3794ff
  • progressBar.background#0e70c0
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#101128
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#256aa7
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#00010f
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#00010f
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#16825d
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#220445
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#d177a5
  • tab.hoverBackground#ec1616
  • tab.inactiveBackground#130b0b
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#929292
  • 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#d1d1d1
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#3794ff
  • titleBar.activeBackground#00010f
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#585858
  • 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#5d85ff
variable.other.generic-type.haskell#ff2424
storage.type.haskell#e8bd95
support.variable.magic.python#5d85ff
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d4d4d4
variable.parameter.function.language.special.self.python#ade3f9
storage.modifier.lifetime.rust#d4d4d4
support.function.std.rust#f943ff
entity.name.lifetime.rust#ade3f9
variable.language.rust#5d85ff
support.constant.edge#ff2424
constant.other.character-class.regexp#5d85ff
keyword.operator.quantifier.regexp#e8bd95
punctuation.definition.string.begin,punctuation.definition.string.end#30ecc9
variable.parameter.function#d4d4d4
comment markup.link#619effc3
markup.changed.diff#ade3f9
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#f943ff
markup.inserted.diff#30ecc9
markup.deleted.diff#5d85ff
meta.function.c,meta.function.cpp#5d85ff
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#f943ff
support.constant.math#ade3f9
support.constant.property.math#e8bd95
variable.other.constant#ade3f9
storage.type.annotation.java, storage.type.object.array.java#ade3f9
source.java#5d85ff
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#f943ff
storage.modifier.import.java,storage.type.java,storage.type.generic.java#ade3f9
keyword.operator.instanceof.java#ff2424
meta.definition.variable.name.java#5d85ff
keyword.operator.logical#30e8d7
keyword.operator.bitwise#30e8d7
keyword.operator.channel#30e8d7
support.constant.property-value.scss,support.constant.property-value.css#e8bd95
keyword.operator.css,keyword.operator.scss,keyword.operator.less#30e8d7
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#e8bd95
punctuation.separator.list.comma.css#d4d4d4
support.constant.color.w3c-standard-color-name.css#e8bd95
support.type.vendored.property-name.css#30e8d7
support.module.node,support.type.object.module,support.module.node#ade3f9
entity.name.type.module#ade3f9
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#5d85ff
support.constant.json#e8bd95
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#ff2424
support.type.object.console#5d85ff
support.variable.property.process#e8bd95
entity.name.function,support.function.console#f943ff
keyword.operator.misc.rust#d4d4d4
keyword.operator.sigil.rust#ff2424
keyword.operator.delete#ff2424
support.type.object.dom#30e8d7
support.variable.dom,support.variable.property.dom#5d85ff
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#30e8d7
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#ff2424
punctuation.separator.delimiter#d4d4d4
punctuation.separator.c,punctuation.separator.cpp#ff2424
support.type.posix-reserved.c,support.type.posix-reserved.cpp#30e8d7
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#ff2424
variable.parameter.function.language.python#e8bd95
support.type.python#30e8d7
keyword.operator.logical.python#ff2424
variable.parameter.function.python#e8bd95
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#f943ff
constant.character.format.placeholder.other.python#e8bd95
keyword.operator#d4d4d4
keyword.operator.assignment.compound#ff2424
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#30e8d7
keyword#ff2424
entity.name.namespace#ade3f9
variable#5d85ff
variable.c#d4d4d4
variable.language#ade3f9
token.variable.parameter.java#d4d4d4
import.storage.java#ade3f9
token.package.keyword#ff2424
token.package#d4d4d4
entity.name.function, meta.require, support.function.any-method, variable.function#f943ff
entity.name.type.namespace#ade3f9
support.class, entity.name.type.class#ade3f9
entity.name.class.identifier.namespace.type#ade3f9
entity.name.class, variable.other.class.js, variable.other.class.ts#ade3f9
variable.other.class.php#5d85ff
entity.name.type#ade3f9
keyword.control#ff2424
control.elements, keyword.operator.less#e8bd95
keyword.other.special-method#f943ff
storage#ff2424
token.storage#ff2424
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#ff2424
token.storage.type.java#ade3f9
support.function#30e8d7
support.type.property-name#d4d4d4
support.constant.property-value#d4d4d4
support.constant.font-name#e8bd95
meta.tag#d4d4d4
string#30ecc9
entity.other.inherited-class#ade3f9
constant.other.symbol#30e8d7
constant.numeric#e8bd95
constant#e8bd95
punctuation.definition.constant#e8bd95
entity.name.tag#5d85ff
entity.other.attribute-name#e8bd95
entity.other.attribute-name.id#f943ffnormal
entity.other.attribute-name.class.css#e8bd95normal
meta.selector#ff2424
markup.heading#5d85ff
markup.heading punctuation.definition.heading, entity.name.section#f943ff
keyword.other.unit#5d85ff
markup.bold,todo.bold#e8bd95
punctuation.definition.bold#ade3f9
markup.italic, punctuation.definition.italic,todo.emphasis#ff2424
emphasis md#ff2424
entity.name.section.markdown#5d85ff
punctuation.definition.heading.markdown#5d85ff
punctuation.definition.list.begin.markdown#5d85ff
markup.heading.setext#d4d4d4
punctuation.definition.bold.markdown#e8bd95
markup.inline.raw.markdown#30ecc9
markup.inline.raw.string.markdown#30ecc9
punctuation.definition.list.markdown#5d85ff
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#5d85ff
beginning.punctuation.definition.list.markdown#5d85ff
punctuation.definition.metadata.markdown#5d85ff
markup.underline.link.markdown,markup.underline.link.image.markdown#ff2424
string.other.link.title.markdown,string.other.link.description.markdown#f943ff
string.regexp#30e8d7
constant.character.escape#30e8d7
punctuation.section.embedded, variable.interpolation#5d85ff
punctuation.section.embedded.begin,punctuation.section.embedded.end#ff2424
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#5d85ff
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#5d85ff
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#30ecc9
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#30e8d7
support.type.property-name.json#5d85ff
support.type.property-name.json punctuation#5d85ff
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#ff2424
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#ff2424
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#ade3f9
keyword.operator.error-control.php#ff2424
keyword.operator.type.php#ff2424
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#ade3f9
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#f943ff
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#e8bd95
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#e8bd95
entity.name.goto-label.php,support.other.php#f943ff
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#30e8d7
keyword.operator.regexp.php#ff2424
keyword.operator.comparison.php#30e8d7
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#ff2424
meta.function.decorator.python#f943ff
support.token.decorator.python,meta.function.decorator.identifier.python#30e8d7
function.parameter#d4d4d4
function.brace#d4d4d4
function.parameter.ruby, function.parameter.cs#d4d4d4
constant.language.symbol.ruby#30e8d7
rgb-value#30e8d7
inline-color-decoration rgb-value#e8bd95
less rgb-value#e8bd95
selector.sass#5d85ff
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#ade3f9
block.scope.end,block.scope.begin#d4d4d4
storage.type.cs#ade3f9
entity.name.variable.local.cs#5d85ff
token.info-token#f943ff
token.warn-token#e8bd95
token.error-token#f44747
token.debug-token#ff2424
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#ff2424
meta.template.expression#d4d4d4
keyword.operator.module#ff2424
support.type.type.flowtype#f943ff
support.type.primitive#ade3f9
meta.property.object#5d85ff
variable.parameter.function.js#5d85ff
keyword.other.template.begin#30ecc9
keyword.other.template.end#30ecc9
keyword.other.substitution.begin#30ecc9
keyword.other.substitution.end#30ecc9
keyword.operator.assignment#30e8d7
keyword.operator.assignment.go#ade3f9
keyword.operator.arithmetic.go, keyword.operator.address.go#ff2424
entity.name.package.go#ade3f9
support.type.prelude.elm#30e8d7
support.constant.elm#e8bd95
punctuation.quasi.element#ff2424
constant.character.entity#5d85ff
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#30e8d7
entity.global.clojure#ade3f9
meta.symbol.clojure#5d85ff
constant.keyword.clojure#30e8d7
meta.arguments.coffee, variable.parameter.function.coffee#5d85ff
source.ini#30ecc9
meta.scope.prerequisites.makefile#5d85ff
source.makefile#ade3f9
storage.modifier.import.groovy#ade3f9
meta.method.groovy#f943ff
meta.definition.variable.name.groovy#5d85ff
meta.definition.class.inherited.classes.groovy#30ecc9
support.variable.semantic.hlsl#ade3f9
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#ff2424
text.variable, text.bracketed#5d85ff
support.type.swift, support.type.vb.asp#ade3f9
entity.name.function.xi#ade3f9
entity.name.class.xi#30e8d7
constant.character.character-class.regexp.xi#5d85ff
constant.regexp.xi#ff2424
keyword.control.xi#30e8d7
invalid.xi#d4d4d4
beginning.punctuation.definition.quote.markdown.xi#30ecc9
beginning.punctuation.definition.list.markdown.xi#619effc3
constant.character.xi#f943ff
accent.xi#f943ff
wikiword.xi#e8bd95
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#619effc3
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#ade3f9
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#5d85ff
meta.brace.square#d4d4d4
comment, punctuation.definition.comment#619effc3italic
markup.quote.markdown#619effc3
punctuation.definition.block.sequence.item.yaml#d4d4d4
constant.language.symbol.elixir#30e8d7
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...

Mol?lurity Theme - Coding Theme