Skip to main content
Coding Theme

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#F778281A
  • activityBar.background#CDE8F2
  • activityBar.foreground#111821
  • activityBar.inactiveForeground#5A7A91
  • activityBarBadge.background#F77828
  • activityBarBadge.foreground#E0F7FA
  • badge.background#F77828
  • badge.foreground#E0F7FA
  • breadcrumb.activeSelectionForeground#111821
  • breadcrumb.background#D4EFF7
  • breadcrumb.focusForeground#111821
  • breadcrumb.foreground#495F77CC
  • button.background#65D7EAB3
  • button.foreground#F5F8FA
  • button.hoverBackground#65D7EA
  • button.secondaryBackground#65D7EAB3
  • button.secondaryForeground#F5F8FA
  • button.secondaryHoverBackground#65D7EA
  • checkbox.background#F5F8FA
  • checkbox.border#FF4C3B
  • checkbox.foreground#111821
  • debugExceptionWidget.background#F5F8FA
  • debugExceptionWidget.border#FF4C3B
  • debugToolBar.background#F5F8FA
  • debugToolBar.border#FF4C3B
  • diffEditor.border#F5F8FA
  • diffEditor.insertedTextBackground#11182133
  • diffEditor.insertedTextBorder#FF4C3B00
  • diffEditor.removedTextBackground#FF4C3B33
  • dropdown.background#F5F8FA
  • dropdown.border#65D7EA
  • dropdown.foreground#111821
  • editor.background#e6f7ff
  • editor.findMatchBackground#495F7762
  • editor.findMatchBorder#495F7700
  • editor.findMatchHighlightBackground#1118215A
  • editor.findMatchHighlightBorder#11182100
  • editor.findRangeHighlightBackground#495F7716
  • editor.findRangeHighlightBorder#11182100
  • editor.foldBackground#495F7714
  • editor.foreground#111821
  • editor.hoverHighlightBackground#495F775E
  • editor.inactiveSelectionBackground#F5F8FA
  • editor.lineHighlightBackground#1118210A
  • editor.lineHighlightBorder#F5F8FA00
  • editor.rangeHighlightBackground#1118210B
  • editor.rangeHighlightBorder#11182100
  • editor.selectionBackground#00559333
  • editor.selectionHighlightBackground#0055931A
  • editor.selectionHighlightBorder#00559366
  • editor.wordHighlightBackground#24C5E11A
  • editor.wordHighlightBorder#24C5E166
  • editor.wordHighlightStrongBackground#F7782814
  • editor.wordHighlightStrongBorder#F7782866
  • editorBracketMatch.background#11182100
  • editorBracketMatch.border#11182100
  • editorCodeLens.foreground#495F77D5
  • editorCursor.background#F5F8FA
  • editorCursor.foreground#111821
  • editorError.background#FF4C3B00
  • editorError.border#FF4C3B42
  • editorError.foreground#FF4C3B
  • editorGroup.border#D4EFF7
  • editorGroup.emptyBackground#F5F8FA
  • editorGroupHeader.border#D4EFF74A
  • editorGroupHeader.tabsBackground#F5F8FA
  • editorGroupHeader.tabsBorder#D4EFF7
  • editorGutter.addedBackground#2ECC71
  • editorGutter.background#D4EFF7
  • editorGutter.commentRangeForeground#111821
  • editorGutter.deletedBackground#FF4C3B
  • editorGutter.foldingControlForeground#111821
  • editorGutter.modifiedBackground#495F77
  • editorHoverWidget.background#F5F8FA
  • editorHoverWidget.border#65D7EA
  • editorHoverWidget.foreground#111821
  • editorIndentGuide.activeBackground#11182160
  • editorIndentGuide.background#65D7EA34
  • editorInfo.background#20BADB00
  • editorInfo.border#20BADB00
  • editorInfo.foreground#495F77
  • editorLineNumber.activeForeground#111821
  • editorLineNumber.foreground#2A3C4F
  • editorLink.activeForeground#495F77
  • editorMarkerNavigation.background#D4EFF7
  • editorMarkerNavigationError.background#F77828
  • editorMarkerNavigationInfo.background#495F77
  • editorMarkerNavigationWarning.background#111821
  • editorOverviewRuler.background#F5F8FA
  • editorOverviewRuler.border#2ECC7100
  • editorRuler.foreground#11182160
  • editorSuggestWidget.background#F5F8FA
  • editorSuggestWidget.border#65D7EA
  • editorSuggestWidget.foreground#111821
  • editorSuggestWidget.highlightForeground#495F77
  • editorSuggestWidget.selectedBackground#11182130
  • editorWarning.background#F7782800
  • editorWarning.border#11182100
  • editorWarning.foreground#111821
  • editorWhitespace.foreground#11182120
  • editorWidget.background#F5F8FA
  • editorWidget.foreground#111821
  • editorWidget.resizeBorder#65D7EA
  • focusBorder#FF4C3B
  • foreground#F77828
  • gitDecoration.addedResourceForeground#2ECC71
  • gitDecoration.conflictingResourceForeground#F77828
  • gitDecoration.deletedResourceForeground#FF4C3B
  • gitDecoration.ignoredResourceForeground#5A7A91
  • gitDecoration.modifiedResourceForeground#24C5E1
  • gitDecoration.submoduleResourceForeground#005593
  • gitDecoration.untrackedResourceForeground#20BADB
  • icon.foreground#F77828
  • input.background#F5F8FA
  • input.border#FF4C3B
  • input.foreground#111821
  • input.placeholderForeground#65D7EA93
  • inputOption.activeBackground#65D7EA00
  • inputOption.activeBorder#00559300
  • inputOption.activeForeground#65D7EA93
  • list.activeSelectionBackground#CDE8F2
  • list.activeSelectionForeground#111821
  • list.deemphasizedForeground#5A7A91
  • list.dropBackground#11182128
  • list.focusBackground#CDE8F2
  • list.focusForeground#111821
  • list.foreground#111821
  • list.highlightForeground#495F77
  • list.hoverBackground#E1F0F5
  • list.hoverForeground#111821
  • list.inactiveForeground#2A3C4F
  • list.inactiveSelectionBackground#F77828
  • list.inactiveSelectionForeground#E0F7FA
  • listFilterWidget.background#F5F8FA
  • listFilterWidget.noMatchesOutline#FF4C3B
  • listFilterWidget.outline#F5F8FA
  • menu.background#F5F8FA
  • menu.border#65D7EA
  • menu.foreground#65D7EA
  • menu.selectionBackground#11182124
  • menu.selectionBorder#FF4C3B00
  • menu.selectionForeground#111821
  • menu.separatorBackground#FF4C3B
  • menubar.selectionBackground#F5F8FA
  • menubar.selectionBorder#65D7EA
  • menubar.selectionForeground#111821
  • merge.commonContentBackground#D4EFF7
  • merge.commonHeaderBackground#F5F8FA
  • merge.currentContentBackground#F5F8FA
  • merge.currentHeaderBackground#2ECC719B
  • merge.incomingContentBackground#005593
  • merge.incomingHeaderBackground#20BADBB5
  • minimap.background#CDE8F2
  • minimap.errorHighlight#FF4C3B
  • minimap.findMatchHighlight#495F7762
  • minimap.selectionHighlight#1118213A
  • minimap.warningHighlight#111821
  • minimapGutter.addedBackground#2ECC71
  • minimapGutter.deletedBackground#FF4C3B
  • minimapGutter.modifiedBackground#495F77
  • notificationCenter.border#65D7EA
  • notificationCenterHeader.background#F5F8FA
  • notificationCenterHeader.foreground#111821
  • notifications.background#F5F8FA
  • notifications.border#65D7EA
  • notifications.foreground#111821
  • notificationsErrorIcon.foreground#FF4C3B
  • notificationsInfoIcon.foreground#24C5E1
  • notificationsWarningIcon.foreground#F77828
  • notificationToast.border#65D7EA
  • panel.background#D4EFF7
  • panel.border#00559340
  • panelSection.border#11182160
  • panelTitle.activeBorder#e66310
  • panelTitle.activeForeground#e66310
  • panelTitle.inactiveForeground#00000080
  • peekView.border#65D7EA
  • peekViewEditor.background#F5F8FA
  • peekViewEditor.matchHighlightBackground#11182132
  • peekViewEditor.matchHighlightBorder#F77828
  • peekViewEditorGutter.background#D4EFF7
  • peekViewResult.background#F5F8FA
  • peekViewResult.fileForeground#111821
  • peekViewResult.lineForeground#111821
  • peekViewResult.matchHighlightBackground#FF4C3BA5
  • peekViewResult.selectionBackground#11182120
  • peekViewResult.selectionForeground#111821
  • peekViewTitle.background#F5F8FA
  • peekViewTitleDescription.foreground#65D7EA76
  • peekViewTitleLabel.foreground#111821
  • pickerGroup.border#495F7700
  • pickerGroup.foreground#495F77
  • progressBar.background#495F77
  • scrollbar.shadow#1118215E
  • scrollbarSlider.activeBackground#FF4C3B
  • scrollbarSlider.background#F7782852
  • scrollbarSlider.hoverBackground#FF4C3BB5
  • selection.background#FF4C3B
  • settings.focusedRowBackground#11182107
  • settings.headerForeground#F77828
  • sideBar.background#CDE8F2
  • sideBar.border#D4EFF700
  • sideBar.dropBackground#11182128
  • sideBar.foreground#111821
  • sideBarSectionHeader.background#D4EFF7
  • sideBarSectionHeader.border#D4EFF700
  • sideBarSectionHeader.foreground#111821
  • sideBarTitle.foreground#111821
  • statusBar.background#CDE8F2
  • statusBar.border#FF4C3B
  • statusBar.debuggingBackground#20BADB
  • statusBar.debuggingBorder#FF4C3B
  • statusBar.debuggingForeground#D4EFF7
  • statusBar.foreground#2A3C4F
  • statusBar.noFolderBackground#F77828
  • statusBar.noFolderBorder#F5F8FA
  • statusBar.noFolderForeground#F5F8FA
  • statusBarItem.activeBackground#11182125
  • statusBarItem.hoverBackground#1118215A
  • statusBarItem.remoteBackground#F77828
  • statusBarItem.remoteForeground#F5F8FA
  • tab.activeBackground#D4EFF7
  • tab.activeBorder#D4EFF700
  • tab.activeBorderTop#D4EFF700
  • tab.activeForeground#111821
  • tab.border#E0E6E8
  • tab.hoverBackground#F5F8FA
  • tab.hoverBorder#495F77
  • tab.hoverForeground#65D7EA
  • tab.inactiveBackground#D4EFF7
  • tab.inactiveForeground#5A7A91
  • terminal.ansiBlack#D4EFF7
  • terminal.ansiBlue#005593
  • terminal.ansiBrightBlack#005593
  • terminal.ansiBrightBlue#495F77
  • terminal.ansiBrightCyan#495F77
  • terminal.ansiBrightGreen#2ECC71
  • terminal.ansiBrightMagenta#495F77
  • terminal.ansiBrightRed#FF4C3B
  • terminal.ansiBrightWhite#111821
  • terminal.ansiBrightYellow#111821
  • terminal.ansiCyan#20BADB
  • terminal.ansiGreen#2ECC71
  • terminal.ansiMagenta#FF4C3B
  • terminal.ansiRed#FF4C3B
  • terminal.ansiWhite#111821
  • terminal.ansiYellow#F77828
  • terminal.border#11182160
  • terminal.foreground#111821
  • terminal.selectionBackground#11182120
  • terminalCursor.background#111821
  • terminalCursor.foreground#FF4C3B
  • textLink.foreground#495F77
  • titleBar.activeBackground#CDE8F2
  • titleBar.activeForeground#111821
  • titleBar.border#F5F8FA
  • titleBar.inactiveBackground#F5F8FA
  • titleBar.inactiveForeground#111821E1
  • tree.indentGuidesStroke#11182124
  • walkThrough.embeddedEditorBackground#D4EFF750
  • widget.shadow#11182122

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

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

Shiki preview

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

Loading...

Luminarca - Coding Theme