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#101124
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#007acc
  • activityBarBadge.foreground#ffffff
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#101124
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#2d2f60
  • button.foreground#ffffff
  • button.hoverBackground#1177bb
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#101124
  • 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#101124
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#101124
  • 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#101124
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#444444
  • editorGroup.emptyBackground#101124
  • editorGroupHeader.tabsBackground#101124
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#101124
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#101124
  • 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#101124
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#101124
  • 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#101124
  • 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#101124
  • 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#101124
  • 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#101124
  • notifications.border#ea226d
  • notifications.foreground#d9d9d9
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#e21b1b
  • panel.background#101124
  • 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#101124
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#a3a3a3
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#101124
  • peekViewTitleDescription.foreground#e6e6e6b3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#3794ff
  • progressBar.background#0e70c0
  • scrollbar.shadow#272a4fa7
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#272a4fbf
  • scrollbarSlider.hoverBackground#393d73c3
  • selection.background#256aa7
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#101124
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#101124
  • 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#1f2373
  • tab.inactiveBackground#101124
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#101124
  • 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#101124
  • 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#ff8080
storage.type.haskell#ffd2a8
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#fb7bff
entity.name.lifetime.rust#ade3f9
variable.language.rust#5d85ff
support.constant.edge#ff8080
constant.other.character-class.regexp#5d85ff
keyword.operator.quantifier.regexp#ffd2a8
punctuation.definition.string.begin,punctuation.definition.string.end#48ffdd
variable.parameter.function#d4d4d4
comment markup.link#8bb8ffc3
markup.changed.diff#ade3f9
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#fb7bff
markup.inserted.diff#48ffdd
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#fb7bff
support.constant.math#ade3f9
support.constant.property.math#ffd2a8
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#fb7bff
storage.modifier.import.java,storage.type.java,storage.type.generic.java#ade3f9
keyword.operator.instanceof.java#ff8080
meta.definition.variable.name.java#5d85ff
keyword.operator.logical#57ffef
keyword.operator.bitwise#57ffef
keyword.operator.channel#57ffef
support.constant.property-value.scss,support.constant.property-value.css#ffd2a8
keyword.operator.css,keyword.operator.scss,keyword.operator.less#57ffef
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#ffd2a8
punctuation.separator.list.comma.css#d4d4d4
support.constant.color.w3c-standard-color-name.css#ffd2a8
support.type.vendored.property-name.css#57ffef
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#ffd2a8
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#ff8080
support.type.object.console#5d85ff
support.variable.property.process#ffd2a8
entity.name.function,support.function.console#fb7bff
keyword.operator.misc.rust#d4d4d4
keyword.operator.sigil.rust#ff8080
keyword.operator.delete#ff8080
support.type.object.dom#57ffef
support.variable.dom,support.variable.property.dom#5d85ff
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#57ffef
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#ff8080
punctuation.separator.delimiter#d4d4d4
punctuation.separator.c,punctuation.separator.cpp#ff8080
support.type.posix-reserved.c,support.type.posix-reserved.cpp#57ffef
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#ff8080
variable.parameter.function.language.python#ffd2a8
support.type.python#57ffef
keyword.operator.logical.python#ff8080
variable.parameter.function.python#ffd2a8
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#fb7bff
constant.character.format.placeholder.other.python#ffd2a8
keyword.operator#d4d4d4
keyword.operator.assignment.compound#ff8080
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#57ffef
keyword#ff8080
entity.name.namespace#ade3f9
variable#5d85ff
variable.c#d4d4d4
variable.language#ade3f9
token.variable.parameter.java#d4d4d4
import.storage.java#ade3f9
token.package.keyword#ff8080
token.package#d4d4d4
entity.name.function, meta.require, support.function.any-method, variable.function#fb7bff
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#ff8080
control.elements, keyword.operator.less#ffd2a8
keyword.other.special-method#fb7bff
storage#ff8080
token.storage#ff8080
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#ff8080
token.storage.type.java#ade3f9
support.function#57ffef
support.type.property-name#d4d4d4
support.constant.property-value#d4d4d4
support.constant.font-name#ffd2a8
meta.tag#d4d4d4
string#48ffdd
entity.other.inherited-class#ade3f9
constant.other.symbol#57ffef
constant.numeric#ffd2a8
constant#ffd2a8
punctuation.definition.constant#ffd2a8
entity.name.tag#5d85ff
entity.other.attribute-name#ffd2a8
entity.other.attribute-name.id#fb7bffnormal
entity.other.attribute-name.class.css#ffd2a8normal
meta.selector#ff8080
markup.heading#5d85ff
markup.heading punctuation.definition.heading, entity.name.section#fb7bff
keyword.other.unit#5d85ff
markup.bold,todo.bold#ffd2a8
punctuation.definition.bold#ade3f9
markup.italic, punctuation.definition.italic,todo.emphasis#ff8080
emphasis md#ff8080
entity.name.section.markdown#5d85ff
punctuation.definition.heading.markdown#5d85ff
punctuation.definition.list.begin.markdown#5d85ff
markup.heading.setext#d4d4d4
punctuation.definition.bold.markdown#ffd2a8
markup.inline.raw.markdown#48ffdd
markup.inline.raw.string.markdown#48ffdd
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#ff8080
string.other.link.title.markdown,string.other.link.description.markdown#fb7bff
string.regexp#57ffef
constant.character.escape#57ffef
punctuation.section.embedded, variable.interpolation#5d85ff
punctuation.section.embedded.begin,punctuation.section.embedded.end#ff8080
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#48ffdd
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#57ffef
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#ff8080
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#ff8080
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#ff8080
keyword.operator.type.php#ff8080
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#fb7bff
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#ffd2a8
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#ffd2a8
entity.name.goto-label.php,support.other.php#fb7bff
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#57ffef
keyword.operator.regexp.php#ff8080
keyword.operator.comparison.php#57ffef
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#ff8080
meta.function.decorator.python#fb7bff
support.token.decorator.python,meta.function.decorator.identifier.python#57ffef
function.parameter#d4d4d4
function.brace#d4d4d4
function.parameter.ruby, function.parameter.cs#d4d4d4
constant.language.symbol.ruby#57ffef
rgb-value#57ffef
inline-color-decoration rgb-value#ffd2a8
less rgb-value#ffd2a8
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#fb7bff
token.warn-token#ffd2a8
token.error-token#f44747
token.debug-token#ff8080
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#ff8080
meta.template.expression#d4d4d4
keyword.operator.module#ff8080
support.type.type.flowtype#fb7bff
support.type.primitive#ade3f9
meta.property.object#5d85ff
variable.parameter.function.js#5d85ff
keyword.other.template.begin#48ffdd
keyword.other.template.end#48ffdd
keyword.other.substitution.begin#48ffdd
keyword.other.substitution.end#48ffdd
keyword.operator.assignment#57ffef
keyword.operator.assignment.go#ade3f9
keyword.operator.arithmetic.go, keyword.operator.address.go#ff8080
entity.name.package.go#ade3f9
support.type.prelude.elm#57ffef
support.constant.elm#ffd2a8
punctuation.quasi.element#ff8080
constant.character.entity#5d85ff
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#57ffef
entity.global.clojure#ade3f9
meta.symbol.clojure#5d85ff
constant.keyword.clojure#57ffef
meta.arguments.coffee, variable.parameter.function.coffee#5d85ff
source.ini#48ffdd
meta.scope.prerequisites.makefile#5d85ff
source.makefile#ade3f9
storage.modifier.import.groovy#ade3f9
meta.method.groovy#fb7bff
meta.definition.variable.name.groovy#5d85ff
meta.definition.class.inherited.classes.groovy#48ffdd
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#ff8080
text.variable, text.bracketed#5d85ff
support.type.swift, support.type.vb.asp#ade3f9
entity.name.function.xi#ade3f9
entity.name.class.xi#57ffef
constant.character.character-class.regexp.xi#5d85ff
constant.regexp.xi#ff8080
keyword.control.xi#57ffef
invalid.xi#d4d4d4
beginning.punctuation.definition.quote.markdown.xi#48ffdd
beginning.punctuation.definition.list.markdown.xi#8bb8ffc3
constant.character.xi#fb7bff
accent.xi#fb7bff
wikiword.xi#ffd2a8
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#8bb8ffc3
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#8bb8ffc3italic
markup.quote.markdown#8bb8ffc3
punctuation.definition.block.sequence.item.yaml#d4d4d4
constant.language.symbol.elixir#57ffef
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