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#0d0f18
  • activityBar.background#0d0f18
  • activityBar.border#0d0f18
  • activityBar.foreground#cbced3
  • activityBar.inactiveForeground#2b2d36
  • activityBarBadge.background#90ceaa
  • activityBarBadge.foreground#0d0f18
  • badge.background#ecd3a0
  • badge.foreground#0d0f18
  • breadcrumb.activeSelectionForeground#90ceaa
  • breadcrumb.background#0d0f18
  • breadcrumb.focusForeground#90ceaa
  • breadcrumb.foreground#a5b6cf
  • button.background#90ceaa
  • button.foreground#0d0f18
  • button.hoverBackground#7ddac5
  • button.secondaryBackground#11131c
  • button.secondaryForeground#a5b6cf
  • button.secondaryHoverBackground#242931
  • checkbox.background#242931
  • checkbox.border#242931
  • checkbox.foreground#a5b6cf
  • debugExceptionWidget.background#0d0f18
  • debugExceptionWidget.border#0f111a
  • debugToolBar.background#0d0f18
  • debugToolBar.border#0f111a
  • diffEditor.border#0f111a
  • diffEditor.insertedTextBackground#90ceaa33
  • diffEditor.insertedTextBorder#ff000000
  • diffEditor.removedTextBackground#dd677733
  • dropdown.background#242931
  • dropdown.border#242931
  • dropdown.foreground#a5b6cf
  • editor.background#0d0f18
  • editor.findMatchBackground#90ceaa8f
  • editor.findMatchBorder#90ceaa8f
  • editor.findMatchHighlightBackground#413a3555
  • editor.findMatchHighlightBorder#413a3555
  • editor.findRangeHighlightBackground#11131c
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#0f111a
  • editor.foreground#a5b6cf
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#262831
  • editor.lineHighlightBackground#0f111a
  • editor.lineHighlightBorder#0f111a
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#262831
  • editor.selectionHighlightBackground#90ceaa38
  • editor.selectionHighlightBorder#90ceaa38
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightBorder#19375eb3
  • editor.wordHighlightStrongBackground#19375eb3
  • editor.wordHighlightStrongBorder#19375eb3
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#1c1e27
  • editorCursor.background#0d0f18
  • editorCursor.foreground#a5b6cf
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#dd6777
  • editorGroup.border#11131c
  • editorGroup.emptyBackground#0d0f18
  • editorGroupHeader.border#0d0f18
  • editorGroupHeader.tabsBackground#0f111a
  • editorGroupHeader.tabsBorder#0f111a
  • editorGutter.addedBackground#90ceaa
  • editorGutter.background#0d0f18
  • editorGutter.commentRangeForeground#1c1e27
  • editorGutter.deletedBackground#dd6777
  • editorGutter.foldingControlForeground#1c1e27
  • editorGutter.modifiedBackground#7ddac5
  • editorHoverWidget.background#0d0f18
  • editorHoverWidget.border#242931
  • editorHoverWidget.foreground#a5b6cf
  • editorIndentGuide.activeBackground#242931
  • editorIndentGuide.background#11131c
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#86aaec
  • editorLineNumber.activeForeground#cbced3
  • editorLineNumber.foreground#a5b6cf
  • editorLink.activeForeground#86aaec
  • editorMarkerNavigation.background#0b0d16
  • editorMarkerNavigationError.background#dd6777
  • editorMarkerNavigationInfo.background#86aaec
  • editorMarkerNavigationWarning.background#ecd3a0
  • editorOverviewRuler.background#00000000
  • editorOverviewRuler.border#7f7f7f00
  • editorRuler.foreground#242931
  • editorSuggestWidget.background#0b0d16
  • editorSuggestWidget.border#0f111a
  • editorSuggestWidget.foreground#a5b6cf
  • editorSuggestWidget.highlightForeground#90ceaa
  • editorSuggestWidget.selectedBackground#7ddac544
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ecd3a0
  • editorWhitespace.foreground#242931
  • editorWidget.background#0f111a
  • editorWidget.foreground#a5b6cf
  • editorWidget.resizeBorder#be5252
  • focusBorder#0f111a
  • foreground#a5b6cf
  • gitDecoration.addedResourceForeground#90ceaa
  • gitDecoration.conflictingResourceForeground#c296eb
  • gitDecoration.deletedResourceForeground#dd6777
  • gitDecoration.ignoredResourceForeground#1c1e27
  • gitDecoration.modifiedResourceForeground#ecd3a0
  • gitDecoration.stageDeletedResourceForeground#e9a180
  • gitDecoration.stageModifiedResourceForeground#ecd3a0
  • gitDecoration.submoduleResourceForeground#86aaec
  • gitDecoration.untrackedResourceForeground#7ddac5
  • icon.foreground#a5b6cf
  • input.background#242931
  • input.border#242931
  • input.foreground#a5b6cf
  • input.placeholderForeground#1c1e27
  • inputOption.activeBackground#90ceaa
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#0d0f18
  • list.activeSelectionBackground#0b0d16
  • list.activeSelectionForeground#a5b6cf
  • list.dropBackground#11131c
  • list.focusBackground#11131c
  • list.focusForeground#a5b6cf
  • list.highlightForeground#90ceaa
  • list.hoverBackground#0f111a
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#0b0d16
  • list.inactiveSelectionForeground#ecd3a0
  • listFilterWidget.background#0d0f18
  • listFilterWidget.noMatchesOutline#dd6777
  • listFilterWidget.outline#00000000
  • menu.background#0b0d16
  • menu.border#00000085
  • menu.foreground#a5b6cf
  • menu.selectionBackground#7ddac5
  • menu.selectionBorder#00000000
  • menu.selectionForeground#0d0f18
  • menu.separatorBackground#242931
  • menubar.selectionBackground#11131c
  • menubar.selectionBorder#0d0f18
  • menubar.selectionForeground#90ceaa
  • merge.commonContentBackground#1f2226
  • merge.commonHeaderBackground#11131c
  • merge.currentContentBackground#305a51
  • merge.currentHeaderBackground#259f83
  • merge.incomingContentBackground#2f4664
  • merge.incomingHeaderBackground#4e88d4
  • minimap.background#0d0f18
  • minimap.errorHighlight#dd6777
  • minimap.findMatchHighlight#90ceaa8f
  • minimap.selectionHighlight#11131c
  • minimap.warningHighlight#ecd3a0
  • minimapGutter.addedBackground#90ceaa
  • minimapGutter.deletedBackground#dd6777
  • minimapGutter.modifiedBackground#7ddac5
  • notificationCenter.border#11131c
  • notificationCenterHeader.background#0f111a
  • notificationCenterHeader.foreground#cbced3
  • notifications.background#0d0f18
  • notifications.border#11131c
  • notifications.foreground#a5b6cf
  • notificationsErrorIcon.foreground#dd6777
  • notificationsInfoIcon.foreground#86aaec
  • notificationsWarningIcon.foreground#e9a180
  • notificationToast.border#0f111a
  • panel.background#0b0d16
  • panel.border#80808059
  • panelSection.border#11131c
  • panelTitle.activeBorder#90ceaa
  • panelTitle.activeForeground#90ceaa
  • panelTitle.inactiveForeground#1c1e27
  • peekView.border#4e88d4
  • peekViewEditor.background#101f32
  • peekViewEditor.matchHighlightBackground#968d874d
  • peekViewEditor.matchHighlightBorder#968d874d
  • peekViewEditorGutter.background#101f32
  • peekViewResult.background#101f32
  • peekViewResult.fileForeground#a5b6cf
  • peekViewResult.lineForeground#93cee9
  • peekViewResult.matchHighlightBackground#968d874d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#0d0f18
  • peekViewTitleDescription.foreground#1c1e27
  • peekViewTitleLabel.foreground#4e88d4
  • pickerGroup.border#242931
  • pickerGroup.foreground#c296eb
  • progressBar.background#242931
  • scrollbar.shadow#0b0d1600
  • scrollbarSlider.activeBackground#0f111a
  • scrollbarSlider.background#242931
  • scrollbarSlider.hoverBackground#1c1e27
  • selection.background#262831
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#a5b6cf
  • sideBar.background#0b0d16
  • sideBar.border#0b0d16
  • sideBar.dropBackground#11131c
  • sideBar.foreground#a5b6cf
  • sideBarSectionHeader.background#ec161600
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#a5b6cf
  • sideBarTitle.foreground#a5b6cf
  • statusBar.background#0f111a
  • statusBar.debuggingBackground#7ddac5
  • statusBar.debuggingBorder#0f111a
  • statusBar.debuggingForeground#0d0f18
  • statusBar.foreground#a5b6cf
  • statusBar.noFolderBackground#0b0d16
  • statusBar.noFolderBorder#0b0d16
  • statusBar.noFolderForeground#a5b6cf
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#90ceaa
  • statusBarItem.remoteForeground#0d0f18
  • tab.activeBackground#0d0f18
  • tab.activeBorder#86aaec
  • tab.activeBorderTop#90ceaa00
  • tab.activeForeground#a5b6cf
  • tab.border#0d0f1800
  • tab.hoverBackground#0b0d16
  • tab.hoverBorder#7ddac500
  • tab.hoverForeground#a5b6cf
  • tab.inactiveBackground#0f111a
  • tab.inactiveForeground#a5b6cf
  • terminal.ansiBlack#151720
  • terminal.ansiBlue#86aaec
  • terminal.ansiBrightBlack#1c1e27
  • terminal.ansiBrightBlue#86aaec
  • terminal.ansiBrightCyan#93cee9
  • terminal.ansiBrightGreen#90ceaa
  • terminal.ansiBrightMagenta#c296eb
  • terminal.ansiBrightRed#dd6777
  • terminal.ansiBrightWhite#a5b6cf
  • terminal.ansiBrightYellow#e9a180
  • terminal.ansiCyan#93cee9
  • terminal.ansiGreen#90ceaa
  • terminal.ansiMagenta#c296eb
  • terminal.ansiRed#dd6777
  • terminal.ansiWhite#cbced3
  • terminal.ansiYellow#ecd3a0
  • terminal.border#11131c
  • terminal.foreground#a5b6cf
  • terminal.selectionBackground#11131c7e
  • terminalCursor.background#0d0f18
  • terminalCursor.foreground#a5b6cf
  • textLink.foreground#86aaec
  • titleBar.activeBackground#0d0f18
  • titleBar.activeForeground#a5b6cf
  • titleBar.border#0d0f18
  • titleBar.inactiveBackground#0f111a
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#0f111a
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#5c4d4d00

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

Decay - Coding Theme