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#27272c
  • activityBar.background#27272c
  • activityBar.border#27272c
  • activityBar.foreground#4db6ac
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#4db6ac
  • activityBarBadge.foreground#27272c
  • badge.background#ec407a
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#18181b
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#0f6d5c
  • button.foreground#ffffff
  • button.hoverBackground#094d41
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#36363d
  • checkbox.background#27272c
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#27272c
  • debugExceptionWidget.border#474747
  • debugToolBar.background#27272c
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#00ab9b66
  • diffEditor.removedTextBackground#ec407934
  • dropdown.background#27272c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#18181b
  • editor.findMatchBackground#0d715fd1
  • editor.findMatchBorder#16d3b0a3
  • editor.findMatchHighlightBackground#0d715fd1
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#90a4ae
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#486f736c
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#eefffc3c
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#497577
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#0d715fd1
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#90a4ae
  • editorCursor.background#000000
  • editorCursor.foreground#c6c9c8
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#ec407a
  • editorGroup.border#000000
  • editorGroup.emptyBackground#18181b
  • editorGroupHeader.tabsBackground#27272c
  • editorGutter.addedBackground#9e9d24
  • editorGutter.background#18181b
  • editorGutter.commentRangeForeground#90a4ae
  • editorGutter.deletedBackground#ec407a
  • editorGutter.foldingControlForeground#90a4ae
  • editorGutter.modifiedBackground#4db6ac
  • editorHoverWidget.background#18181b
  • editorHoverWidget.border#4db6ac
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#64b5f6
  • editorLineNumber.activeForeground#9ac4ba
  • editorLineNumber.foreground#6d827e
  • editorLink.activeForeground#16d3b0
  • editorMarkerNavigation.background#27272c
  • editorMarkerNavigationError.background#ec407a
  • editorMarkerNavigationInfo.background#009688
  • editorMarkerNavigationWarning.background#9e9d24
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#27272c
  • editorSuggestWidget.border#36363d
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#16d3b0
  • editorSuggestWidget.selectedBackground#094d41
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#9e9d24
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#18181b
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#4db6ac
  • 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#27272c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#00d4c066
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#094771
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#383b3d
  • list.focusBackground#234f4b
  • list.focusForeground#cccccc
  • list.highlightForeground#4db6ac
  • list.hoverBackground#545460
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#36363d
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#4b1728
  • listFilterWidget.noMatchesOutline#ec407a
  • listFilterWidget.outline#00000000
  • menu.background#27272c
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#0d715f93
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#36363d
  • merge.commonHeaderBackground#45454d
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#3b847d
  • merge.incomingContentBackground#4a284b
  • merge.incomingHeaderBackground#8f397e
  • minimap.background#18181b
  • minimap.errorHighlight#ec407a
  • minimap.findMatchHighlight#0d715fd1
  • minimap.selectionHighlight#eefffc3c
  • minimap.warningHighlight#9e9d24
  • minimapGutter.addedBackground#9e9d24
  • minimapGutter.deletedBackground#ec407a
  • minimapGutter.modifiedBackground#4db6ac
  • notificationCenter.border#474747
  • notificationCenterHeader.background#303031
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#252526
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#474747
  • panel.background#18181b
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#4db6ac
  • peekViewEditor.background#18181b
  • peekViewEditor.matchHighlightBackground#ec407a52
  • peekViewEditor.matchHighlightBorder#ec407a
  • peekViewEditorGutter.background#18181b
  • peekViewResult.background#18181b
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ec407980
  • peekViewResult.selectionBackground#0d715fd1
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#18181b
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#27272c
  • pickerGroup.foreground#16d3b0
  • progressBar.background#4db6ac
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#0d715fd1
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#27272c
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#0d715f
  • statusBar.debuggingBackground#c23564
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#d56f15
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#16d3b0
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#18181b
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#27272c
  • tab.inactiveBackground#27272c
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#3b8eea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#23d18b
  • terminal.ansiBrightMagenta#c682ff
  • terminal.ansiBrightRed#ec407a
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#c7c531
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#21a771
  • terminal.ansiMagenta#aa76d5
  • terminal.ansiRed#b83360
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#9e9d24
  • terminal.border#80808059
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#0d715fd1
  • terminalCursor.foreground#ffffff
  • textLink.foreground#4db6ac
  • titleBar.activeBackground#18181b
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#27272c
  • 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#64b5f6
variable.other.generic-type.haskell#4db6ac
storage.type.haskell#d56f15
support.variable.magic.python#64b5f6
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#90a4ae
variable.parameter.function.language.special.self.python#ec407a
storage.modifier.lifetime.rust#90a4ae
support.function.std.rust#a785e6
entity.name.lifetime.rust#ec407a
variable.language.rust#64b5f6
support.constant.edge#4db6ac
constant.other.character-class.regexp#64b5f6
keyword.operator.quantifier.regexp#d56f15
punctuation.definition.string.begin,punctuation.definition.string.end#9e9d24
variable.parameter.function#90a4ae
comment markup.link#67c2f0ad
markup.changed.diff#ec407a
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#a785e6
markup.inserted.diff#9e9d24
markup.deleted.diff#64b5f6
meta.function.c,meta.function.cpp#64b5f6
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#90a4ae
punctuation.separator.key-value#90a4ae
keyword.operator.expression.import#a785e6
support.constant.math#ec407a
support.constant.property.math#d56f15
variable.other.constant#ec407a
storage.type.annotation.java, storage.type.object.array.java#ec407a
source.java#64b5f6
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#90a4ae
meta.method.java#a785e6
storage.modifier.import.java,storage.type.java,storage.type.generic.java#ec407a
keyword.operator.instanceof.java#4db6ac
meta.definition.variable.name.java#64b5f6
keyword.operator.logical#4db6ac
keyword.operator.bitwise#4db6ac
keyword.operator.channel#4db6ac
support.constant.property-value.scss,support.constant.property-value.css#d56f15
keyword.operator.css,keyword.operator.scss,keyword.operator.less#4db6ac
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#d56f15
punctuation.separator.list.comma.css#90a4ae
support.constant.color.w3c-standard-color-name.css#d56f15
support.type.vendored.property-name.css#4db6ac
support.module.node,support.type.object.module,support.module.node#ec407a
entity.name.type.module#ec407a
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#64b5f6
support.constant.json#d56f15
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#4db6ac
support.type.object.console#64b5f6
support.variable.property.process#d56f15
entity.name.function,support.function.console#a785e6
keyword.operator.misc.rust#90a4ae
keyword.operator.sigil.rust#4db6ac
keyword.operator.delete#4db6ac
support.type.object.dom#4db6ac
support.variable.dom,support.variable.property.dom#64b5f6
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#4db6ac
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#4db6ac
punctuation.separator.delimiter#90a4ae
punctuation.separator.c,punctuation.separator.cpp#4db6ac
support.type.posix-reserved.c,support.type.posix-reserved.cpp#4db6ac
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#4db6ac
variable.parameter.function.language.python#d56f15
support.type.python#4db6ac
keyword.operator.logical.python#4db6ac
variable.parameter.function.python#d56f15
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#90a4ae
meta.function-call.generic.python#a785e6
constant.character.format.placeholder.other.python#d56f15
keyword.operator#90a4ae
keyword.operator.assignment.compound#4db6ac
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#4db6ac
keyword#4db6ac
entity.name.namespace#ec407a
variable#64b5f6
variable.c#90a4ae
variable.language#ec407a
token.variable.parameter.java#90a4ae
import.storage.java#ec407a
token.package.keyword#4db6ac
token.package#90a4ae
entity.name.function, meta.require, support.function.any-method, variable.function#a785e6
entity.name.type.namespace#ec407a
support.class, entity.name.type.class#ec407a
entity.name.class.identifier.namespace.type#ec407a
entity.name.class, variable.other.class.js, variable.other.class.ts#ec407a
variable.other.class.php#64b5f6
entity.name.type#ec407a
keyword.control#4db6ac
control.elements, keyword.operator.less#d56f15
keyword.other.special-method#a785e6
storage#4db6ac
token.storage#4db6ac
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#4db6ac
token.storage.type.java#ec407a
support.function#4db6ac
support.type.property-name#90a4ae
support.constant.property-value#90a4ae
support.constant.font-name#d56f15
meta.tag#90a4ae
string#9e9d24
entity.other.inherited-class#ec407a
constant.other.symbol#4db6ac
constant.numeric#d56f15
constant#d56f15
punctuation.definition.constant#d56f15
entity.name.tag#64b5f6
entity.other.attribute-name#d56f15
entity.other.attribute-name.id#a785e6normal
entity.other.attribute-name.class.css#d56f15normal
meta.selector#4db6ac
markup.heading#64b5f6
markup.heading punctuation.definition.heading, entity.name.section#a785e6
keyword.other.unit#64b5f6
markup.bold,todo.bold#d56f15
punctuation.definition.bold#ec407a
markup.italic, punctuation.definition.italic,todo.emphasis#4db6ac
emphasis md#4db6ac
entity.name.section.markdown#64b5f6
punctuation.definition.heading.markdown#64b5f6
punctuation.definition.list.begin.markdown#64b5f6
markup.heading.setext#90a4ae
punctuation.definition.bold.markdown#d56f15
markup.inline.raw.markdown#9e9d24
markup.inline.raw.string.markdown#9e9d24
punctuation.definition.list.markdown#64b5f6
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#64b5f6
beginning.punctuation.definition.list.markdown#64b5f6
punctuation.definition.metadata.markdown#64b5f6
markup.underline.link.markdown,markup.underline.link.image.markdown#4db6ac
string.other.link.title.markdown,string.other.link.description.markdown#a785e6
string.regexp#4db6ac
constant.character.escape#4db6ac
punctuation.section.embedded, variable.interpolation#64b5f6
punctuation.section.embedded.begin,punctuation.section.embedded.end#4db6ac
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#90a4ae
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#64b5f6
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#64b5f6
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#9e9d24
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#4db6ac
support.type.property-name.json#64b5f6
support.type.property-name.json punctuation#64b5f6
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#4db6ac
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#4db6ac
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#ec407a
keyword.operator.error-control.php#4db6ac
keyword.operator.type.php#4db6ac
punctuation.section.array.begin.php#90a4ae
punctuation.section.array.end.php#90a4ae
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#ec407a
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#a785e6
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#90a4ae
support.constant.core.rust#d56f15
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#d56f15
entity.name.goto-label.php,support.other.php#a785e6
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#4db6ac
keyword.operator.regexp.php#4db6ac
keyword.operator.comparison.php#4db6ac
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#4db6ac
meta.function.decorator.python#a785e6
support.token.decorator.python,meta.function.decorator.identifier.python#4db6ac
function.parameter#90a4ae
function.brace#90a4ae
function.parameter.ruby, function.parameter.cs#90a4ae
constant.language.symbol.ruby#4db6ac
rgb-value#4db6ac
inline-color-decoration rgb-value#d56f15
less rgb-value#d56f15
selector.sass#64b5f6
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#ec407a
block.scope.end,block.scope.begin#90a4ae
storage.type.cs#ec407a
entity.name.variable.local.cs#64b5f6
token.info-token#a785e6
token.warn-token#d56f15
token.error-token#f44747
token.debug-token#4db6ac
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#4db6ac
meta.template.expression#90a4ae
keyword.operator.module#4db6ac
support.type.type.flowtype#a785e6
support.type.primitive#ec407a
meta.property.object#64b5f6
variable.parameter.function.js#64b5f6
keyword.other.template.begin#9e9d24
keyword.other.template.end#9e9d24
keyword.other.substitution.begin#9e9d24
keyword.other.substitution.end#9e9d24
keyword.operator.assignment#4db6ac
keyword.operator.assignment.go#ec407a
keyword.operator.arithmetic.go, keyword.operator.address.go#4db6ac
entity.name.package.go#ec407a
support.type.prelude.elm#4db6ac
support.constant.elm#d56f15
punctuation.quasi.element#4db6ac
constant.character.entity#64b5f6
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#4db6ac
entity.global.clojure#ec407a
meta.symbol.clojure#64b5f6
constant.keyword.clojure#4db6ac
meta.arguments.coffee, variable.parameter.function.coffee#64b5f6
source.ini#9e9d24
meta.scope.prerequisites.makefile#64b5f6
source.makefile#ec407a
storage.modifier.import.groovy#ec407a
meta.method.groovy#a785e6
meta.definition.variable.name.groovy#64b5f6
meta.definition.class.inherited.classes.groovy#9e9d24
support.variable.semantic.hlsl#ec407a
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#4db6ac
text.variable, text.bracketed#64b5f6
support.type.swift, support.type.vb.asp#ec407a
entity.name.function.xi#ec407a
entity.name.class.xi#4db6ac
constant.character.character-class.regexp.xi#64b5f6
constant.regexp.xi#4db6ac
keyword.control.xi#4db6ac
invalid.xi#90a4ae
beginning.punctuation.definition.quote.markdown.xi#9e9d24
beginning.punctuation.definition.list.markdown.xi#67c2f0ad
constant.character.xi#a785e6
accent.xi#a785e6
wikiword.xi#d56f15
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#67c2f0ad
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#ec407a
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#64b5f6
meta.brace.square#90a4ae
comment, punctuation.definition.comment#67c2f0aditalic
markup.quote.markdown#67c2f0ad
punctuation.definition.block.sequence.item.yaml#90a4ae
constant.language.symbol.elixir#4db6ac
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...

weird theme - Coding Theme