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#2f2743
  • activityBar.background#161221
  • activityBar.border#464058
  • activityBar.foreground#d7d0ed
  • activityBar.inactiveForeground#938ca7
  • activityBarBadge.background#d7d0ed
  • activityBarBadge.foreground#161221
  • badge.background#938ca7
  • badge.foreground#161221
  • breadcrumb.activeSelectionForeground#d7d0ed
  • breadcrumb.background#1e192c
  • breadcrumb.focusForeground#d7d0ed
  • breadcrumb.foreground#938ca7
  • button.background#4c3f6d
  • button.foreground#d7d0ed
  • button.hoverBackground#7867a5
  • button.secondaryBackground#2f2743
  • button.secondaryForeground#d7d0ed
  • button.secondaryHoverBackground#3f3656
  • checkbox.background#2f2743
  • checkbox.border#00000000
  • checkbox.foreground#d7d0ed
  • debugExceptionWidget.background#37314b
  • debugExceptionWidget.border#464058
  • debugToolBar.background#37314b
  • debugToolBar.border#464058
  • diffEditor.border#938ca7
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#2f2743
  • dropdown.border#00000000
  • dropdown.foreground#d7d0ed
  • editor.background#1e192c
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#37314b56
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#7360b444
  • editor.foreground#d7d0ed
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#d7d0ed22
  • editor.lineHighlightBackground#37314b
  • editor.lineHighlightBorder#37314b00
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#4c3f6d
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#938ca7
  • editorCursor.background#000000
  • editorCursor.foreground#d7d0ed
  • editorError.background#f5a0a000
  • editorError.border#ffffff00
  • editorError.foreground#f5a0a0
  • editorGroup.border#464058
  • editorGroup.emptyBackground#1e192c
  • editorGroupHeader.border#464058
  • editorGroupHeader.tabsBackground#161221
  • editorGutter.addedBackground#2c5a4a
  • editorGutter.background#1e192c
  • editorGutter.commentRangeForeground#5f5678
  • editorGutter.deletedBackground#8c3b46
  • editorGutter.foldingControlForeground#5f5678
  • editorGutter.modifiedBackground#2c365a
  • editorHoverWidget.background#37314b
  • editorHoverWidget.border#464058
  • editorHoverWidget.foreground#d7d0ed
  • editorIndentGuide.activeBackground1#d7d0ed55
  • editorIndentGuide.background1#d7d0ed22
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#a5c6ed
  • editorLineNumber.activeForeground#d7d0ed
  • editorLineNumber.foreground#938ca7
  • editorLink.activeForeground#a5c6ed
  • editorMarkerNavigation.background#37314b
  • editorMarkerNavigationError.background#e87e75
  • editorMarkerNavigationInfo.background#a5c6ed
  • editorMarkerNavigationWarning.background#f9f07e
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#37314b
  • editorSuggestWidget.background#37314b
  • editorSuggestWidget.border#464058
  • editorSuggestWidget.foreground#d7d0ed
  • editorSuggestWidget.highlightForeground#a78fea
  • editorSuggestWidget.selectedBackground#4c3f6d
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#f5e0a0
  • editorWhitespace.foreground#d7d0ed29
  • editorWidget.background#2f2743
  • editorWidget.foreground#d7d0ed
  • editorWidget.resizeBorder#464058
  • focusBorder#a78fea
  • foreground#d7d0ed
  • gitDecoration.addedResourceForeground#a5c6ed
  • gitDecoration.conflictingResourceForeground#71b3f9
  • gitDecoration.deletedResourceForeground#e87e75
  • gitDecoration.ignoredResourceForeground#645d77
  • gitDecoration.modifiedResourceForeground#a78fea
  • gitDecoration.stageDeletedResourceForeground#be534a
  • gitDecoration.stageModifiedResourceForeground#d87eb7
  • gitDecoration.submoduleResourceForeground#71ecf9
  • gitDecoration.untrackedResourceForeground#61d7a1
  • icon.foreground#d7d0ed
  • input.background#2f2743
  • input.border#00000000
  • input.foreground#d7d0ed
  • input.placeholderForeground#938ca7
  • inputOption.activeBackground#a78fea66
  • inputOption.activeBorder#a78fea6e
  • inputOption.activeForeground#d7d0ed
  • list.activeSelectionBackground#5f5678
  • list.activeSelectionForeground#d7d0ed
  • list.dropBackground#2f2743
  • list.errorForeground#f5a0a0
  • list.focusBackground#4c3f6d
  • list.focusForeground#d7d0ed
  • list.highlightForeground#a78fea
  • list.hoverBackground#2f2743
  • list.hoverForeground#d7d0ed
  • list.inactiveSelectionBackground#464058
  • list.inactiveSelectionForeground#d7d0ed
  • list.warningForeground#f5e0a0
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#1e192c
  • menu.border#464058
  • menu.foreground#d7d0ed
  • menu.selectionBackground#4c3f6d
  • menu.selectionBorder#00000000
  • menu.selectionForeground#d7d0ed
  • menu.separatorBackground#464058
  • menubar.selectionBackground#2f2743
  • menubar.selectionForeground#d7d0ed
  • merge.commonContentBackground#d7d0ed26
  • merge.commonHeaderBackground#d7d0ed55
  • merge.currentContentBackground#00ffc826
  • merge.currentHeaderBackground#00ffc855
  • merge.incomingContentBackground#0073ff26
  • merge.incomingHeaderBackground#0073ff55
  • minimap.background#1e192c
  • minimap.errorHighlight#f5a0a0
  • minimap.findMatchHighlight#d7d0ed26
  • minimap.selectionHighlight#d7d0ed44
  • minimap.warningHighlight#f5e0a0
  • minimapGutter.addedBackground#2c5a4a
  • minimapGutter.deletedBackground#8c3b46
  • minimapGutter.modifiedBackground#2c365a
  • notificationCenter.border#464058
  • notificationCenterHeader.background#464058
  • notificationCenterHeader.foreground#d7d0ed
  • notifications.background#2f2743
  • notifications.border#464058
  • notifications.foreground#d7d0ed
  • notificationsErrorIcon.foreground#e87e75
  • notificationsInfoIcon.foreground#71b3f9
  • notificationsWarningIcon.foreground#f9f07e
  • notificationToast.border#464058
  • panel.background#161221
  • panel.border#464058
  • panelSection.border#464058
  • panelSectionHeader.background#1e192c
  • panelTitle.activeBorder#d7d0ed
  • panelTitle.activeForeground#d7d0ed
  • panelTitle.inactiveForeground#938ca7
  • peekView.border#a5c6ed
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#37314b
  • peekViewResult.fileForeground#938ca7
  • peekViewResult.lineForeground#d7d0ed
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#d7d0ed
  • peekViewTitle.background#37314b
  • peekViewTitleDescription.foreground#938ca7
  • peekViewTitleLabel.foreground#d7d0ed
  • pickerGroup.border#464058
  • pickerGroup.foreground#a78fea
  • progressBar.background#a78fea
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#938ca762
  • scrollbarSlider.background#938ca72a
  • scrollbarSlider.hoverBackground#938ca7b1
  • selection.background#4c3f6d
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#d7d0ed
  • sideBar.background#161221
  • sideBar.border#464058
  • sideBar.dropBackground#2f2743
  • sideBar.foreground#938ca7
  • sideBarSectionHeader.background#1e192c
  • sideBarSectionHeader.border#464058
  • sideBarSectionHeader.foreground#d7d0ed
  • sideBarTitle.foreground#d7d0ed
  • statusBar.background#161221
  • statusBar.border#464058
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#938ca7
  • statusBar.noFolderBackground#161221
  • statusBar.noFolderBorder#464058
  • statusBar.noFolderForeground#938ca7
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff24
  • statusBarItem.remoteBackground#161221
  • statusBarItem.remoteForeground#938ca7
  • tab.activeBackground#1e192c
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#464058
  • tab.hoverBackground#1e192c
  • tab.hoverForeground#d7d0ed
  • tab.inactiveBackground#161221
  • tab.inactiveForeground#938ca7
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#71b3f9
  • terminal.ansiBrightBlack#938ca7
  • terminal.ansiBrightBlue#71b3f9
  • terminal.ansiBrightCyan#71ecf9
  • terminal.ansiBrightGreen#61d7a1
  • terminal.ansiBrightMagenta#a78fea
  • terminal.ansiBrightRed#e87e75
  • terminal.ansiBrightWhite#d7d0ed
  • terminal.ansiBrightYellow#f9f07e
  • terminal.ansiCyan#71ecf9
  • terminal.ansiGreen#61d7a1
  • terminal.ansiMagenta#a78fea
  • terminal.ansiRed#e87e75
  • terminal.ansiWhite#d7d0ed
  • terminal.ansiYellow#f9f07e
  • terminal.border#464058
  • terminal.foreground#d7d0ed
  • terminal.selectionBackground#938ca73c
  • terminalCursor.background#161221
  • terminalCursor.foreground#d7d0ed
  • textLink.foreground#a78fea
  • titleBar.activeBackground#161221
  • titleBar.activeForeground#938ca7
  • titleBar.border#464058
  • titleBar.inactiveBackground#161221
  • titleBar.inactiveForeground#938ca7
  • tree.indentGuidesStroke#464058
  • 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#d87eb7
variable.other.generic-type.haskell#a78fea
storage.type.haskell#938ca7
support.variable.magic.python#d87eb7
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d7d0ed
variable.parameter.function.language.special.self.python#d7d0ed
storage.modifier.lifetime.rust#d7d0ed
support.function.std.rust#a5c6ed
entity.name.lifetime.rust#d7d0ed
variable.language.rust#d87eb7
support.constant.edge#a78fea
constant.other.character-class.regexp#d87eb7
keyword.operator.quantifier.regexp#938ca7
punctuation.definition.string.begin,punctuation.definition.string.end#938ca7
variable.parameter.function#d7d0ed
comment markup.link#938ca7
markup.changed.diff#d7d0ed
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#a5c6ed
markup.inserted.diff#938ca7
markup.deleted.diff#d87eb7
meta.function.c,meta.function.cpp#d87eb7
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#d7d0ed
punctuation.separator.key-value#d7d0ed
keyword.operator.expression.import#a5c6ed
support.constant.math#d7d0ed
support.constant.property.math#938ca7
variable.other.constant#d7d0ed
storage.type.annotation.java, storage.type.object.array.java#d7d0ed
source.java#d87eb7
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#d7d0ed
meta.method.java#a5c6ed
storage.modifier.import.java,storage.type.java,storage.type.generic.java#d7d0ed
keyword.operator.instanceof.java#a78fea
meta.definition.variable.name.java#d87eb7
keyword.operator.logical#d7d0ed
keyword.operator.bitwise#d7d0ed
keyword.operator.channel#d7d0ed
support.constant.property-value.scss,support.constant.property-value.css#938ca7
keyword.operator.css,keyword.operator.scss,keyword.operator.less#d7d0ed
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#938ca7
punctuation.separator.list.comma.css#d7d0ed
support.constant.color.w3c-standard-color-name.css#938ca7
support.type.vendored.property-name.css#d7d0ed
support.module.node,support.type.object.module,support.module.node#d7d0ed
entity.name.type.module#d7d0ed
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#d87eb7
support.constant.json#938ca7
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#a78fea
support.type.object.console#d87eb7
support.variable.property.process#938ca7
entity.name.function,support.function.console#a5c6ed
keyword.operator.misc.rust#d7d0ed
keyword.operator.sigil.rust#a78fea
keyword.operator.delete#a78fea
support.type.object.dom#d7d0ed
support.variable.dom,support.variable.property.dom#d87eb7
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#d7d0ed
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#a78fea
punctuation.separator.delimiter#d7d0ed
punctuation.separator.c,punctuation.separator.cpp#a78fea
support.type.posix-reserved.c,support.type.posix-reserved.cpp#d7d0ed
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#a78fea
variable.parameter.function.language.python#938ca7
support.type.python#d7d0ed
keyword.operator.logical.python#a78fea
variable.parameter.function.python#938ca7
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#d7d0ed
meta.function-call.generic.python#a5c6ed
constant.character.format.placeholder.other.python#938ca7
keyword.operator#d7d0ed
keyword.operator.assignment.compound#a78fea
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#d7d0ed
keyword#a78fea
entity.name.namespace#d7d0ed
variable#d87eb7
variable.c#d7d0ed
variable.language#d7d0ed
token.variable.parameter.java#d7d0ed
import.storage.java#d7d0ed
token.package.keyword#a78fea
token.package#d7d0ed
entity.name.function, meta.require, support.function.any-method, variable.function#a5c6ed
entity.name.type.namespace#d7d0ed
support.class, entity.name.type.class#d7d0ed
entity.name.class.identifier.namespace.type#d7d0ed
entity.name.class, variable.other.class.js, variable.other.class.ts#d7d0ed
variable.other.class.php#d87eb7
entity.name.type#d7d0ed
keyword.control#a78fea
control.elements, keyword.operator.less#938ca7
keyword.other.special-method#a5c6ed
storage#a78fea
token.storage#a78fea
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#a78fea
token.storage.type.java#d7d0ed
support.function#d7d0ed
support.type.property-name#d7d0ed
support.constant.property-value#d7d0ed
support.constant.font-name#938ca7
meta.tag#d7d0ed
string#938ca7
entity.other.inherited-class#d7d0ed
constant.other.symbol#d7d0ed
constant.numeric#938ca7
constant#938ca7
punctuation.definition.constant#938ca7
entity.name.tag#d87eb7
entity.other.attribute-name#938ca7
entity.other.attribute-name.id#a5c6ed
entity.other.attribute-name.class.css#938ca7
meta.selector#a78fea
markup.heading#d87eb7
markup.heading punctuation.definition.heading, entity.name.section#a5c6ed
keyword.other.unit#d87eb7
markup.bold,todo.bold#938ca7
punctuation.definition.bold#d7d0ed
markup.italic, punctuation.definition.italic,todo.emphasis#a78fea
emphasis md#a78fea
entity.name.section.markdown#d87eb7
punctuation.definition.heading.markdown#d87eb7
punctuation.definition.list.begin.markdown#d87eb7
markup.heading.setext#d7d0ed
punctuation.definition.bold.markdown#938ca7
markup.inline.raw.markdown#938ca7
markup.inline.raw.string.markdown#938ca7
punctuation.definition.list.markdown#d87eb7
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#d87eb7
beginning.punctuation.definition.list.markdown#d87eb7
punctuation.definition.metadata.markdown#d87eb7
markup.underline.link.markdown,markup.underline.link.image.markdown#a78fea
string.other.link.title.markdown,string.other.link.description.markdown#a5c6ed
string.regexp#d7d0ed
constant.character.escape#d7d0ed
punctuation.section.embedded, variable.interpolation#d87eb7
punctuation.section.embedded.begin,punctuation.section.embedded.end#a78fea
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#d7d0ed
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#d87eb7
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#d87eb7
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#938ca7
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#d7d0ed
support.type.property-name.json#d87eb7
support.type.property-name.json punctuation#d87eb7
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#a78fea
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#a78fea
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#d7d0ed
keyword.operator.error-control.php#a78fea
keyword.operator.type.php#a78fea
punctuation.section.array.begin.php#d7d0ed
punctuation.section.array.end.php#d7d0ed
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#d7d0ed
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#a5c6ed
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#d7d0ed
support.constant.core.rust#938ca7
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#938ca7
entity.name.goto-label.php,support.other.php#a5c6ed
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#d7d0ed
keyword.operator.regexp.php#a78fea
keyword.operator.comparison.php#d7d0ed
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#a78fea
meta.function.decorator.python#a5c6ed
support.token.decorator.python,meta.function.decorator.identifier.python#d7d0ed
function.parameter#d7d0ed
function.brace#d7d0ed
function.parameter.ruby, function.parameter.cs#d7d0ed
constant.language.symbol.ruby#d7d0ed
rgb-value#d7d0ed
inline-color-decoration rgb-value#938ca7
less rgb-value#938ca7
selector.sass#d87eb7
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#d7d0ed
block.scope.end,block.scope.begin#d7d0ed
storage.type.cs#d7d0ed
entity.name.variable.local.cs#d87eb7
token.info-token#a5c6ed
token.warn-token#938ca7
token.error-token#f44747
token.debug-token#a78fea
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#a78fea
meta.template.expression#d7d0ed
keyword.operator.module#a78fea
support.type.type.flowtype#a5c6ed
support.type.primitive#d7d0ed
meta.property.object#d87eb7
variable.parameter.function.js#d87eb7
keyword.other.template.begin#938ca7
keyword.other.template.end#938ca7
keyword.other.substitution.begin#938ca7
keyword.other.substitution.end#938ca7
keyword.operator.assignment#d7d0ed
keyword.operator.assignment.go#d7d0ed
keyword.operator.arithmetic.go, keyword.operator.address.go#a78fea
entity.name.package.go#d7d0ed
support.type.prelude.elm#d7d0ed
support.constant.elm#938ca7
punctuation.quasi.element#a78fea
constant.character.entity#d87eb7
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#d7d0ed
entity.global.clojure#d7d0ed
meta.symbol.clojure#d87eb7
constant.keyword.clojure#d7d0ed
meta.arguments.coffee, variable.parameter.function.coffee#d87eb7
source.ini#938ca7
meta.scope.prerequisites.makefile#d87eb7
source.makefile#d7d0ed
storage.modifier.import.groovy#d7d0ed
meta.method.groovy#a5c6ed
meta.definition.variable.name.groovy#d87eb7
meta.definition.class.inherited.classes.groovy#938ca7
support.variable.semantic.hlsl#d7d0ed
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#a78fea
text.variable, text.bracketed#d87eb7
support.type.swift, support.type.vb.asp#d7d0ed
entity.name.function.xi#d7d0ed
entity.name.class.xi#d7d0ed
constant.character.character-class.regexp.xi#d87eb7
constant.regexp.xi#a78fea
keyword.control.xi#d7d0ed
invalid.xi#d7d0ed
beginning.punctuation.definition.quote.markdown.xi#938ca7
beginning.punctuation.definition.list.markdown.xi#938ca7
constant.character.xi#a5c6ed
accent.xi#a5c6ed
wikiword.xi#938ca7
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#938ca7
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#d7d0ed
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#d87eb7
meta.brace.square#d7d0ed
comment, punctuation.definition.comment#938ca7italic
markup.quote.markdown#938ca7
punctuation.definition.block.sequence.item.yaml#d7d0ed
constant.language.symbol.elixir#d7d0ed
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...

Berry Swirl - Coding Theme