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#cbcaca00
  • activityBar.background#d5cce6
  • activityBar.border#ffffff00
  • activityBar.foreground#583b75
  • activityBar.inactiveForeground#a78dc5
  • activityBarBadge.background#8a69a5
  • activityBarBadge.foreground#ffffff
  • badge.background#e7e3f1
  • badge.foreground#333333
  • breadcrumb.activeSelectionForeground#4e4e4e
  • breadcrumb.background#f9f7fb
  • breadcrumb.focusForeground#8a69a5
  • breadcrumb.foreground#6d6d6dcc
  • button.background#8a69a5
  • button.foreground#ffffff
  • button.hoverBackground#6e5186
  • button.secondaryBackground#a78dc5
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#6e5186
  • checkbox.background#f9f7fb
  • checkbox.border#00000000
  • checkbox.foreground#655e6b
  • debugExceptionWidget.background#f9f6ff
  • debugExceptionWidget.border#00000000
  • debugToolBar.background#f9f6ff
  • debugToolBar.border#00000000
  • diffEditor.border#d7d7d7
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#f9f7fb
  • dropdown.border#00000000
  • dropdown.foreground#655e6b
  • editor.background#f9f7fb
  • editor.findMatchBackground#dfeec9
  • editor.findMatchBorder#d7e6c287
  • editor.findMatchHighlightBackground#ff7b2555
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#b4b4b44d
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#f2f0f7bf
  • editor.foreground#6b6b6b
  • editor.hoverHighlightBackground#add6ff26
  • editor.inactiveSelectionBackground#dfd5f9
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#eeeeee
  • editor.rangeHighlightBackground#fdff0033
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#f3eeff
  • editor.selectionHighlightBackground#eee7ff
  • editor.selectionHighlightBorder#dacff54a
  • editor.wordHighlightBackground#bebebe40
  • editor.wordHighlightStrongBackground#0e639c40
  • editorBracketMatch.background#e7e3f1e1
  • editorBracketMatch.border#f2f0f7
  • editorCodeLens.foreground#cbcbcb
  • editorCursor.background#ffffff
  • editorCursor.foreground#9765c0
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#e51400
  • editorGroup.border#dbdbdb
  • editorGroup.emptyBackground#f9f7fb
  • editorGroupHeader.border#ffffff00
  • editorGroupHeader.tabsBackground#f2f0f7
  • editorGutter.addedBackground#81b88b
  • editorGutter.background#f9f7fb
  • editorGutter.commentRangeForeground#a78dc5
  • editorGutter.deletedBackground#ca4b51
  • editorGutter.foldingControlForeground#a78dc5
  • editorGutter.modifiedBackground#66afe0
  • editorHoverWidget.background#f8f5ff
  • editorHoverWidget.border#eeeeee
  • editorHoverWidget.foreground#8e8e8e
  • editorIndentGuide.activeBackground1#939393
  • editorIndentGuide.background1#d3d3d3
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#3b2b4a
  • editorLineNumber.foreground#a086b6
  • editorLink.activeForeground#6e5186
  • editorMarkerNavigation.background#f9f9f9
  • editorMarkerNavigationError.background#e51400
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#e9a700
  • editorOverviewRuler.background#f3e9ff
  • editorOverviewRuler.border#c4c4c44d
  • editorRuler.foreground#d3d3d3
  • editorSuggestWidget.background#f2f0f7
  • editorSuggestWidget.border#e5e2ee
  • editorSuggestWidget.foreground#5b446e
  • editorSuggestWidget.highlightForeground#5b446e
  • editorSuggestWidget.selectedBackground#d5cce6
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#e9a700
  • editorWhitespace.foreground#36363633
  • editorWidget.background#f3f3f3
  • editorWidget.foreground#616161
  • editorWidget.resizeBorder#c7c7c7
  • focusBorder#a78dc5
  • foreground#3b2b4a
  • gitDecoration.addedResourceForeground#587c0c
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#ad0707
  • gitDecoration.ignoredResourceForeground#8e8e90
  • gitDecoration.modifiedResourceForeground#895503
  • gitDecoration.stageDeletedResourceForeground#ad0707
  • gitDecoration.stageModifiedResourceForeground#895503
  • gitDecoration.submoduleResourceForeground#1258a7
  • gitDecoration.untrackedResourceForeground#007100
  • icon.foreground#bfafd6
  • input.background#f9f7fb
  • input.border#00000000
  • input.foreground#655e6b
  • input.placeholderForeground#bababa
  • inputOption.activeBackground#d5cce6
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#4d4d4d
  • list.activeSelectionBackground#5b446e
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#e4d6ff
  • list.focusBackground#ece7f7
  • list.focusForeground#6b686f
  • list.highlightForeground#6e5186
  • list.hoverBackground#e7e3f1
  • list.hoverForeground#44364f
  • list.inactiveSelectionBackground#ddddeeee
  • list.inactiveSelectionForeground#5b446e
  • listFilterWidget.background#d5cce6
  • listFilterWidget.noMatchesOutline#be110000
  • listFilterWidget.outline#00000000
  • menu.background#f2f0f7
  • menu.border#96797900
  • menu.foreground#5b446e
  • menu.selectionBackground#6e5186
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#e8e8e8
  • menubar.selectionBackground#bfafd6
  • menubar.selectionBorder#5c282800
  • menubar.selectionForeground#48355a
  • merge.commonContentBackground#E5E5E5
  • merge.commonHeaderBackground#BFBFBF
  • merge.currentContentBackground#DBF4EF
  • merge.currentHeaderBackground#A4E3D6
  • merge.incomingContentBackground#DBECFF
  • merge.incomingHeaderBackground#A6CFFF
  • minimap.background#f9f7fb
  • minimap.errorHighlight#e51400
  • minimap.findMatchHighlight#a8ac94
  • minimap.selectionHighlight#f3eeff
  • minimap.warningHighlight#e9a700
  • minimapGutter.addedBackground#81b88b
  • minimapGutter.deletedBackground#ca4b51
  • minimapGutter.modifiedBackground#66afe0
  • notificationCenter.border#d5d5d5
  • notificationCenterHeader.background#e7e7e7
  • notificationCenterHeader.foreground#616161
  • notifications.background#e7e3f1
  • notifications.border#e7e7e7
  • notifications.foreground#5b446e
  • notificationsErrorIcon.foreground#e51400
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#e9a700
  • notificationToast.border#c7abab00
  • panel.background#f9f7fb
  • panel.border#d7d7d759
  • panelSection.border#d1d1d159
  • panelTitle.activeBorder#424242
  • panelTitle.activeForeground#6e5186
  • panelTitle.inactiveForeground#424242bf
  • peekView.border#a78dc5
  • peekViewEditor.background#f2f8fc
  • peekViewEditor.matchHighlightBackground#ffe7338d
  • peekViewEditor.matchHighlightBorder#f5dd2d8d
  • peekViewEditorGutter.background#f2f8fc
  • peekViewResult.background#f3f3f3
  • peekViewResult.fileForeground#1e1e1e
  • peekViewResult.lineForeground#646465
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#6c6c6c
  • peekViewTitle.background#ffffff
  • peekViewTitleDescription.foreground#616161e6
  • peekViewTitleLabel.foreground#333333
  • pickerGroup.border#cccedb
  • pickerGroup.foreground#808080
  • progressBar.background#8a69a5
  • scrollbar.shadow#dddddd00
  • scrollbarSlider.activeBackground#8a69a5cb
  • scrollbarSlider.background#e7e3f1
  • scrollbarSlider.hoverBackground#bfafd6
  • selection.background#e7e3f1
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#bfafd6
  • sideBar.background#f2f0f7
  • sideBar.border#827d7d00
  • sideBar.dropBackground#e4d6ff
  • sideBar.foreground#645f68
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#dbdbdb00
  • sideBarSectionHeader.foreground#5b446e
  • sideBarTitle.foreground#9c8dad
  • statusBar.background#8a69a5
  • statusBar.debuggingBackground#e67943
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#f9f7fb
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#2c9974
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#f9f7fb
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#544264
  • tab.border#edebf2
  • tab.inactiveBackground#f2f0f7
  • tab.inactiveForeground#333333b3
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#0451a5
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#0451a5
  • terminal.ansiBrightCyan#0598bc
  • terminal.ansiBrightGreen#14ce14
  • terminal.ansiBrightMagenta#bc05bc
  • terminal.ansiBrightRed#cd3131
  • terminal.ansiBrightWhite#a5a5a5
  • terminal.ansiBrightYellow#b5ba00
  • terminal.ansiCyan#0598bc
  • terminal.ansiGreen#00bc00
  • terminal.ansiMagenta#bc05bc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#555555
  • terminal.ansiYellow#949800
  • terminal.border#c3c3c34c
  • terminal.foreground#333333
  • terminal.selectionBackground#d5cce639
  • terminalCursor.background#8a69a5
  • terminalCursor.foreground#cac1dcd8
  • textLink.foreground#006ab1
  • titleBar.activeBackground#d5cce6
  • titleBar.activeForeground#533b66
  • titleBar.border#00000000
  • titleBar.inactiveBackground#f2f0f7
  • titleBar.inactiveForeground#33333399
  • tree.indentGuidesStroke#e7e3f1
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000029

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

Lavender Code Theme by Ademir Silva - VS Code Theme