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#502832
  • activityBar.background#03071b
  • activityBar.border#502832
  • activityBar.foreground#c1b492
  • activityBar.inactiveForeground#ad5f74
  • activityBarBadge.background#03071b
  • activityBarBadge.foreground#c1b492
  • badge.background#ad5f74
  • badge.foreground#03071b
  • breadcrumb.activeSelectionForeground#c1b492
  • breadcrumb.background#03071b
  • breadcrumb.focusForeground#c1b492
  • breadcrumb.foreground#ca988e
  • button.background#ca988e
  • button.foreground#03071b
  • button.hoverBackground#d2738a
  • button.secondaryBackground#502832
  • button.secondaryForeground#c1b492
  • button.secondaryHoverBackground#703a47
  • checkbox.background#03071b
  • checkbox.border#00000000
  • checkbox.foreground#c1b492
  • debugExceptionWidget.background#03071b
  • debugExceptionWidget.border#502832
  • debugToolBar.background#03071b
  • debugToolBar.border#502832
  • diffEditor.border#703a47
  • diffEditor.insertedTextBackground#c1b49220
  • diffEditor.removedTextBackground#d2738a20
  • dropdown.background#03071b
  • dropdown.border#00000000
  • dropdown.foreground#c1b492
  • editor.background#03071b
  • editor.findMatchBackground#d2738a80
  • editor.findMatchBorder#d2738a80
  • editor.findMatchHighlightBackground#a45a7460
  • editor.findMatchHighlightBorder#a45a7460
  • editor.findRangeHighlightBackground#50283260
  • editor.findRangeHighlightBorder#00000000
  • editor.foldBackground#a45a7440
  • editor.foreground#c1b492
  • 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#03071b
  • editorBracketMatch.border#c1b49280
  • editorCodeLens.foreground#ca988e
  • editorCursor.background#03071b
  • editorCursor.foreground#d2738a
  • editorError.background#00000000
  • editorError.border#ffffff00
  • editorError.foreground#a45a74
  • editorGroup.border#703a47
  • editorGroup.emptyBackground#03071b
  • editorGroupHeader.border#703a47
  • editorGroupHeader.tabsBackground#03071b
  • editorGroupHeader.tabsBorder#703a47
  • editorGutter.addedBackground#c1b492
  • editorGutter.background#03071b
  • editorGutter.commentRangeForeground#ca988e
  • editorGutter.deletedBackground#d2738a
  • editorGutter.foldingControlForeground#ca988e
  • editorGutter.modifiedBackground#ca988e
  • editorHoverWidget.background#03071b
  • editorHoverWidget.border#703a47
  • editorHoverWidget.foreground#c1b492
  • editorIndentGuide.activeBackground1#c1b49240
  • editorIndentGuide.background1#50283280
  • editorInfo.background#00000000
  • editorInfo.border#00000000
  • editorInfo.foreground#c1b492
  • editorLineNumber.activeForeground#d2738a
  • editorLineNumber.foreground#c1b49280
  • editorLink.activeForeground#d2738a
  • editorMarkerNavigation.background#03071b
  • editorMarkerNavigationError.background#703a47
  • editorMarkerNavigationInfo.background#b39987
  • editorMarkerNavigationWarning.background#a47f7c
  • editorOverviewRuler.background#d2738a40
  • editorOverviewRuler.border#00000000
  • editorRuler.foreground#c1b49280
  • editorSuggestWidget.background#03071b
  • 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#03071b
  • 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#03071b
  • input.border#00000000
  • input.foreground#c1b492
  • input.placeholderForeground#c1b49280
  • inputOption.activeBackground#86bbde66
  • inputOption.activeBorder#502832
  • inputOption.activeForeground#03071b
  • list.activeSelectionBackground#703a47
  • list.activeSelectionForeground#d2738a
  • list.dropBackground#502832
  • list.focusBackground#703a47
  • list.focusForeground#c1b492
  • list.highlightForeground#d2738a
  • list.hoverBackground#502832
  • list.hoverForeground#c1b492
  • list.inactiveSelectionBackground#703a47
  • list.inactiveSelectionForeground#c1b492
  • listFilterWidget.background#03071b
  • listFilterWidget.noMatchesOutline#d2738a
  • listFilterWidget.outline#d2738a
  • menu.background#03071b
  • 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#03071b
  • 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#03071b
  • notificationCenterHeader.foreground#d78594
  • notifications.background#03071b
  • notifications.border#502832
  • notifications.foreground#c1b492
  • notificationsErrorIcon.foreground#a45a74
  • notificationsInfoIcon.foreground#ad5f74
  • notificationsWarningIcon.foreground#a47f7c
  • notificationToast.border#d2738a
  • panel.background#03071b
  • panel.border#502832
  • panelSection.border#502832
  • panelTitle.activeBorder#d2738a
  • panelTitle.activeForeground#c1b492
  • panelTitle.inactiveForeground#a45a74
  • peekView.border#d2738a
  • peekViewEditor.background#03071b
  • peekViewEditor.matchHighlightBackground#d2738a80
  • peekViewEditor.matchHighlightBorder#d2738a
  • peekViewEditorGutter.background#03071b
  • peekViewResult.background#03071b
  • peekViewResult.fileForeground#c1b492
  • peekViewResult.lineForeground#d78594
  • peekViewResult.matchHighlightBackground#d2738a40
  • peekViewResult.selectionBackground#d2738a40
  • peekViewResult.selectionForeground#d2738a
  • peekViewTitle.background#03071b
  • peekViewTitleDescription.foreground#c1b492b0
  • peekViewTitleLabel.foreground#c1b492
  • pickerGroup.border#a45a74
  • pickerGroup.foreground#c1b492
  • progressBar.background#d2738a
  • scrollbar.shadow#03071b
  • scrollbarSlider.activeBackground#00000040
  • scrollbarSlider.background#00000040
  • scrollbarSlider.hoverBackground#00000080
  • selection.background#502832
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#c1b492
  • sideBar.background#03071b
  • sideBar.border#703a47
  • sideBar.dropBackground#502832
  • sideBar.foreground#ad5f74
  • sideBarSectionHeader.background#502832
  • 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#03071b
  • statusBar.noFolderBackground#03071b
  • statusBar.noFolderBorder#00000000
  • statusBar.noFolderForeground#c1b492
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#a45a74
  • statusBarItem.remoteBackground#d2738a
  • statusBarItem.remoteForeground#03071b
  • tab.activeBackground#03071b
  • 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#03071b
  • textLink.foreground#d2738a
  • titleBar.activeBackground#03071b
  • titleBar.activeForeground#d2738a
  • titleBar.border#00000000
  • titleBar.inactiveBackground#03071b
  • 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#e0afc0
variable.other.generic-type.haskell#e68595
storage.type.haskell#c7a29f
support.variable.magic.python#e0afc0
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#c1b492
variable.parameter.function.language.special.self.python#cbb09d
storage.modifier.lifetime.rust#c1b492
support.function.std.rust#cd7e93
entity.name.lifetime.rust#cbb09d
variable.language.rust#e0afc0
support.constant.edge#e68595
constant.other.character-class.regexp#e0afc0
keyword.operator.quantifier.regexp#c7a29f
punctuation.definition.string.begin,punctuation.definition.string.end#b39487
variable.parameter.function#c1b492
comment markup.link#703a47
markup.changed.diff#cbb09d
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#cd7e93
markup.inserted.diff#b39487
markup.deleted.diff#e0afc0
meta.function.c,meta.function.cpp#e0afc0
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#c1b492
punctuation.separator.key-value#c1b492
keyword.operator.expression.import#cd7e93
support.constant.math#cbb09d
support.constant.property.math#c7a29f
variable.other.constant#cbb09d
storage.type.annotation.java, storage.type.object.array.java#cbb09d
source.java#e0afc0
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#c1b492
meta.method.java#cd7e93
storage.modifier.import.java,storage.type.java,storage.type.generic.java#cbb09d
keyword.operator.instanceof.java#e68595
meta.definition.variable.name.java#e0afc0
keyword.operator.logical#ec8aa1
keyword.operator.bitwise#ec8aa1
keyword.operator.channel#ec8aa1
support.constant.property-value.scss,support.constant.property-value.css#c7a29f
keyword.operator.css,keyword.operator.scss,keyword.operator.less#ec8aa1
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#c7a29f
punctuation.separator.list.comma.css#c1b492
support.constant.color.w3c-standard-color-name.css#c7a29f
support.type.vendored.property-name.css#ec8aa1
support.module.node,support.type.object.module,support.module.node#cbb09d
entity.name.type.module#cbb09d
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#e0afc0
support.constant.json#c7a29f
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#e68595
support.type.object.console#e0afc0
support.variable.property.process#c7a29f
entity.name.function,support.function.console#cd7e93
keyword.operator.misc.rust#c1b492
keyword.operator.sigil.rust#e68595
keyword.operator.delete#e68595
support.type.object.dom#ec8aa1
support.variable.dom,support.variable.property.dom#e0afc0
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#ec8aa1
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#e68595
punctuation.separator.delimiter#c1b492
punctuation.separator.c,punctuation.separator.cpp#e68595
support.type.posix-reserved.c,support.type.posix-reserved.cpp#ec8aa1
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#e68595
variable.parameter.function.language.python#c7a29f
support.type.python#ec8aa1
keyword.operator.logical.python#e68595
variable.parameter.function.python#c7a29f
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#c1b492
meta.function-call.generic.python#cd7e93
constant.character.format.placeholder.other.python#c7a29f
keyword.operator#c1b492
keyword.operator.assignment.compound#e68595
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#ec8aa1
keyword#e68595
entity.name.namespace#cbb09d
variable#e0afc0
variable.c#c1b492
variable.language#cbb09d
token.variable.parameter.java#c1b492
import.storage.java#cbb09d
token.package.keyword#e68595
token.package#c1b492
entity.name.function, meta.require, support.function.any-method, variable.function#cd7e93
entity.name.type.namespace#cbb09d
support.class, entity.name.type.class#cbb09d
entity.name.class.identifier.namespace.type#cbb09d
entity.name.class, variable.other.class.js, variable.other.class.ts#cbb09d
variable.other.class.php#e0afc0
entity.name.type#cbb09d
keyword.control#e68595
control.elements, keyword.operator.less#c7a29f
keyword.other.special-method#cd7e93
storage#e68595
token.storage#e68595
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#e68595
token.storage.type.java#cbb09d
support.function#ec8aa1
support.type.property-name#c1b492
support.constant.property-value#c1b492
support.constant.font-name#c7a29f
meta.tag#c1b492
string#b39487
entity.other.inherited-class#cbb09d
constant.other.symbol#ec8aa1
constant.numeric#c7a29f
constant#c7a29f
punctuation.definition.constant#c7a29f
entity.name.tag#e0afc0
entity.other.attribute-name#c7a29f
entity.other.attribute-name.id#cd7e93
entity.other.attribute-name.class.css#c7a29f
meta.selector#e68595
markup.heading#e0afc0
markup.heading punctuation.definition.heading, entity.name.section#cd7e93
keyword.other.unit#e0afc0
markup.bold,todo.bold#c7a29f
punctuation.definition.bold#cbb09d
markup.italic, punctuation.definition.italic,todo.emphasis#e68595
emphasis md#e68595
entity.name.section.markdown#e0afc0
punctuation.definition.heading.markdown#e0afc0
punctuation.definition.list.begin.markdown#e0afc0
markup.heading.setext#c1b492
punctuation.definition.bold.markdown#c7a29f
markup.inline.raw.markdown#b39487
markup.inline.raw.string.markdown#b39487
punctuation.definition.list.markdown#e0afc0
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#e0afc0
beginning.punctuation.definition.list.markdown#e0afc0
punctuation.definition.metadata.markdown#e0afc0
markup.underline.link.markdown,markup.underline.link.image.markdown#e68595
string.other.link.title.markdown,string.other.link.description.markdown#cd7e93
string.regexp#ec8aa1
constant.character.escape#ec8aa1
punctuation.section.embedded, variable.interpolation#e0afc0
punctuation.section.embedded.begin,punctuation.section.embedded.end#e68595
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#c1b492
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#e0afc0
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#e0afc0
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#b39487
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#ec8aa1
support.type.property-name.json#e0afc0
support.type.property-name.json punctuation#e0afc0
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#e68595
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#e68595
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#cbb09d
keyword.operator.error-control.php#e68595
keyword.operator.type.php#e68595
punctuation.section.array.begin.php#c1b492
punctuation.section.array.end.php#c1b492
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#cbb09d
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#cd7e93
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#c1b492
support.constant.core.rust#c7a29f
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#c7a29f
entity.name.goto-label.php,support.other.php#cd7e93
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#ec8aa1
keyword.operator.regexp.php#e68595
keyword.operator.comparison.php#ec8aa1
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#e68595
meta.function.decorator.python#cd7e93
support.token.decorator.python,meta.function.decorator.identifier.python#ec8aa1
function.parameter#c1b492
function.brace#c1b492
function.parameter.ruby, function.parameter.cs#c1b492
constant.language.symbol.ruby#ec8aa1
rgb-value#ec8aa1
inline-color-decoration rgb-value#c7a29f
less rgb-value#c7a29f
selector.sass#e0afc0
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#cbb09d
block.scope.end,block.scope.begin#c1b492
storage.type.cs#cbb09d
entity.name.variable.local.cs#e0afc0
token.info-token#cd7e93
token.warn-token#c7a29f
token.error-token#f44747
token.debug-token#e68595
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#e68595
meta.template.expression#c1b492
keyword.operator.module#e68595
support.type.type.flowtype#cd7e93
support.type.primitive#cbb09d
meta.property.object#e0afc0
variable.parameter.function.js#e0afc0
keyword.other.template.begin#b39487
keyword.other.template.end#b39487
keyword.other.substitution.begin#b39487
keyword.other.substitution.end#b39487
keyword.operator.assignment#ec8aa1
keyword.operator.assignment.go#cbb09d
keyword.operator.arithmetic.go, keyword.operator.address.go#e68595
entity.name.package.go#cbb09d
support.type.prelude.elm#ec8aa1
support.constant.elm#c7a29f
punctuation.quasi.element#e68595
constant.character.entity#e0afc0
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#ec8aa1
entity.global.clojure#cbb09d
meta.symbol.clojure#e0afc0
constant.keyword.clojure#ec8aa1
meta.arguments.coffee, variable.parameter.function.coffee#e0afc0
source.ini#b39487
meta.scope.prerequisites.makefile#e0afc0
source.makefile#cbb09d
storage.modifier.import.groovy#cbb09d
meta.method.groovy#cd7e93
meta.definition.variable.name.groovy#e0afc0
meta.definition.class.inherited.classes.groovy#b39487
support.variable.semantic.hlsl#cbb09d
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#e68595
text.variable, text.bracketed#e0afc0
support.type.swift, support.type.vb.asp#cbb09d
entity.name.function.xi#cbb09d
entity.name.class.xi#ec8aa1
constant.character.character-class.regexp.xi#e0afc0
constant.regexp.xi#e68595
keyword.control.xi#ec8aa1
invalid.xi#c1b492
beginning.punctuation.definition.quote.markdown.xi#b39487
beginning.punctuation.definition.list.markdown.xi#703a47
constant.character.xi#cd7e93
accent.xi#cd7e93
wikiword.xi#c7a29f
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#703a47
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#cbb09d
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#e0afc0
meta.brace.square#c1b492
comment, punctuation.definition.comment#703a47italic
markup.quote.markdown#703a47
punctuation.definition.block.sequence.item.yaml#c1b492
constant.language.symbol.elixir#ec8aa1
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...

Wired by minako - VS Code Theme