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.background#292d3e
  • activityBar.foreground#82aaff
  • activityBar.inactiveForeground#ffffff60
  • activityBarBadge.background#ff5572
  • activityBarBadge.foreground#ffffff
  • badge.background#ff5572
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#fffefe
  • breadcrumb.background#292d3e
  • breadcrumb.focusForeground#fffefe
  • breadcrumb.foreground#abb2bf
  • button.background#676e95
  • button.foreground#fffefe
  • button.hoverBackground#75a1ff
  • button.secondaryBackground#696969
  • button.secondaryForeground#fffefe
  • button.secondaryHoverBackground#45494e
  • checkbox.background#0000003e
  • checkbox.border#00000000
  • checkbox.foreground#fffefe
  • debugExceptionWidget.background#676e95
  • debugExceptionWidget.border#00000000
  • debugToolBar.background#676e95
  • debugToolBar.border#00000000
  • diffEditor.border#676e95
  • diffEditor.insertedTextBackground#62de8436
  • diffEditor.removedTextBackground#f071785e
  • dropdown.background#292d3e
  • dropdown.border#676e95
  • dropdown.foreground#fffefe
  • editor.background#292d3e
  • editor.findMatchBackground#676e95
  • editor.findMatchBorder#00000000
  • editor.findMatchHighlightBackground#959dcb50
  • editor.findMatchHighlightBorder#00000000
  • editor.findRangeHighlightBackground#676e9530
  • editor.findRangeHighlightBorder#00000000
  • editor.foldBackground#676e9550
  • editor.foreground#abb2bf
  • editor.hoverHighlightBackground#fffefe15
  • editor.inactiveSelectionBackground#676e9540
  • editor.lineHighlightBackground#fffefe0a
  • editor.lineHighlightBorder#676e955e
  • editor.rangeHighlightBackground#676e959d
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#676e9580
  • editor.selectionHighlightBackground#676e95
  • editor.selectionHighlightBorder#00000000
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#60baec32
  • editorBracketMatch.background#62de8450
  • editorBracketMatch.border#FFFFFF24
  • editorCodeLens.foreground#abb2bf
  • editorCursor.background#fffefe
  • editorCursor.foreground#676e95
  • editorError.background#00000000
  • editorError.border#ffffff00
  • editorError.foreground#ff5572
  • editorGroup.border#abb2bf
  • editorGroup.emptyBackground#292d3e
  • editorGroupHeader.border#00000000
  • editorGroupHeader.tabsBackground#292d3e
  • editorGroupHeader.tabsBorder#00000000
  • editorGutter.addedBackground#62de84
  • editorGutter.background#292d3e
  • editorGutter.commentRangeForeground#676e95
  • editorGutter.deletedBackground#ff5572
  • editorGutter.foldingControlForeground#676e95
  • editorGutter.modifiedBackground#60baec
  • editorHoverWidget.background#292d3e
  • editorHoverWidget.border#676e95
  • editorHoverWidget.foreground#959dcb
  • editorIndentGuide.activeBackground#ffffff1f
  • editorIndentGuide.background#ffffff0f
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#60baec
  • editorLineNumber.activeForeground#82aaff
  • editorLineNumber.foreground#676e95
  • editorLink.activeForeground#60baec
  • editorMarkerNavigation.background#676e95
  • editorMarkerNavigationError.background#ff5572
  • editorMarkerNavigationInfo.background#75a1ff
  • editorMarkerNavigationWarning.background#ffcb6b
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#FFFFFF0F
  • editorRuler.foreground#FFFFFF14
  • editorSuggestWidget.background#292d3e
  • editorSuggestWidget.border#676e95
  • editorSuggestWidget.foreground#abb2bf
  • editorSuggestWidget.highlightForeground#82aaff
  • editorSuggestWidget.selectedBackground#676e95
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffcb6b
  • editorWhitespace.foreground#676e9580
  • editorWidget.background#292d3e
  • editorWidget.foreground#abb2bf
  • editorWidget.resizeBorder#676e95
  • focusBorder#676e95
  • foreground#fffefe
  • gitDecoration.addedResourceForeground#62de84
  • gitDecoration.conflictingResourceForeground#75a1ff
  • gitDecoration.deletedResourceForeground#ff5572
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#ffcb6b
  • gitDecoration.stageDeletedResourceForeground#f07178
  • gitDecoration.stageModifiedResourceForeground#ffcb6b
  • gitDecoration.submoduleResourceForeground#959dcb
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#fffefe
  • input.background#0000003e
  • input.border#00000000
  • input.foreground#fffefe
  • input.placeholderForeground#abb2bf
  • inputOption.activeBackground#676e95
  • inputOption.activeBorder#00000000
  • inputOption.activeForeground#fffefe
  • list.activeSelectionBackground#676e95
  • list.activeSelectionForeground#fffefe
  • list.dropBackground#676e959f
  • list.focusBackground#82aaff5e
  • list.focusForeground#fffefe
  • list.highlightForeground#75a1ff
  • list.hoverBackground#676e952e
  • list.hoverForeground#fffefe
  • list.inactiveSelectionBackground#abb2bf62
  • list.inactiveSelectionForeground#fffefe
  • listFilterWidget.background#676e95
  • listFilterWidget.noMatchesOutline#ff5572
  • listFilterWidget.outline#578fff00
  • menu.background#292d3e
  • menu.border#00000000
  • menu.foreground#abb2bf
  • menu.selectionBackground#676e95
  • menu.selectionBorder#00000000
  • menu.selectionForeground#fffefe
  • menu.separatorBackground#676e95
  • menubar.selectionBackground#676e95
  • menubar.selectionForeground#fffefe
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#174841
  • merge.currentHeaderBackground#158472
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#292d3e
  • minimap.errorHighlight#ff5572
  • minimap.findMatchHighlight#676e95
  • minimap.selectionHighlight#676e9580
  • minimap.warningHighlight#ffcb6b
  • minimapGutter.addedBackground#62de84
  • minimapGutter.deletedBackground#ff5572
  • minimapGutter.modifiedBackground#60baec
  • notificationCenter.border#676e95
  • notificationCenterHeader.background#292d3e
  • notificationCenterHeader.foreground#fffefe
  • notifications.background#292d3e
  • notifications.border#292d3e
  • notifications.foreground#abb2bf
  • notificationsErrorIcon.foreground#ff5572
  • notificationsInfoIcon.foreground#60baec
  • notificationsWarningIcon.foreground#ffcb6b
  • notificationToast.border#00000000
  • panel.background#292d3e
  • panel.border#80808000
  • panelSection.border#80808059
  • panelTitle.activeBorder#676e95
  • panelTitle.activeForeground#60baec
  • panelTitle.inactiveForeground#abb2bf
  • peekView.border#676e95
  • peekViewEditor.background#292d3e
  • peekViewEditor.matchHighlightBackground#676e95
  • peekViewEditor.matchHighlightBorder#676e95
  • peekViewEditorGutter.background#292d3e
  • peekViewResult.background#676e95
  • peekViewResult.fileForeground#fffefe
  • peekViewResult.lineForeground#fffefe
  • peekViewResult.matchHighlightBackground#292d3eb3
  • peekViewResult.selectionBackground#292d3e89
  • peekViewResult.selectionForeground#62de84
  • peekViewTitle.background#292d3e
  • peekViewTitleDescription.foreground#676e95
  • peekViewTitleLabel.foreground#fffefe
  • pickerGroup.border#00000000
  • pickerGroup.foreground#60baec
  • progressBar.background#676e95
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#676e95
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#fffefe
  • sideBar.background#292d3e
  • sideBar.border#ffffff00
  • sideBar.dropBackground#676e959f
  • sideBar.foreground#abb2bf
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#ffffff00
  • sideBarSectionHeader.foreground#fffefe
  • sideBarTitle.foreground#fffefe
  • statusBar.background#292d3e
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#abb2bf
  • statusBar.noFolderBackground#f580ff
  • statusBar.noFolderForeground#fffefe
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#676e95
  • statusBarItem.remoteBackground#62de84
  • statusBarItem.remoteForeground#fffefe
  • tab.activeBackground#292d3e
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#60baec
  • tab.border#00000000
  • tab.hoverBackground#00000000
  • tab.hoverForeground#fffefe
  • tab.inactiveBackground#292d3e
  • tab.inactiveForeground#abb2bf
  • 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#fffefe
  • terminal.selectionBackground#abb2bf30
  • terminalCursor.background#676e95
  • terminalCursor.foreground#fffefe
  • textLink.foreground#60baec
  • titleBar.activeBackground#292d3e
  • titleBar.activeForeground#abb2bf
  • titleBar.border#00000000
  • titleBar.inactiveBackground#676e95
  • titleBar.inactiveForeground#abb2bf
  • tree.indentGuidesStroke#ffffff20
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#0000004c

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

omo theme by Omid Moghadasi - VS Code Theme