Skip to main content
CodingTheme

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#88394dd5
  • activityBar.background#5e3640
  • activityBar.border#502832
  • activityBar.foreground#ff5a81
  • activityBar.inactiveForeground#b08691
  • activityBarBadge.background#ff3e8f5e
  • activityBarBadge.foreground#c1b492
  • badge.background#ad5f74
  • badge.foreground#ffe3d9
  • breadcrumb.activeSelectionForeground#c1b492
  • breadcrumb.background#6f1f33
  • breadcrumb.focusForeground#c1b492
  • breadcrumb.foreground#ca988e
  • button.background#ca988e
  • button.foreground#541725
  • button.hoverBackground#d2738a
  • button.secondaryBackground#502832
  • button.secondaryForeground#c1b492
  • button.secondaryHoverBackground#703a47
  • checkbox.background#49292f
  • checkbox.border#00000000
  • checkbox.foreground#c1b492
  • debugExceptionWidget.background#000000
  • debugExceptionWidget.border#502832
  • debugToolBar.background#000000
  • debugToolBar.border#502832
  • diffEditor.border#703a47
  • diffEditor.insertedTextBackground#c1b49220
  • diffEditor.removedTextBackground#d2738a20
  • dropdown.background#49292f
  • dropdown.border#00000000
  • dropdown.foreground#c1b492
  • editor.background#281016
  • editor.findMatchBackground#d2738a80
  • editor.findMatchBorder#d2738a80
  • editor.findMatchHighlightBackground#a45a7460
  • editor.findMatchHighlightBorder#a45a7460
  • editor.findRangeHighlightBackground#50283260
  • editor.findRangeHighlightBorder#00000000
  • editor.foldBackground#a45a7440
  • editor.foreground#ffa2b8
  • editor.hoverHighlightBackground#d2738a40
  • editor.inactiveSelectionBackground#50283280
  • editor.lineHighlightBackground#d2738a40
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#d2738a60
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#50283280
  • editor.selectionHighlightBackground#703a47c0
  • editor.selectionHighlightBorder#c1b49280
  • editor.wordHighlightBackground#d2738a40
  • editor.wordHighlightStrongBackground#d2738a40
  • editorBracketMatch.background#3b121b
  • editorBracketMatch.border#c1b49280
  • editorCodeLens.foreground#ca988e
  • editorCursor.background#4d0e1f
  • editorCursor.foreground#d2738a
  • editorError.background#00000000
  • editorError.border#ffffff00
  • editorError.foreground#a45a74
  • editorGroup.border#703a47
  • editorGroup.emptyBackground#281016
  • editorGroupHeader.border#9b3a53
  • editorGroupHeader.tabsBackground#5c2634
  • editorGroupHeader.tabsBorder#703a47
  • editorGutter.addedBackground#c1b492
  • editorGutter.background#220f14
  • editorGutter.commentRangeForeground#ca988e
  • editorGutter.deletedBackground#d2738a
  • editorGutter.foldingControlForeground#ca988e
  • editorGutter.modifiedBackground#ca988e
  • editorHoverWidget.background#3b1922
  • editorHoverWidget.border#703a47
  • editorHoverWidget.foreground#c1b492
  • editorIndentGuide.activeBackground#c1b49240
  • editorIndentGuide.background#50283280
  • editorInfo.background#00000000
  • editorInfo.border#00000000
  • editorInfo.foreground#c1b492
  • editorLineNumber.activeForeground#d2738a
  • editorLineNumber.foreground#c1b49280
  • editorLink.activeForeground#d2738a
  • editorMarkerNavigation.background#000000
  • editorMarkerNavigationError.background#703a47
  • editorMarkerNavigationInfo.background#b39987
  • editorMarkerNavigationWarning.background#a47f7c
  • editorOverviewRuler.background#d2738a40
  • editorOverviewRuler.border#00000000
  • editorRuler.foreground#c1b49280
  • editorSuggestWidget.background#220f14
  • editorSuggestWidget.border#d2738a
  • editorSuggestWidget.foreground#c1b492
  • editorSuggestWidget.highlightForeground#d2738a
  • editorSuggestWidget.selectedBackground#703a4780
  • editorWarning.background#00000000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#a47f7c
  • editorWhitespace.foreground#d2738a40
  • editorWidget.background#000000
  • editorWidget.foreground#ca988e
  • editorWidget.resizeBorder#ad6a6a
  • focusBorder#d2738a
  • foreground#c1b492
  • gitDecoration.addedResourceForeground#d78594
  • gitDecoration.conflictingResourceForeground#703a47
  • gitDecoration.deletedResourceForeground#a45a74
  • gitDecoration.ignoredResourceForeground#502832
  • gitDecoration.modifiedResourceForeground#ca988e
  • gitDecoration.stageDeletedResourceForeground#a45a74
  • gitDecoration.stageModifiedResourceForeground#a47f7c
  • gitDecoration.submoduleResourceForeground#b39487
  • gitDecoration.untrackedResourceForeground#b39987
  • icon.foreground#c1b492
  • input.background#49292f
  • input.border#00000000
  • input.foreground#c1b492
  • input.placeholderForeground#c1b49280
  • inputOption.activeBackground#86bbde66
  • inputOption.activeBorder#502832
  • inputOption.activeForeground#d9d9d9
  • list.activeSelectionBackground#c21c3bdb
  • list.activeSelectionForeground#b8f7b6
  • list.dropBackground#68445530
  • list.focusBackground#7d404f
  • list.focusForeground#c1b492
  • list.highlightForeground#d2738a
  • list.hoverBackground#9f4455
  • list.hoverForeground#ffeab3
  • list.inactiveSelectionBackground#703a47
  • list.inactiveSelectionForeground#ffcb44
  • listFilterWidget.background#212020
  • listFilterWidget.noMatchesOutline#d2738a
  • listFilterWidget.outline#d2738a
  • menu.background#502832
  • menu.border#703a47
  • menu.foreground#ad5f74
  • menu.selectionBackground#703a47
  • menu.selectionBorder#00000000
  • menu.selectionForeground#c1b492
  • menu.separatorBackground#703a47
  • menubar.selectionBackground#502832
  • menubar.selectionBorder#502832
  • menubar.selectionForeground#c1b492
  • merge.commonContentBackground#ca988e20
  • merge.commonHeaderBackground#ca988e40
  • merge.currentContentBackground#c1b49220
  • merge.currentHeaderBackground#c1b49240
  • merge.incomingContentBackground#d2738a20
  • merge.incomingHeaderBackground#d2738a40
  • minimap.background#281016
  • minimap.errorHighlight#a45a74
  • minimap.findMatchHighlight#d2738a80
  • minimap.selectionHighlight#50283280
  • minimap.warningHighlight#a47f7c
  • minimapGutter.addedBackground#c1b492
  • minimapGutter.deletedBackground#d2738a
  • minimapGutter.modifiedBackground#ca988e
  • notificationCenter.border#703a47
  • notificationCenterHeader.background#000000
  • notificationCenterHeader.foreground#d78594
  • notifications.background#000000
  • notifications.border#502832
  • notifications.foreground#c1b492
  • notificationsErrorIcon.foreground#a45a74
  • notificationsInfoIcon.foreground#ad5f74
  • notificationsWarningIcon.foreground#a47f7c
  • notificationToast.border#d2738a
  • panel.background#3b1d24
  • panel.border#c5536c
  • panelSection.border#502832
  • panelTitle.activeBorder#c5536c
  • panelTitle.activeForeground#f71f4e
  • panelTitle.inactiveForeground#a45a74
  • peekView.border#d2738a
  • peekViewEditor.background#220f14
  • peekViewEditor.matchHighlightBackground#8000ff42
  • peekViewEditor.matchHighlightBorder#9700ff70
  • peekViewEditorGutter.background#230f15
  • peekViewResult.background#341820
  • peekViewResult.fileForeground#c1b492
  • peekViewResult.lineForeground#d78594
  • peekViewResult.matchHighlightBackground#d2738a40
  • peekViewResult.selectionBackground#d2738a40
  • peekViewResult.selectionForeground#d2738a
  • peekViewTitle.background#602131
  • peekViewTitleDescription.foreground#c1b492b0
  • peekViewTitleLabel.foreground#c1b492
  • pickerGroup.border#a45a74
  • pickerGroup.foreground#c1b492
  • progressBar.background#d2738a
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#00000040
  • scrollbarSlider.background#00000040
  • scrollbarSlider.hoverBackground#00000080
  • selection.background#502832
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#c1b492
  • sideBar.background#49292f
  • sideBar.border#703a47
  • sideBar.dropBackground#68445530
  • sideBar.foreground#cb92a1
  • sideBarSectionHeader.background#5e3640
  • sideBarSectionHeader.border#502832
  • sideBarSectionHeader.foreground#a47f7c
  • sideBarTitle.foreground#d78594
  • statusBar.background#d2738a
  • statusBar.border#00000000
  • statusBar.debuggingBackground#703a47
  • statusBar.debuggingBorder#00000000
  • statusBar.debuggingForeground#c1b492
  • statusBar.foreground#86374b
  • statusBar.noFolderBackground#c5536c
  • statusBar.noFolderBorder#00000000
  • statusBar.noFolderForeground#c1b492
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#a45a74
  • statusBarItem.remoteBackground#d2738a
  • statusBarItem.remoteForeground#de0000
  • tab.activeBackground#b85369
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#c1b492
  • tab.border#703a47
  • tab.hoverBackground#703a47
  • tab.hoverBorder#d78594
  • tab.hoverForeground#ca988e
  • tab.inactiveBackground#502832
  • tab.inactiveForeground#d2738a
  • terminal.ansiBlack#502832
  • terminal.ansiBlue#ad5f74
  • terminal.ansiBrightBlack#703a47
  • terminal.ansiBrightBlue#ad5f74
  • terminal.ansiBrightCyan#b39487
  • terminal.ansiBrightGreen#b39987
  • terminal.ansiBrightMagenta#d78594
  • terminal.ansiBrightRed#a45a74
  • terminal.ansiBrightWhite#d2738a
  • terminal.ansiBrightYellow#a47f7c
  • terminal.ansiCyan#b39487
  • terminal.ansiGreen#b39987
  • terminal.ansiMagenta#d78594
  • terminal.ansiRed#a45a74
  • terminal.ansiWhite#ca988e
  • terminal.ansiYellow#a47f7c
  • terminal.border#502832
  • terminal.foreground#c1b492
  • terminal.selectionBackground#00000000
  • terminalCursor.background#ad5f74
  • terminalCursor.foreground#ff80a3
  • textLink.foreground#d2738a
  • titleBar.activeBackground#c5536c
  • titleBar.activeForeground#ffced9
  • titleBar.border#6f27385c
  • titleBar.inactiveBackground#903a4e
  • titleBar.inactiveForeground#a45a74
  • tree.indentGuidesStroke#c1b492
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000000

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