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#F3F3F4
  • activityBar.foreground#121224A0
  • activityBarBadge.background#3C80B8
  • activityBarBadge.foreground#F3F3F4
  • badge.background#F3F3F4
  • badge.foreground#121224A0
  • breadcrumb.activeSelectionForeground#121224A0
  • breadcrumb.background#FCFCFC
  • breadcrumb.focusForeground#15151DEB
  • breadcrumb.foreground#121224A0
  • breadcrumbPicker.background#F3F3F4
  • button.background#3173A7
  • button.foreground#FCFCFC
  • button.hoverBackground#045683
  • button.secondaryBackground#0C0C2C1E
  • button.secondaryForeground#15151DEB
  • button.secondaryHoverBackground#0C0C2C1E
  • chart.axis#0B0B2D0A
  • chart.guide#121224A0
  • chart.line#0B0B2D0A
  • charts.blue#549BDC
  • charts.foreground#121224A0
  • charts.green#44A860
  • charts.lines#121224A0
  • charts.orange#E6742D
  • charts.purple#988ED0
  • charts.red#EA6C79
  • charts.yellow#DFAF49
  • commandCenter.activeBackground#0C0C2C1E
  • commandCenter.activeBorder#1616181A
  • commandCenter.activeForeground#121224A0
  • commandCenter.background#0B0B2D11
  • commandCenter.border#0B0B2D0A
  • commandCenter.debuggingBackground#0C0C2C1E
  • commandCenter.foreground#121224A0
  • commandCenter.inactiveBorder#0B0B2D0A
  • commandCenter.inactiveForeground#0E0E2A47
  • debugExceptionWidget.background#FCFCFC
  • debugExceptionWidget.border#F3F3F4
  • debugToolBar.background#F3F3F4
  • descriptionForeground#121224A0
  • diffEditor.insertedLineBackground#2D8B4814
  • diffEditor.insertedTextBackground#2D8B481F
  • diffEditor.removedLineBackground#DE375714
  • diffEditor.removedTextBackground#DE37571F
  • diffEditor.unchangedCodeBackground#FCFCFC00
  • diffEditorGutter.insertedLineBackground#2D8B4814
  • diffEditorGutter.removedLineBackground#DE375714
  • dropdown.background#FCFCFC
  • dropdown.border#0B0B2D0A
  • dropdown.foreground#15151DEB
  • editor.background#FCFCFC
  • editor.findMatchBackground#629EA95C
  • editor.findMatchHighlightBackground#629EA92E
  • editor.findRangeHighlightBackground#0B0B2D11
  • editor.foreground#15151DEB
  • editor.hoverHighlightBackground#0C0C2C1E
  • editor.inactiveSelectionBackground#0B0B2D11
  • editor.lineHighlightBackground#EAEAED
  • editor.lineHighlightBorder#EAEAED
  • editor.rangeHighlightBackground#629EA929
  • editor.selectionBackground#0C0C2C1E
  • editor.selectionHighlightBackground#0B0B2D11
  • editor.snippetFinalTabstopHighlightBorder#1616181A
  • editor.snippetTabstopHighlightBackground#0C0C2C1E
  • editor.wordHighlightBackground#0C0C2C1E
  • editor.wordHighlightStrongBackground#0B0B2D0A
  • editorBracketHighlight.foreground1#045683
  • editorBracketHighlight.foreground2#3C80B8
  • editorBracketHighlight.foreground3#9EBFEB
  • editorBracketHighlight.foreground4#4D3BBE
  • editorBracketHighlight.foreground5#4D3BBE
  • editorBracketHighlight.foreground6#BEB8DE
  • editorBracketHighlight.unexpectedBracket.foreground#DE3757
  • editorBracketMatch.background#0C0C2C1E
  • editorBracketMatch.border#FCFCFC00
  • editorCodeLens.foreground#121224A0
  • editorCursor.foreground#15151DEB
  • editorError.border#DE375700
  • editorError.foreground#DE3757
  • editorGroup.border#0B0B2D0A
  • editorGroup.dropBackground#0C0C2C1E
  • editorGroup.emptyBackground#F3F3F4
  • editorGroupHeader.noTabsBackground#F3F3F4
  • editorGroupHeader.tabsBackground#F3F3F4
  • editorGroupHeader.tabsBorder#0B0B2D0A
  • editorGutter.addedBackground#2D8B48
  • editorGutter.background#FCFCFC
  • editorGutter.deletedBackground#DE3757
  • editorGutter.modifiedBackground#E6742D
  • editorHoverWidget.background#FCFCFC
  • editorHoverWidget.border#1616181A
  • editorIndentGuide.activeBackground1#1616181A
  • editorIndentGuide.background1#0B0B2D0A
  • editorInlayHint.background#FCFCFC00
  • editorInlayHint.foreground#121224A0
  • editorInlayHint.parameterBackground#FCFCFC00
  • editorInlayHint.parameterForeground#0E0E2A47
  • editorInlayHint.typeBackground#FCFCFC00
  • editorInlayHint.typeForeground#0E0E2A47
  • editorLineNumber.activeForeground#121224A0
  • editorLineNumber.foreground#0E0E2A47
  • editorLink.activeForeground#15151DEB
  • editorMarkerNavigation.background#0F0F2861
  • editorMarkerNavigationError.background#DE3757C0
  • editorMarkerNavigationWarning.background#121224A0
  • editorOverviewRuler.border#FCFCFC00
  • editorRuler.foreground#3F3F49
  • editorStickyScroll.border#0B0B2D0A
  • editorSuggestWidget.background#F3F3F4
  • editorSuggestWidget.border#0B0B2D0A
  • editorSuggestWidget.foreground#15151DEB
  • editorSuggestWidget.highlightForeground#15151DEB
  • editorSuggestWidget.selectedBackground#0B0B2D11
  • editorUnnecessaryCode.opacity#0000007F
  • editorWarning.border#FCFCFC00
  • editorWarning.foreground#E6742D
  • editorWhitespace.foreground#0E0E2A47
  • editorWidget.background#F3F3F4
  • editorWidget.resizeBorder#0E0E2A47
  • errorForeground#DE3757
  • extensionButton.prominentBackground#3F3F49
  • extensionButton.prominentForeground#15151DEB
  • extensionButton.prominentHoverBackground#5D5D69
  • focusBorder#FCFCFC00
  • foreground#15151DEB
  • git.blame.editorDecorationForeground#121224A0
  • gitDecoration.addedResourceForeground#2D8B48
  • gitDecoration.deletedResourceForeground#C92D4F
  • gitDecoration.ignoredResourceForeground#3F3F49
  • gitDecoration.modifiedResourceForeground#E6B450
  • gitDecoration.untrackedResourceForeground#629EA9
  • gitlens.trailingLineForegroundColor#0E0E2A47
  • icon.foreground#0E0E2A47
  • input.background#FCFCFC
  • input.border#1616181A
  • input.foreground#15151DEB
  • input.placeholderForeground#0E0E2A47
  • inputOption.activeBackground#0B0B2D11
  • inputOption.activeBorder#0B0B2D00
  • inputValidation.errorBackground#DE3757
  • inputValidation.errorBorder#DE3757
  • inputValidation.infoBackground#629EA9
  • inputValidation.infoBorder#629EA9
  • inputValidation.infoForeground#F3F3F4
  • inputValidation.warningBackground#E6742D
  • inputValidation.warningBorder#E6742D
  • list.activeSelectionBackground#0B0B2D11
  • list.activeSelectionForeground#15151DEB
  • list.deemphasizedForeground#121224A0
  • list.dropBackground#121224A0
  • list.errorForeground#DE3757
  • list.focusBackground#0B0B2D11
  • list.focusForeground#15151DEB
  • list.highlightForeground#629EA9
  • list.hoverBackground#0B0B2D11
  • list.hoverForeground#121224A0
  • list.inactiveSelectionBackground#0B0B2D11
  • list.inactiveSelectionForeground#15151DEB
  • list.invalidItemForeground#0E0E2A47
  • list.warningForeground#E6742D
  • menu.background#F3F3F4
  • menu.foreground#121224A0
  • menu.separatorBackground#0B0B2D0A
  • menubar.selectionBackground#0B0B2D11
  • merge.border#FCFCFC00
  • merge.currentContentBackground#988ED05C
  • merge.currentHeaderBackground#988ED07A
  • merge.incomingContentBackground#629EA95C
  • merge.incomingHeaderBackground#629EA97A
  • minimap.background#FCFCFC
  • minimap.errorHighlight#DE3757
  • minimap.findMatchHighlight#629EA95C
  • minimap.foregroundOpacity#15151DEB
  • minimap.selectionHighlight#0B0B2D11
  • minimap.selectionOccurrenceHighlight#0B0B2D11
  • minimap.warningHighlight#E6B450
  • minimapGutter.addedBackground#65D183
  • minimapGutter.deletedBackground#ECABAD
  • minimapGutter.modifiedBackground#F5A98A
  • minimapSlider.activeBackground#0C0C2C1E
  • minimapSlider.background#0B0B2D0A
  • minimapSlider.hoverBackground#0B0B2D11
  • notificationLink.foreground#629EA9
  • notifications.background#F3F3F4
  • notifications.border#0B0B2D0A
  • notifications.foreground#15151DEB
  • notificationsErrorIcon.foreground#DE3757
  • notificationsInfoIcon.foreground#3C80B8
  • notificationsWarningIcon.foreground#E6742D
  • panel.background#F3F3F4
  • panel.border#0B0B2D0A
  • panelStickyScroll.border#0B0B2D0A
  • panelTitle.activeBorder#0B0B2D00
  • panelTitle.activeForeground#15151DEB
  • panelTitle.inactiveForeground#121224A0
  • peekView.border#1616181A
  • peekViewEditor.background#F3F3F4
  • peekViewEditor.matchHighlightBackground#629EA95C
  • peekViewEditorGutter.background#F3F3F4
  • peekViewResult.background#F3F3F4
  • peekViewResult.fileForeground#15151DEB
  • peekViewResult.lineForeground#0F0F2861
  • peekViewResult.matchHighlightBackground#629EA92E
  • peekViewResult.selectionBackground#F3F3F4
  • peekViewResult.selectionForeground#15151DEB
  • peekViewTitle.background#F3F3F4
  • peekViewTitleDescription.foreground#121224A0
  • peekViewTitleLabel.foreground#15151DEB
  • pickerGroup.border#1616181A
  • pickerGroup.foreground#15151DEB
  • progressBar.background#2D8B48
  • sash.hoverBorder#1616181A
  • scrollbar.shadow#FCFCFC00
  • scrollbarSlider.activeBackground#0D0D2B30
  • scrollbarSlider.background#0C0C2C1E
  • scrollbarSlider.hoverBackground#0D0D2B30
  • selection.background#0B0B2D0A
  • sideBar.background#F3F3F4
  • sideBar.border#0B0B2D0A
  • sideBar.foreground#121224A0
  • sideBarSectionHeader.background#F3F3F4
  • sideBarSectionHeader.foreground#121224A0
  • sideBarStickyScroll.border#0B0B2D0A
  • sideBarTitle.foreground#121224A0
  • statusBar.background#F3F3F4
  • statusBar.border#0B0B2D0A
  • statusBar.debuggingBackground#F3F3F4
  • statusBar.debuggingForeground#0E0E2A47
  • statusBar.foreground#121224A0
  • statusBar.noFolderBackground#F3F3F4
  • statusBar.noFolderForeground#0E0E2A47
  • statusBarItem.activeBackground#0C0C2C1E
  • statusBarItem.hoverBackground#0B0B2D11
  • statusBarItem.prominentBackground#0C0C2C1E
  • statusBarItem.prominentHoverBackground#0B0B2D11
  • statusBarItem.remoteBackground#F3F3F4
  • statusBarItem.remoteForeground#121224A0
  • tab.activeBackground#FCFCFC
  • tab.activeBorder#FCFCFC
  • tab.activeBorderTop#FCFCFC00
  • tab.activeForeground#15151DEB
  • tab.border#1616181A
  • tab.hoverBackground#0B0B2D11
  • tab.inactiveBackground#F3F3F4
  • tab.inactiveForeground#121224A0
  • tab.unfocusedActiveBorder#F3F3F400
  • tab.unfocusedActiveForeground#121224A0
  • tab.unfocusedHoverBackground#16161B00
  • tab.unfocusedHoverBorder#0B0B2D0A
  • tab.unfocusedInactiveForeground#121224A0
  • terminal.ansiBlack#15151DEB
  • terminal.ansiBlue#3C80B8
  • terminal.ansiBrightBlack#121224A0
  • terminal.ansiBrightBlue#3173A7
  • terminal.ansiBrightCyan#549BDC
  • terminal.ansiBrightGreen#44A860
  • terminal.ansiBrightMagenta#988ED0
  • terminal.ansiBrightRed#EA6C79
  • terminal.ansiBrightWhite#FCFCFC
  • terminal.ansiBrightYellow#E6B450
  • terminal.ansiCyan#4B828D
  • terminal.ansiGreen#2D8B48
  • terminal.ansiMagenta#4D3BBE
  • terminal.ansiRed#DE3757
  • terminal.ansiWhite#F3F3F4
  • terminal.ansiYellow#DFAF49
  • terminal.background#F3F3F4
  • terminal.foreground#15151DEB
  • terminal.selectionBackground#0C0C2C1E
  • terminalCursor.background#0C0C2C1E
  • terminalCursor.foreground#0E0E2A47
  • terminalStickyScroll.border#0B0B2D0A
  • textLink.activeForeground#3173A7
  • textLink.foreground#3173A7
  • textPreformat.foreground#629EA9
  • textSeparator.foreground#629EA9
  • titleBar.activeBackground#F3F3F4
  • titleBar.activeForeground#121224A0
  • titleBar.border#0B0B2D0A
  • titleBar.inactiveBackground#F3F3F4
  • titleBar.inactiveForeground#0E0E2A47
  • tree.inactiveIndentGuidesStroke#0B0B2D0A
  • tree.indentGuidesStroke#1616181A
  • walkThrough.embeddedEditorBackground#F3F3F4
  • widget.border#0B0B2D0A
  • widget.shadow#0C0C2C1E

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment, string.comment#121224A0italic
string, string punctuation.section.embedded source#988ED0
punctuation.definition.string.begin,punctuation.definition.string.end#988ED0
string variable#3C80B8
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#121224A0
source.regexp, string.regexp#3173A7
string.regexp.character-class, string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition#3173A7
string.regexp constant.character.escape#2D8B48
constant.other.placeholder, constant.character#C92D4F
constant, entity.name.constant, variable.other.constant, variable.other.enummember, variable.language, entity#3C80B8
constant.numeric#C34E95
constant.other.symbol#15151DEB
support.constant#3C80B8
variable#E6742D
variable.other#15151DEB
variable.language#DE3757
support.variable#3C80B8
variable.parameter.function, meta.jsx.children, meta.block, meta.tag.attributes, entity.name.constant, meta.object.member#15151DEB
variable.parameter.function#15151DEB
variable.other.readwrite#549BDC
keyword#C92D4F
storage, storage.type#C92D4F
keyword.control.directive#2D8B48
entity.name.function#4D3BBE
meta.require, support.function, variable.function#4D3BBE
keyword.other.special-method#4D3BBE
entity.name, meta.export.default, meta.definition.variable#E6742D
entity.name.type.namespace#3C80B8
support.class, entity.name.type.class#3C80B8
entity.name.class.identifier.namespace.type#3C80B8
entity.name.class, variable.other.class.js, variable.other.class.ts#3C80B8
entity.name.type#3C80B8
entity.other.inherited-class#3C80B8
entity.name.namespace#15151DEB
keyword.operator.assignment, keyword.operator.assignment.compound, keyword.operator.assignment.c, keyword.operator.assignment.cpp, keyword.operator.assignment.go, keyword.operator.assignment.java, keyword.operator.assignment.js, keyword.operator.assignment.ts, keyword.operator.assignment.python#15151DEB
keyword.operator.comparison, keyword.operator.relational, keyword.operator.comparison.c, keyword.operator.comparison.cpp, keyword.operator.comparison.java, keyword.operator.comparison.js, keyword.operator.comparison.ts, keyword.operator.comparison.python#C92D4F
keyword.operator.arithmetic, keyword.operator.increment, keyword.operator.decrement, keyword.operator.arithmetic.c, keyword.operator.increment.c, keyword.operator.decrement.c, keyword.operator.arithmetic.cpp, keyword.operator.increment.cpp, keyword.operator.decrement.cpp, keyword.operator.arithmetic.go, keyword.operator.arithmetic.java, keyword.operator.arithmetic.js, keyword.operator.arithmetic.ts, keyword.operator.arithmetic.python#15151DEB
keyword.operator.bitwise, keyword.operator.bitwise.shift, keyword.operator.bitwise.shift.c, keyword.operator.bitwise.shift.cpp, keyword.operator.bitwise.java, keyword.operator.bitwise.js, keyword.operator.bitwise.ts, keyword.operator.bitwise.python#C92D4F
keyword.operator.logical, keyword.operator.logical.python, keyword.operator.logical.java, keyword.operator.logical.js, keyword.operator.logical.ts, keyword.operator.logical.c, keyword.operator.logical.cpp#C92D4F
keyword.operator.new, keyword.operator.delete, keyword.operator.typeof, keyword.operator.instanceof, keyword.operator.in, keyword.operator.of, keyword.operator.sizeof, keyword.operator.address, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.instanceof, keyword.operator.expression.typeof, keyword.operator.expression.delete, keyword.operator.expression.in, keyword.operator.expression.of, keyword.operator.expression.void, keyword.operator.expression.keyof, keyword.operator.sizeof.c, keyword.operator.sizeof.cpp, keyword.operator.address.go, keyword.operator.module, keyword.operator.instanceof.java, keyword.operator.less, keyword.operator.c, keyword.operator.cpp#C92D4F
keyword.operator.quantifier.regexp, keyword.operator.negation.regexp#E6742D
punctuation.accessor, punctuation.separator.pointer-access, punctuation.separator.dot-access, punctuation.separator.period, keyword.operator.dereference, punctuation.separator.pointer-access.c, punctuation.separator.pointer-access.cpp#15151DEB
entity.name.tag, support.class.component#2D8B48
entity.name.tag.html#3C80B8
punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.definition.tag.begin.xml, punctuation.definition.tag.end.xml, punctuation.definition.tag#121224A0
entity.other.attribute-name#4D3BBE
entity.other.attribute-name.id#4D3BBE
entity.other.attribute-name.class.css#2D8B48
support.type.property-name.css#988ED0
meta.property-value.css#045683
meta.selector#629EA9
keyword.other.unit#DA72AB
constant.other.color#C34E95
punctuation.definition.constant.css#DA72AB
keyword.other.template.begin, keyword.other.template.end, keyword.other.substitution.begin, keyword.other.substitution.end#121224A0
token.storage#C92D4F
support.module.node,support.type.object.module,support.module.node#C92D4F
entity.name.type.module#C92D4F
,meta.object-literal.key,support.variable.object.process,support.variable.object.node#15151DEB
support.constant.json#E6742D
support.type.object.console#15151DEB
support.variable.property.process#E6742D
entity.name.function.js,support.function.console.js#4D3BBE
support.type.object.dom#15151DEB
support.variable.dom,support.variable.property.dom#15151DEB
meta.template.expression#15151DEB
support.type.type.flowtype#4D3BBE
support.type.primitive#C92D4F
meta.property.object#15151DEB
variable.parameter.function.js#15151DEB
keyword.other.template.begin#988ED0
keyword.other.template.end#988ED0
keyword.other.substitution.begin#988ED0
keyword.other.substitution.end#988ED0
meta.function.decorator.python, punctuation.definition.decorator.python, entity.name.function.decorator.python#2D8B48
support.type.python#629EA9
string.quoted.binary.single.python#2D8B48
constant.other.ellipsis.python#15151DEB
support.variable.magic.python#15151DEB
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#15151DEB
variable.parameter.function.language.special.self.python#C34E95
variable.parameter.function.language.python#E6742D
variable.parameter.function.python#E6742D
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#15151DEB
meta.function-call.generic.python#4D3BBE
constant.character.format.placeholder.other.python#E6742D
keyword.control.import.python,keyword.control.flow.pythonitalic
storage.type.c, storage.type.cpp, support.type.posix-reserved.c, support.type.posix-reserved.cpp#3C80B8
constant.language.false.cpp, constant.language.true.cpp#629EA9
variable.language.this.cpp#629EA9
storage.modifier.reference, storage.modifier.pointer#15151DEB
variable.c#15151DEB
keyword.control.directive.include.cpp#2D8B48
punctuation.separator.c,punctuation.separator.cpp#629EA9
support.type.posix-reserved.c,support.type.posix-reserved.cpp#15151DEB
storage.modifier.package, storage.modifier.import, storage.type.java#15151DEB
token.variable.parameter.java#15151DEB
import.storage.java#C92D4F
storage.type.annotation.java, storage.type.object.array.java#3C80B8
source.java#15151DEB
storage.modifier.import.java,storage.type.java,storage.type.generic.java#C92D4F
token.storage.type.java#3C80B8
support.type.property-name.json#2D8B48
source.json meta.structure.dictionary.json > string.quoted.json#15151DEB
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#15151DEB
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#988ED0
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#15151DEB
markup.heading, markup.heading entity.name#3C80B8
entity.name.section.markdown, punctuation.definition.heading.markdown, markup.heading.setext#15151DEB
markup.quote#121224A0
markup.italicitalic
markup.boldbold
markup.underlineunderline
markup.strikethrough, punctuation.definition.strikethrough#0E0E2A47strikethrough
markup.inline.raw#2D8B48
markup.underline.link.markdown, markup.underline.link.image.markdown#121224A0
markup.heading punctuation.definition.heading, entity.name.section#121224A0
punctuation.definition.list.begin.markdown#121224A0
punctuation.definition.list.markdown#15151DEB
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#15151DEB
beginning.punctuation.definition.list.markdown#15151DEB
punctuation.definition.metadata.markdown#15151DEB
markup.underline.link.markdown,markup.underline.link.image.markdown#3C80B8
string.other.link.title.markdown,string.other.link.description.markdown#121224A0
punctuation.definition.bold, punctuation.definition.italic, punctuation.definition.underline#121224A0
string.regexp#15151DEB
constant.other.character-class.regexp#15151DEB
punctuation.definition.group.regexp#E6742D
punctuation.definition.group.assertion.regexp#E6742D
punctuation.definition.character-class.regexp#E6742D
punctuation.character.set.begin.regexp#E6742D
punctuation.character.set.end.regexp#E6742D
support.other.parenthesis.regexp#E6742D
markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted#C92D4F
markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted#2D8B48
markup.changed, punctuation.definition.changed#E6742D
markup.ignored, markup.untracked#0E0E2A47
meta.diff.range#4D3BBE
meta.diff.header#3C80B8
entity.name.tag.template, entity.name.tag.script, entity.name.tag.style#4D3BBE
entity.name.package.go#C92D4F
punctuation.definition.block.sequence.item.yaml#15151DEB
constant.language.symbol.elixir#15151DEB
invalid.broken, invalid.deprecated, invalid.illegal, invalid.unimplemented#C92D4Fitalic
carriage-return#0B0B2D0Aitalic underline
message.error#C92D4F
meta.module-reference#3C80B8
punctuation.section.embedded#C92D4F
constant.character.escape#121224A0
punctuation.section.embedded, variable.interpolation#15151DEB
punctuation.section.embedded.begin,punctuation.section.embedded.end#629EA9
meta.separator#3C80B8
meta.output#3C80B8
constant.other.reference.link#3C80B8
token.package.keyword#C92D4F
token.package#15151DEB
control.elements#E6742D
punctuation.definition.constant#E6742D
meta.tag#E6B450
punctuation.separator.delimiter#15151DEB
support.constant.edge#629EA9
brackethighlighter.tag, brackethighlighter.curly, brackethighlighter.round, brackethighlighter.square, brackethighlighter.angle, brackethighlighter.quote#121224A0
brackethighlighter.unmatched#C92D4F

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Cursor Themes by cktan21 - VS Code Theme