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#131316
  • activityBar.background#131316
  • activityBar.border#bf002000
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#bf0020
  • activityBarBadge.foreground#ffffff
  • badge.background#bf0020
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#ffffff
  • breadcrumb.background#131316
  • breadcrumb.focusForeground#ffffff
  • breadcrumb.foreground#ffffffa7
  • button.background#bf0020
  • button.foreground#ffffff
  • button.hoverBackground#960019
  • button.secondaryBackground#696969
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#131316
  • checkbox.border#00000000
  • checkbox.foreground#d7d7d7
  • debugExceptionWidget.background#131316
  • debugExceptionWidget.border#00000000
  • debugToolBar.background#131316
  • debugToolBar.border#00000000
  • diffEditor.border#96969652
  • diffEditor.insertedTextBackground#6bd53033
  • diffEditor.insertedTextBorder#00000000
  • diffEditor.removedTextBackground#ff000033
  • diffEditor.removedTextBorder#00000000
  • dropdown.background#131316
  • dropdown.border#00000000
  • dropdown.foreground#d7d7d7
  • editor.background#131316
  • editor.findMatchBackground#ffffff3e
  • editor.findMatchBorder#00000000
  • editor.findMatchHighlightBackground#bf002050
  • editor.findMatchHighlightBorder#00000000
  • editor.findRangeHighlightBackground#5a5a5a26
  • editor.findRangeHighlightBorder#00000000
  • editor.foldBackground#7826264d
  • editor.foreground#ffffffcf
  • editor.hoverHighlightBackground#90909034
  • editor.inactiveSelectionBackground#ffffff0e
  • editor.lineHighlightBackground#262626
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#262626
  • editor.rangeHighlightBorder#00000000
  • editor.selectionBackground#f0f0f014
  • editor.selectionHighlightBackground#ffffff30
  • editor.selectionHighlightBorder#00000000
  • editor.wordHighlightBackground#4f4f4fb8
  • editor.wordHighlightBorder#ff000000
  • editor.wordHighlightStrongBackground#004f7bab
  • editor.wordHighlightStrongBorder#00000000
  • editorBracketMatch.background#262626
  • editorBracketMatch.border#ffffff26
  • editorCodeLens.foreground#888888
  • editorCursor.background#ffffff
  • editorCursor.foreground#bf0020
  • editorError.background#00000000
  • editorError.border#00000000
  • editorError.foreground#ff4a38
  • editorGroup.border#b8b8b86c
  • editorGroup.emptyBackground#131316
  • editorGroupHeader.border#bf002000
  • editorGroupHeader.tabsBackground#131316
  • editorGroupHeader.tabsBorder#bf002000
  • editorGutter.addedBackground#bcff32a5
  • editorGutter.background#131316
  • editorGutter.commentRangeForeground#c2c2c2
  • editorGutter.deletedBackground#d9000a
  • editorGutter.foldingControlForeground#c2c2c2
  • editorGutter.modifiedBackground#eeb817bb
  • editorHoverWidget.background#131316
  • editorHoverWidget.border#b0b0b054
  • editorHoverWidget.foreground#d7d7d7
  • editorIndentGuide.activeBackground#6f6f6fcd
  • editorIndentGuide.background#51515181
  • editorInfo.background#00000000
  • editorInfo.border#00000000
  • editorInfo.foreground#58b0ffc5
  • editorLineNumber.activeForeground#ffffff66
  • editorLineNumber.foreground#ffffff66
  • editorLink.activeForeground#61a6e0
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#00000000
  • editorRuler.foreground#bf002044
  • editorSuggestWidget.background#131316
  • editorSuggestWidget.border#ffffff34
  • editorSuggestWidget.foreground#7d7d7d
  • editorSuggestWidget.highlightForeground#0093ff
  • editorSuggestWidget.selectedBackground#232a34
  • editorWarning.background#00000000
  • editorWarning.border#00000000
  • editorWarning.foreground#ffc415df
  • editorWhitespace.foreground#ffffff3e
  • editorWidget.background#131316
  • editorWidget.foreground#ffffffb3
  • editorWidget.resizeBorder#00000000
  • focusBorder#dedede32
  • foreground#cccccc
  • gitDecoration.addedResourceForeground#81b88b
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#ff4a38
  • gitDecoration.ignoredResourceForeground#a3a3a378
  • gitDecoration.modifiedResourceForeground#e8b15d
  • gitDecoration.stageDeletedResourceForeground#ec6b55
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#c0d4e6
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#cccccc
  • input.background#131316
  • input.border#00000000
  • input.foreground#d7d7d7
  • input.placeholderForeground#cbcbcb
  • inputOption.activeBackground#bf002066
  • inputOption.activeBorder#00000000
  • inputOption.activeForeground#f8f2f2
  • list.activeSelectionBackground#29292e
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#29292e
  • list.focusBackground#29292e
  • list.focusForeground#ffffff
  • list.highlightForeground#ff4848
  • list.hoverBackground#ffffff10
  • list.hoverForeground#f8f2f2
  • list.inactiveSelectionBackground#29292e
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#515151
  • listFilterWidget.noMatchesOutline#ffffff00
  • listFilterWidget.outline#00000000
  • menu.background#131316
  • menu.border#0000002e
  • menu.foreground#ffffffb5
  • menu.selectionBackground#bf002066
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#ff1c427c
  • menubar.selectionBackground#bf002066
  • menubar.selectionBorder#ffffff00
  • menubar.selectionForeground#ffffff
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#5c3933
  • merge.currentHeaderBackground#5c3933
  • merge.incomingContentBackground#385c33
  • merge.incomingHeaderBackground#385c33
  • minimap.background#131316
  • minimap.errorHighlight#ff4a38
  • minimap.findMatchHighlight#ffffff3e
  • minimap.selectionHighlight#f0f0f014
  • minimap.warningHighlight#ffc415df
  • minimapGutter.addedBackground#bcff32a5
  • minimapGutter.deletedBackground#d9000a
  • minimapGutter.modifiedBackground#eeb817bb
  • notificationCenter.border#00000000
  • notificationCenterHeader.background#131316
  • notificationCenterHeader.foreground#FFFFFF
  • notifications.background#131316
  • notifications.border#ffffff16
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#ff4a38
  • notificationsInfoIcon.foreground#7EE2FF
  • notificationsWarningIcon.foreground#eeb817
  • notificationToast.border#00000000
  • panel.background#131316
  • panel.border#0c0e1200
  • panelSection.border#ffffff7e
  • panelTitle.activeBorder#bf0020
  • panelTitle.activeForeground#ffffff
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#00000000
  • peekViewEditor.background#004f75
  • peekViewEditor.matchHighlightBackground#ff8f0070
  • peekViewEditor.matchHighlightBorder#ffc0719d
  • peekViewEditorGutter.background#004f75
  • peekViewResult.background#131316
  • peekViewResult.fileForeground#eeeeee
  • peekViewResult.lineForeground#adadad
  • peekViewResult.matchHighlightBackground#ff8f0070
  • peekViewResult.selectionBackground#bf002066
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#131316
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#00000000
  • pickerGroup.foreground#60A9FF
  • progressBar.background#bf0020
  • scrollbar.shadow#bf002000
  • scrollbarSlider.activeBackground#bfbfbf2c
  • scrollbarSlider.background#ffffff10
  • scrollbarSlider.hoverBackground#ffffff16
  • selection.background#007acc
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#131316
  • sideBar.border#bf002000
  • sideBar.dropBackground#29292e
  • sideBar.foreground#f8f2f2
  • sideBarSectionHeader.background#131316
  • sideBarSectionHeader.border#bf002000
  • sideBarSectionHeader.foreground#f8f2f2
  • sideBarTitle.foreground#f8f2f2
  • statusBar.background#131316
  • statusBar.border#bf002000
  • statusBar.debuggingBackground#D26218
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#000000
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#bf002066
  • statusBarItem.remoteBackground#bf0020
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#131316
  • tab.activeBorder#bf0020
  • tab.activeBorderTop#fb101000
  • tab.activeForeground#ffffff
  • tab.border#ffffff1e
  • tab.hoverBackground#bb002000
  • tab.hoverBorder#bf0020
  • tab.hoverForeground#ffffff
  • tab.inactiveBackground#131316
  • tab.inactiveForeground#ffffffd1
  • terminal.ansiBlack#434343
  • 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#D4D4D4
  • terminal.ansiYellow#e5e510
  • terminal.border#ffffff7e
  • terminal.foreground#dbdbdb
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#ff0000a9
  • terminalCursor.foreground#ffffff
  • textLink.foreground#5EB3FF
  • titleBar.activeBackground#131316
  • titleBar.activeForeground#ffffff
  • titleBar.border#bf002000
  • titleBar.inactiveBackground#131316
  • titleBar.inactiveForeground#ffffffc5
  • tree.indentGuidesStroke#bf002087
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#0000007a

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#e06c75
variable.other.generic-type.haskell#c678dd
storage.type.haskell#c78d57
support.variable.magic.python#e06c75
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#ffffffcf
variable.parameter.function.language.special.self.python#ffd17b
storage.modifier.lifetime.rust#ffffffcf
support.function.std.rust#61afef
entity.name.lifetime.rust#ffd17b
variable.language.rust#e06c75
support.constant.edge#c678dd
constant.other.character-class.regexp#e06c75
keyword.operator.quantifier.regexp#c78d57
punctuation.definition.string.begin,punctuation.definition.string.end#98c379
variable.parameter.function#ffffffcf
comment markup.link#737373
markup.changed.diff#ffd17b
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#61afef
markup.inserted.diff#98c379
markup.deleted.diff#e06c75
meta.function.c,meta.function.cpp#e06c75
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#ffffffcf
punctuation.separator.key-value#ffffffcf
keyword.operator.expression.import#61afef
support.constant.math#ffd17b
support.constant.property.math#c78d57
variable.other.constant#ffd17b
storage.type.annotation.java, storage.type.object.array.java#ffd17b
source.java#e06c75
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#ffffffcf
meta.method.java#61afef
storage.modifier.import.java,storage.type.java,storage.type.generic.java#ffd17b
keyword.operator.instanceof.java#c678dd
meta.definition.variable.name.java#e06c75
keyword.operator.logical#69eeff
keyword.operator.bitwise#69eeff
keyword.operator.channel#ff67ee
support.constant.property-value.scss,support.constant.property-value.css#c78d57
keyword.operator.css,keyword.operator.scss,keyword.operator.less#69eeff
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#c78d57
punctuation.separator.list.comma.css#ffffffcf
support.constant.color.w3c-standard-color-name.css#c78d57
support.type.vendored.property-name.css#69eeff
support.module.node,support.type.object.module,support.module.node#ffd17b
entity.name.type.module#ffd17b
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#e06c75
support.constant.json#c78d57
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#c678dd
support.type.object.console#e06c75
support.variable.property.process#c78d57
entity.name.function,support.function.console#61afef
keyword.operator.misc.rust#ffffffcf
keyword.operator.sigil.rust#c678dd
keyword.operator.delete#c678dd
support.type.object.dom#69eeff
support.variable.dom,support.variable.property.dom#e06c75
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#69eeff
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#c678dd
punctuation.separator.delimiter#ffffffcf
punctuation.separator.c,punctuation.separator.cpp#c678dd
support.type.posix-reserved.c,support.type.posix-reserved.cpp#69eeff
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#c678dd
variable.parameter.function.language.python#c78d57
support.type.python#69eeff
keyword.operator.logical.python#c678dd
variable.parameter.function.python#c78d57
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#ffffffcf
meta.function-call.generic.python#61afef
constant.character.format.placeholder.other.python#c78d57
keyword.operator#ffffffcf
keyword.operator.assignment.compound#c678dd
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#69eeff
keyword#c678dd
entity.name.namespace#ffd17b
variable#e06c75
variable.c#ffffffcf
variable.language#ffd17b
token.variable.parameter.java#ffffffcf
import.storage.java#ffd17b
token.package.keyword#c678dd
token.package#ffffffcf
entity.name.function, meta.require, support.function.any-method, variable.function#61afef
entity.name.type.namespace#ffd17b
support.class, entity.name.type.class#ffd17b
entity.name.class.identifier.namespace.type#ffd17b
entity.name.class, variable.other.class.js, variable.other.class.ts#ffd17b
variable.other.class.php#e06c75
entity.name.type#ffd17b
keyword.control#c678dd
control.elements, keyword.operator.less#c78d57
keyword.other.special-method#61afef
storage#c678dd
token.storage#c678dd
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#c678dd
token.storage.type.java#ffd17b
support.function#69eeff
support.type.property-name#ffffffcf
support.constant.property-value#ffffffcf
support.constant.font-name#c78d57
meta.tag#ffffffcf
string#98c379
entity.other.inherited-class#ffd17b
constant.other.symbol#69eeff
constant.numeric#c78d57
constant#c78d57
punctuation.definition.constant#c78d57
entity.name.tag#e06c75
entity.other.attribute-name#c78d57
entity.other.attribute-name.id#61afefnormal
entity.other.attribute-name.class.css#c78d57normal
meta.selector#c678dd
markup.heading#e06c75
markup.heading punctuation.definition.heading, entity.name.section#61afef
keyword.other.unit#e06c75
markup.bold,todo.bold#c78d57
punctuation.definition.bold#ffd17b
markup.italic, punctuation.definition.italic,todo.emphasis#c678dd
emphasis md#c678dd
entity.name.section.markdown#e06c75
punctuation.definition.heading.markdown#e06c75
punctuation.definition.list.begin.markdown#e06c75
markup.heading.setext#ffffffcf
punctuation.definition.bold.markdown#c78d57
markup.inline.raw.markdown#98c379
markup.inline.raw.string.markdown#98c379
punctuation.definition.list.markdown#e06c75
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#e06c75
beginning.punctuation.definition.list.markdown#e06c75
punctuation.definition.metadata.markdown#e06c75
markup.underline.link.markdown,markup.underline.link.image.markdown#c678dd
string.other.link.title.markdown,string.other.link.description.markdown#61afef
string.regexp#69eeff
constant.character.escape#69eeff
punctuation.section.embedded, variable.interpolation#e06c75
punctuation.section.embedded.begin,punctuation.section.embedded.end#c678dd
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#ffffffcf
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#e06c75
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#e06c75
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#98c379
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#69eeff
support.type.property-name.json#e06c75
support.type.property-name.json punctuation#e06c75
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#c678dd
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#c678dd
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#ffd17b
keyword.operator.error-control.php#c678dd
keyword.operator.type.php#c678dd
punctuation.section.array.begin.php#ffffffcf
punctuation.section.array.end.php#ffffffcf
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#ffd17b
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#61afef
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#ffffffcf
support.constant.core.rust#c78d57
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#c78d57
entity.name.goto-label.php,support.other.php#61afef
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#69eeff
keyword.operator.regexp.php#c678dd
keyword.operator.comparison.php#69eeff
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#c678dd
meta.function.decorator.python#61afef
support.token.decorator.python,meta.function.decorator.identifier.python#69eeff
function.parameter#ffffffcf
function.brace#ffffffcf
function.parameter.ruby, function.parameter.cs#ffffffcf
constant.language.symbol.ruby#69eeff
rgb-value#69eeff
inline-color-decoration rgb-value#c78d57
less rgb-value#c78d57
selector.sass#e06c75
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#ffd17b
block.scope.end,block.scope.begin#ffffffcf
storage.type.cs#ffd17b
entity.name.variable.local.cs#e06c75
token.info-token#61afef
token.warn-token#c78d57
token.error-token#f44747
token.debug-token#c678dd
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#c678dd
meta.template.expression#ffffffcf
keyword.operator.module#c678dd
support.type.type.flowtype#61afef
support.type.primitive#ffd17b
meta.property.object#e06c75
variable.parameter.function.js#e06c75
keyword.other.template.begin#98c379
keyword.other.template.end#98c379
keyword.other.substitution.begin#98c379
keyword.other.substitution.end#98c379
keyword.operator.assignment#69eeff
keyword.operator.assignment.go#ffd17b
keyword.operator.arithmetic.go, keyword.operator.address.go#c678dd
entity.name.package.go#ffd17b
support.type.prelude.elm#69eeff
support.constant.elm#c78d57
punctuation.quasi.element#c678dd
constant.character.entity#e06c75
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#69eeff
entity.global.clojure#ffd17b
meta.symbol.clojure#e06c75
constant.keyword.clojure#69eeff
meta.arguments.coffee, variable.parameter.function.coffee#e06c75
source.ini#98c379
meta.scope.prerequisites.makefile#e06c75
source.makefile#ffd17b
storage.modifier.import.groovy#ffd17b
meta.method.groovy#61afef
meta.definition.variable.name.groovy#e06c75
meta.definition.class.inherited.classes.groovy#98c379
support.variable.semantic.hlsl#ffd17b
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#c678dd
text.variable, text.bracketed#e06c75
support.type.swift, support.type.vb.asp#ffd17b
entity.name.function.xi#ffd17b
entity.name.class.xi#69eeff
constant.character.character-class.regexp.xi#e06c75
constant.regexp.xi#c678dd
keyword.control.xi#69eeff
invalid.xi#ffffffcf
beginning.punctuation.definition.quote.markdown.xi#98c379
beginning.punctuation.definition.list.markdown.xi#737373
constant.character.xi#61afef
accent.xi#61afef
wikiword.xi#c78d57
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#737373
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#ffd17b
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#e06c75
meta.brace.square#ffffffcf
comment, punctuation.definition.comment#737373italic
markup.quote.markdown#737373
punctuation.definition.block.sequence.item.yaml#ffffffcf
constant.language.symbol.elixir#69eeff
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...

Tao Theme - Coding Theme