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#ff000000
  • activityBar.background#1e1a32
  • activityBar.border#ff000000
  • activityBar.foreground#b6b1cc
  • activityBar.inactiveForeground#4f496a
  • activityBarBadge.background#45b895
  • activityBarBadge.foreground#134335
  • badge.background#453464
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#ec0b21
  • breadcrumb.background#1e1a32
  • breadcrumb.focusForeground#ec0b21
  • breadcrumb.foreground#4f496a
  • button.background#312a51
  • button.foreground#ffffff
  • button.hoverBackground#372d68
  • button.secondaryBackground#453464
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#4f3f6b
  • checkbox.background#4f496a
  • checkbox.border#343046
  • checkbox.foreground#ffffff
  • debugExceptionWidget.background#2c293a
  • debugExceptionWidget.border#232132
  • debugToolBar.background#2c293a
  • debugToolBar.border#232132
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#4f496a
  • dropdown.border#343046
  • dropdown.foreground#ffffff
  • editor.background#1e1a32
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#8b9dff
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#332e3b
  • editor.lineHighlightBackground#2c293a
  • editor.lineHighlightBorder#2c293a
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#443854
  • editor.selectionHighlightBackground#44385493
  • editor.selectionHighlightBorder#4f3671
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#2a2736
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f9255778
  • editorGroup.border#2c293a
  • editorGroup.emptyBackground#1e1a32
  • editorGroupHeader.border#ff020200
  • editorGroupHeader.tabsBackground#2c293a
  • editorGroupHeader.tabsBorder#ff000000
  • editorGutter.addedBackground#324333
  • editorGutter.background#1e1a32
  • editorGutter.commentRangeForeground#4f496a
  • editorGutter.deletedBackground#642c34
  • editorGutter.foldingControlForeground#4f496a
  • editorGutter.modifiedBackground#323c62
  • editorHoverWidget.background#2c293a
  • editorHoverWidget.border#232132
  • editorHoverWidget.foreground#b6b1cc
  • editorIndentGuide.activeBackground#554a66
  • editorIndentGuide.background#36303f
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#2a9bff81
  • editorLineNumber.activeForeground#b6b1cc
  • editorLineNumber.foreground#4f496a
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#413b60
  • editorSuggestWidget.background#2c293a
  • editorSuggestWidget.border#232132
  • editorSuggestWidget.foreground#b6b1cc
  • editorSuggestWidget.highlightForeground#ffffff
  • editorSuggestWidget.selectedBackground#453464
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#fdd5206a
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#2c293a
  • editorWidget.foreground#b6b1cc
  • editorWidget.resizeBorder#0a51ac
  • focusBorder#232132
  • foreground#aca8be
  • 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#aca8be
  • input.background#4f496a
  • input.border#343046
  • input.foreground#ffffff
  • input.placeholderForeground#342e51
  • inputOption.activeBackground#453464b3
  • inputOption.activeBorder#453464
  • inputOption.activeForeground#271a3f
  • list.activeSelectionBackground#453464
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#292636
  • list.focusBackground#292636
  • list.focusForeground#ffffff
  • list.highlightForeground#0aac7b
  • list.hoverBackground#232132a1
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#232132
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#ea226a32
  • listFilterWidget.noMatchesOutline#ff0000
  • listFilterWidget.outline#ea226a72
  • menu.background#232132
  • menu.border#343046
  • menu.foreground#bc4f4f
  • menu.selectionBackground#c0468b
  • menu.selectionBorder#c0468b
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#30293b
  • menubar.selectionBackground#343046
  • menubar.selectionBorder#fb0000
  • menubar.selectionForeground#b6b1cc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#1e1a32
  • minimap.errorHighlight#f9255778
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#443854
  • minimap.warningHighlight#fdd5206a
  • minimapGutter.addedBackground#324333
  • minimapGutter.deletedBackground#642c34
  • minimapGutter.modifiedBackground#323c62
  • notificationCenter.border#232132
  • notificationCenterHeader.background#292636
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#2c293a
  • notifications.border#343046
  • notifications.foreground#b6b1cc
  • notificationsErrorIcon.foreground#ff4e67
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#ffd145
  • notificationToast.border#232132
  • panel.background#1e1a32
  • panel.border#232132
  • panelSection.border#80808059
  • panelTitle.activeBorder#0aac7b
  • panelTitle.activeForeground#b6b1cc
  • panelTitle.inactiveForeground#4f496a
  • peekView.border#562ba3
  • peekViewEditor.background#261c38
  • peekViewEditor.matchHighlightBackground#da54a350
  • peekViewEditor.matchHighlightBorder#da54a3
  • peekViewEditorGutter.background#261c38
  • peekViewResult.background#292636
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#1d192a
  • peekViewResult.selectionBackground#453464
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#292636
  • pickerGroup.foreground#4f496a
  • progressBar.background#0aac7b
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#0aac7b
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#aca8be
  • sideBar.background#1e1a32
  • sideBar.border#ff000002
  • sideBar.dropBackground#292636
  • sideBar.foreground#b8aacb
  • sideBarSectionHeader.background#ff000000
  • sideBarSectionHeader.border#ff000000
  • sideBarSectionHeader.foreground#4f496a
  • sideBarTitle.foreground#4f496af5
  • statusBar.background#1e1a32
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#4f496a
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#2e9471
  • statusBarItem.remoteForeground#74d7b5
  • tab.activeBackground#1e1a32
  • tab.activeBorder#fb010100
  • tab.activeBorderTop#0aac7b00
  • tab.activeForeground#ffffff
  • tab.border#34304600
  • tab.inactiveBackground#242038
  • tab.inactiveForeground#f5eeff
  • 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#6022ea28
  • terminalCursor.background#ea226a
  • terminalCursor.foreground#ffffff
  • textLink.foreground#ffffff
  • titleBar.activeBackground#1e1a32
  • titleBar.activeForeground#4f496a
  • titleBar.border#00000000
  • titleBar.inactiveBackground#1e1a32
  • titleBar.inactiveForeground#4f496a
  • tree.indentGuidesStroke#343046
  • 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#f0efff
variable.other.generic-type.haskell#c3a0f5
storage.type.haskell#ff8e62
support.variable.magic.python#f0efff
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#8b9dff
variable.parameter.function.language.special.self.python#f2e391
storage.modifier.lifetime.rust#8b9dff
support.function.std.rust#4ec7c1
entity.name.lifetime.rust#f2e391
variable.language.rust#f0efff
support.constant.edge#c3a0f5
constant.other.character-class.regexp#f0efff
keyword.operator.quantifier.regexp#ff8e62
punctuation.definition.string.begin,punctuation.definition.string.end#8fde90
variable.parameter.function#8b9dff
comment markup.link#836ba7
markup.changed.diff#f2e391
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#4ec7c1
markup.inserted.diff#8fde90
markup.deleted.diff#f0efff
meta.function.c,meta.function.cpp#f0efff
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#8b9dff
punctuation.separator.key-value#8b9dff
keyword.operator.expression.import#4ec7c1
support.constant.math#f2e391
support.constant.property.math#ff8e62
variable.other.constant#f2e391
storage.type.annotation.java, storage.type.object.array.java#f2e391
source.java#f0efff
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#8b9dff
meta.method.java#4ec7c1
storage.modifier.import.java,storage.type.java,storage.type.generic.java#f2e391
keyword.operator.instanceof.java#c3a0f5
meta.definition.variable.name.java#f0efff
keyword.operator.logical#e45cbb
keyword.operator.bitwise#e45cbb
keyword.operator.channel#e45cbb
support.constant.property-value.scss,support.constant.property-value.css#ff8e62
keyword.operator.css,keyword.operator.scss,keyword.operator.less#e45cbb
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#ff8e62
punctuation.separator.list.comma.css#8b9dff
support.constant.color.w3c-standard-color-name.css#ff8e62
support.type.vendored.property-name.css#e45cbb
support.module.node,support.type.object.module,support.module.node#f2e391
entity.name.type.module#f2e391
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#f0efff
support.constant.json#ff8e62
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#c3a0f5
support.type.object.console#f0efff
support.variable.property.process#ff8e62
entity.name.function,support.function.console#4ec7c1
keyword.operator.misc.rust#8b9dff
keyword.operator.sigil.rust#c3a0f5
keyword.operator.delete#c3a0f5
support.type.object.dom#e45cbb
support.variable.dom,support.variable.property.dom#f0efff
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#e45cbb
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#c3a0f5
punctuation.separator.delimiter#8b9dff
punctuation.separator.c,punctuation.separator.cpp#c3a0f5
support.type.posix-reserved.c,support.type.posix-reserved.cpp#e45cbb
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#c3a0f5
variable.parameter.function.language.python#ff8e62
support.type.python#e45cbb
keyword.operator.logical.python#c3a0f5
variable.parameter.function.python#ff8e62
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#8b9dff
meta.function-call.generic.python#4ec7c1
constant.character.format.placeholder.other.python#ff8e62
keyword.operator#8b9dff
keyword.operator.assignment.compound#c3a0f5
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#e45cbb
keyword#c3a0f5
entity.name.namespace#f2e391
variable#f0efff
variable.c#8b9dff
variable.language#f2e391
token.variable.parameter.java#8b9dff
import.storage.java#f2e391
token.package.keyword#c3a0f5
token.package#8b9dff
entity.name.function, meta.require, support.function.any-method, variable.function#4ec7c1
entity.name.type.namespace#f2e391
support.class, entity.name.type.class#f2e391
entity.name.class.identifier.namespace.type#f2e391
entity.name.class, variable.other.class.js, variable.other.class.ts#f2e391
variable.other.class.php#f0efff
entity.name.type#f2e391
keyword.control#c3a0f5
control.elements, keyword.operator.less#ff8e62
keyword.other.special-method#4ec7c1
storage#c3a0f5
token.storage#c3a0f5
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#c3a0f5
token.storage.type.java#f2e391
support.function#e45cbb
support.type.property-name#8b9dff
support.constant.property-value#8b9dff
support.constant.font-name#ff8e62
meta.tag#8b9dff
string#8fde90
entity.other.inherited-class#f2e391
constant.other.symbol#e45cbb
constant.numeric#ff8e62
constant#ff8e62
punctuation.definition.constant#ff8e62
entity.name.tag#f0efff
entity.other.attribute-name#ff8e62
entity.other.attribute-name.id#4ec7c1normal
entity.other.attribute-name.class.css#ff8e62normal
meta.selector#c3a0f5
markup.heading#f0efff
markup.heading punctuation.definition.heading, entity.name.section#4ec7c1
keyword.other.unit#f0efff
markup.bold,todo.bold#ff8e62
punctuation.definition.bold#f2e391
markup.italic, punctuation.definition.italic,todo.emphasis#c3a0f5
emphasis md#c3a0f5
entity.name.section.markdown#f0efff
punctuation.definition.heading.markdown#f0efff
punctuation.definition.list.begin.markdown#f0efff
markup.heading.setext#8b9dff
punctuation.definition.bold.markdown#ff8e62
markup.inline.raw.markdown#8fde90
markup.inline.raw.string.markdown#8fde90
punctuation.definition.list.markdown#f0efff
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#f0efff
beginning.punctuation.definition.list.markdown#f0efff
punctuation.definition.metadata.markdown#f0efff
markup.underline.link.markdown,markup.underline.link.image.markdown#c3a0f5
string.other.link.title.markdown,string.other.link.description.markdown#4ec7c1
string.regexp#e45cbb
constant.character.escape#e45cbb
punctuation.section.embedded, variable.interpolation#f0efff
punctuation.section.embedded.begin,punctuation.section.embedded.end#c3a0f5
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#8b9dff
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#f0efff
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#f0efff
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#8fde90
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#e45cbb
support.type.property-name.json#f0efff
support.type.property-name.json punctuation#f0efff
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#c3a0f5
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#c3a0f5
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#f2e391
keyword.operator.error-control.php#c3a0f5
keyword.operator.type.php#c3a0f5
punctuation.section.array.begin.php#8b9dff
punctuation.section.array.end.php#8b9dff
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#f2e391
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#4ec7c1
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#8b9dff
support.constant.core.rust#ff8e62
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#ff8e62
entity.name.goto-label.php,support.other.php#4ec7c1
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#e45cbb
keyword.operator.regexp.php#c3a0f5
keyword.operator.comparison.php#e45cbb
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#c3a0f5
meta.function.decorator.python#4ec7c1
support.token.decorator.python,meta.function.decorator.identifier.python#e45cbb
function.parameter#8b9dff
function.brace#8b9dff
function.parameter.ruby, function.parameter.cs#8b9dff
constant.language.symbol.ruby#e45cbb
rgb-value#e45cbb
inline-color-decoration rgb-value#ff8e62
less rgb-value#ff8e62
selector.sass#f0efff
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#f2e391
block.scope.end,block.scope.begin#8b9dff
storage.type.cs#f2e391
entity.name.variable.local.cs#f0efff
token.info-token#4ec7c1
token.warn-token#ff8e62
token.error-token#f44747
token.debug-token#c3a0f5
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#c3a0f5
meta.template.expression#8b9dff
keyword.operator.module#c3a0f5
support.type.type.flowtype#4ec7c1
support.type.primitive#f2e391
meta.property.object#f0efff
variable.parameter.function.js#f0efff
keyword.other.template.begin#8fde90
keyword.other.template.end#8fde90
keyword.other.substitution.begin#8fde90
keyword.other.substitution.end#8fde90
keyword.operator.assignment#e45cbb
keyword.operator.assignment.go#f2e391
keyword.operator.arithmetic.go, keyword.operator.address.go#c3a0f5
entity.name.package.go#f2e391
support.type.prelude.elm#e45cbb
support.constant.elm#ff8e62
punctuation.quasi.element#c3a0f5
constant.character.entity#f0efff
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#e45cbb
entity.global.clojure#f2e391
meta.symbol.clojure#f0efff
constant.keyword.clojure#e45cbb
meta.arguments.coffee, variable.parameter.function.coffee#f0efff
source.ini#8fde90
meta.scope.prerequisites.makefile#f0efff
source.makefile#f2e391
storage.modifier.import.groovy#f2e391
meta.method.groovy#4ec7c1
meta.definition.variable.name.groovy#f0efff
meta.definition.class.inherited.classes.groovy#8fde90
support.variable.semantic.hlsl#f2e391
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#c3a0f5
text.variable, text.bracketed#f0efff
support.type.swift, support.type.vb.asp#f2e391
entity.name.function.xi#f2e391
entity.name.class.xi#e45cbb
constant.character.character-class.regexp.xi#f0efff
constant.regexp.xi#c3a0f5
keyword.control.xi#e45cbb
invalid.xi#8b9dff
beginning.punctuation.definition.quote.markdown.xi#8fde90
beginning.punctuation.definition.list.markdown.xi#836ba7
constant.character.xi#4ec7c1
accent.xi#4ec7c1
wikiword.xi#ff8e62
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#836ba7
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#f2e391
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#f0efff
meta.brace.square#8b9dff
comment, punctuation.definition.comment#836ba7italic
markup.quote.markdown#836ba7
punctuation.definition.block.sequence.item.yaml#8b9dff
constant.language.symbol.elixir#e45cbb
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