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#5423ab
  • activityBar.background#08070a
  • activityBar.border#5d3da3
  • activityBar.foreground#d1a2ff
  • activityBar.inactiveForeground#9257e8
  • activityBarBadge.background#a155fd
  • activityBarBadge.foreground#000000
  • badge.background#d35163
  • badge.foreground#000000
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#120c2a
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cac0e0e1
  • button.background#44238e
  • button.foreground#dad8e2
  • button.hoverBackground#814fb4
  • button.secondaryBackground#331764
  • button.secondaryForeground#ccc8d7
  • button.secondaryHoverBackground#6948b0
  • checkbox.background#0c0511
  • checkbox.border#a93a3a00
  • checkbox.foreground#cabfe2
  • debugExceptionWidget.background#150b21
  • debugExceptionWidget.border#f9e900d7
  • debugToolBar.background#150b21
  • debugToolBar.border#f9e900d7
  • diffEditor.border#660000
  • diffEditor.insertedTextBackground#f5d06426
  • diffEditor.insertedTextBorder#00000012
  • diffEditor.removedTextBackground#ff000033
  • diffEditor.removedTextBorder#1508081c
  • dropdown.background#0c0511
  • dropdown.border#a93a3a00
  • dropdown.foreground#cabfe2
  • editor.background#0f0d13
  • editor.findMatchBackground#282510
  • editor.findMatchBorder#c489ff
  • editor.findMatchHighlightBackground#000000b5
  • editor.findMatchHighlightBorder#a161ff74
  • editor.findRangeHighlightBackground#57497122
  • editor.findRangeHighlightBorder#160f2100
  • editor.foldBackground#8c6bbc18
  • editor.foreground#ded0f9b9
  • editor.hoverHighlightBackground#3150628d
  • editor.inactiveSelectionBackground#352d3f
  • editor.lineHighlightBackground#0807076c
  • editor.lineHighlightBorder#52227322
  • editor.rangeHighlightBackground#0000000b
  • editor.rangeHighlightBorder#4f2f2fb3
  • editor.selectionBackground#3f1f5a
  • editor.selectionHighlightBackground#000000
  • editor.selectionHighlightBorder#762be4
  • editor.wordHighlightBackground#3d2121b8
  • editor.wordHighlightBorder#493030
  • editor.wordHighlightStrongBackground#13374bb8
  • editor.wordHighlightStrongBorder#4d2626
  • editorBracketMatch.background#7937d98d
  • editorBracketMatch.border#2f144500
  • editorCodeLens.foreground#a996c4
  • editorCursor.background#0b0217
  • editorCursor.foreground#c7aff0
  • editorError.background#ff000024
  • editorError.border#bc626200
  • editorError.foreground#ff0000a7
  • editorGroup.border#3e3164
  • editorGroup.emptyBackground#0f0d13
  • editorGroupHeader.tabsBackground#090915
  • editorGroupHeader.tabsBorder#684abc
  • editorGutter.addedBackground#cdc227
  • editorGutter.background#08080a
  • editorGutter.commentRangeForeground#ff4545
  • editorGutter.deletedBackground#ff000c
  • editorGutter.foldingControlForeground#ff4545
  • editorGutter.modifiedBackground#c709d7
  • editorHoverWidget.background#15101f
  • editorHoverWidget.border#7d53b0
  • editorHoverWidget.foreground#d4c9e2
  • editorIndentGuide.activeBackground#9b63ff
  • editorIndentGuide.background#9876d576
  • editorInfo.background#4490BF00
  • editorInfo.border#3a7ca500
  • editorInfo.foreground#84c5ff64
  • editorLineNumber.activeForeground#b683ff
  • editorLineNumber.foreground#6e588e
  • editorLink.activeForeground#926aff
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#825ab2
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#6a33ad
  • editorRuler.foreground#ec202056
  • editorSuggestWidget.background#0e0c11
  • editorSuggestWidget.border#675394
  • editorSuggestWidget.foreground#9074a3
  • editorSuggestWidget.highlightForeground#9c81ff
  • editorSuggestWidget.selectedBackground#5f47a17a
  • editorWarning.background#ffc20000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#e4ba009b
  • editorWhitespace.foreground#000000
  • editorWidget.background#160e26
  • editorWidget.foreground#aa9ac2
  • editorWidget.resizeBorder#af6dff
  • focusBorder#a573ff
  • foreground#bfa8ff
  • gitDecoration.addedResourceForeground#81b88b
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#c74e39
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#e2c08d
  • gitDecoration.stageDeletedResourceForeground#c74e39
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#bfa8ff
  • input.background#0c0511
  • input.border#a93a3a00
  • input.foreground#cabfe2
  • input.placeholderForeground#9c85be
  • inputOption.activeBackground#8458ff66
  • inputOption.activeBorder#8d80cfbb
  • inputOption.activeForeground#ebe4f5
  • list.activeSelectionBackground#4a2e8aaf
  • list.activeSelectionForeground#e4c5c5
  • list.dropBackground#1e0f38
  • list.focusBackground#773cb234
  • list.focusForeground#dacef9
  • list.highlightForeground#b184ff
  • list.hoverBackground#342c4f
  • list.hoverForeground#ffbcb5
  • list.inactiveSelectionBackground#342f41
  • list.inactiveSelectionForeground#927ab6
  • listFilterWidget.background#6b4994
  • listFilterWidget.noMatchesOutline#ff1700
  • listFilterWidget.outline#6800ff
  • menu.background#140f24
  • menu.border#8a6fc785
  • menu.foreground#edd2ff
  • menu.selectionBackground#3f2c77
  • menu.selectionBorder#b8595900
  • menu.selectionForeground#d5d2c8
  • menu.separatorBackground#603cc4
  • menubar.selectionBackground#463271b5
  • menubar.selectionBorder#4f2b8e
  • menubar.selectionForeground#c39bff
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#0f0d13
  • minimap.errorHighlight#ff0000a7
  • minimap.findMatchHighlight#282510
  • minimap.selectionHighlight#3f1f5a
  • minimap.warningHighlight#e4ba009b
  • minimapGutter.addedBackground#cdc227
  • minimapGutter.deletedBackground#ff000c
  • minimapGutter.modifiedBackground#c709d7
  • notificationCenter.border#4d0c84
  • notificationCenterHeader.background#1e132c
  • notificationCenterHeader.foreground#c498e8
  • notifications.background#0d0b0f
  • notifications.border#473862
  • notifications.foreground#dfa5ff
  • notificationsErrorIcon.foreground#ff2f05
  • notificationsInfoIcon.foreground#ad49ff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#7520a5
  • panel.background#040306
  • panel.border#8f66d791
  • panelSection.border#900aff91
  • panelTitle.activeBorder#d181ff
  • panelTitle.activeForeground#b7a8ff
  • panelTitle.inactiveForeground#a87ef299
  • peekView.border#922dcb
  • peekViewEditor.background#270e3f
  • peekViewEditor.matchHighlightBackground#000000
  • peekViewEditor.matchHighlightBorder#9c67c0
  • peekViewEditorGutter.background#000000
  • peekViewResult.background#000000
  • peekViewResult.fileForeground#ece0fb
  • peekViewResult.lineForeground#d68dff
  • peekViewResult.matchHighlightBackground#9c5cd14d
  • peekViewResult.selectionBackground#c3affb33
  • peekViewResult.selectionForeground#ff8d8d
  • peekViewTitle.background#282032
  • peekViewTitleDescription.foreground#c4bcbcb3
  • peekViewTitleLabel.foreground#e0d5f9
  • pickerGroup.border#7751a5
  • pickerGroup.foreground#c47cff
  • progressBar.background#00ff58
  • scrollbar.shadow#0d0321
  • scrollbarSlider.activeBackground#b384ec66
  • scrollbarSlider.background#9555f266
  • scrollbarSlider.hoverBackground#9069e6b3
  • selection.background#8662d3
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#bfa8ff
  • sideBar.background#07050d
  • sideBar.border#0a060f
  • sideBar.dropBackground#1e0f38
  • sideBar.foreground#e9d6ff
  • sideBarSectionHeader.background#0a001be5
  • sideBarSectionHeader.border#a176ff54
  • sideBarSectionHeader.foreground#e9d6fd
  • sideBarTitle.foreground#cbb8ff
  • statusBar.background#0b0715
  • statusBar.border#000000
  • statusBar.debuggingBackground#231538
  • statusBar.debuggingBorder#78c755
  • statusBar.debuggingForeground#9ecd97
  • statusBar.foreground#fcf8fd
  • statusBar.noFolderBackground#150419
  • statusBar.noFolderBorder#000000
  • statusBar.noFolderForeground#e0d0d0
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#000000
  • statusBarItem.remoteBackground#570a8c
  • statusBarItem.remoteForeground#38ff00
  • tab.activeBackground#432b77
  • tab.activeBorder#b99aff
  • tab.activeBorderTop#3f1380
  • tab.activeForeground#ddb5ff
  • tab.border#140f1b
  • tab.hoverBackground#6227cd
  • tab.hoverBorder#ae75f2
  • tab.hoverForeground#ecdcff
  • tab.inactiveBackground#2d1a4f
  • tab.inactiveForeground#b8a0dbe7
  • terminal.ansiBlack#3d3535
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#3b8eea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#23d18b
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#eee0ff
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#e8c7ff
  • terminal.ansiYellow#e5e510
  • terminal.border#900aff91
  • terminal.foreground#efe3f5
  • terminal.selectionBackground#855da740
  • terminalCursor.background#b58fee
  • terminalCursor.foreground#000000
  • textLink.foreground#9a61ff
  • titleBar.activeBackground#140926
  • titleBar.activeForeground#e3dbff
  • titleBar.border#00000000
  • titleBar.inactiveBackground#080413ed
  • titleBar.inactiveForeground#c197ff99
  • tree.indentGuidesStroke#9468e4
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#0000005c

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

PurpleHaze by Tr3bbe - VS Code Theme