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#0e0f16
  • activityBar.background#0e0f16
  • activityBar.border#0e0f16
  • activityBar.foreground#a9acdb
  • activityBar.inactiveForeground#2c2f44
  • activityBarBadge.background#C7A5E5
  • activityBarBadge.foreground#12131c
  • badge.background#a2dee9
  • badge.foreground#12131c
  • breadcrumb.activeSelectionForeground#8fc8a8
  • breadcrumb.background#12131c
  • breadcrumb.focusForeground#8fc8a8
  • breadcrumb.foreground#a5b7d5
  • button.background#a9acdb
  • button.foreground#12131c
  • button.hoverBackground#a9acdb
  • button.secondaryBackground#242637
  • button.secondaryForeground#a5b7d5
  • button.secondaryHoverBackground#343750
  • checkbox.background#343750
  • checkbox.border#343750
  • checkbox.foreground#a5b7d5
  • debugExceptionWidget.background#12131c
  • debugExceptionWidget.border#1b1d2a
  • debugToolBar.background#12131c
  • debugToolBar.border#1b1d2a
  • diffEditor.border#1b1d2a
  • diffEditor.insertedTextBackground#8fc8a833
  • diffEditor.insertedTextBorder#ff000000
  • diffEditor.removedTextBackground#ca7e9e33
  • dropdown.background#343750
  • dropdown.border#343750
  • dropdown.foreground#a5b7d5
  • editor.background#12131c
  • editor.findMatchBackground#a9acdb8f
  • editor.findMatchBorder#a9acdb8f
  • editor.findMatchHighlightBackground#413a3555
  • editor.findMatchHighlightBorder#413a3555
  • editor.findRangeHighlightBackground#242637
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#1b1d2a
  • editor.foreground#a5b7d5
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#2c2f44
  • editor.lineHighlightBackground#1b1d2a
  • editor.lineHighlightBorder#1b1d2a
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#2c2f44
  • editor.selectionHighlightBackground#a9acdb38
  • editor.selectionHighlightBorder#a9acdb38
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightBorder#19375eb3
  • editor.wordHighlightStrongBackground#19375eb3
  • editor.wordHighlightStrongBorder#19375eb3
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#1c1e27
  • editorCursor.background#12131c
  • editorCursor.foreground#a5b7d5
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#ca7e9e
  • editorGroup.border#242637
  • editorGroup.emptyBackground#12131c
  • editorGroupHeader.border#12131c
  • editorGroupHeader.tabsBackground#101119
  • editorGroupHeader.tabsBorder#101119
  • editorGutter.addedBackground#8fc8a8
  • editorGutter.background#12131c
  • editorGutter.commentRangeForeground#1c1e27
  • editorGutter.deletedBackground#ca7e9e
  • editorGutter.foldingControlForeground#1c1e27
  • editorGutter.modifiedBackground#7ddac5
  • editorHoverWidget.background#12131c
  • editorHoverWidget.border#343750
  • editorHoverWidget.foreground#a5b7d5
  • editorIndentGuide.activeBackground#343750
  • editorIndentGuide.background#242637
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#8cacef
  • editorLineNumber.activeForeground#c1c4cb
  • editorLineNumber.foreground#a5b7d5
  • editorLink.activeForeground#8cacef
  • editorMarkerNavigation.background#101119
  • editorMarkerNavigationError.background#ca7e9e
  • editorMarkerNavigationInfo.background#8cacef
  • editorMarkerNavigationWarning.background#efd9b0
  • editorOverviewRuler.background#00000000
  • editorOverviewRuler.border#7f7f7f00
  • editorRuler.foreground#343750
  • editorSuggestWidget.background#101119
  • editorSuggestWidget.border#1b1d2a
  • editorSuggestWidget.foreground#a5b7d5
  • editorSuggestWidget.highlightForeground#8fc8a8
  • editorSuggestWidget.selectedBackground#7ddac544
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#efd9b0
  • editorWhitespace.foreground#343750
  • editorWidget.background#1b1d2a
  • editorWidget.foreground#a5b7d5
  • editorWidget.resizeBorder#be5252
  • focusBorder#1b1d2a
  • foreground#a5b7d5
  • gitDecoration.addedResourceForeground#8fc8a8
  • gitDecoration.conflictingResourceForeground#c296eb
  • gitDecoration.deletedResourceForeground#ca7e9e
  • gitDecoration.ignoredResourceForeground#1c1e27
  • gitDecoration.modifiedResourceForeground#efd9b0
  • gitDecoration.stageDeletedResourceForeground#ffc19f
  • gitDecoration.stageModifiedResourceForeground#efd9b0
  • gitDecoration.submoduleResourceForeground#8cacef
  • gitDecoration.untrackedResourceForeground#7ddac5
  • icon.foreground#a5b7d5
  • input.background#1b1d2a
  • input.border#a9acdb
  • input.foreground#a5b7d5
  • input.placeholderForeground#3b3f5b
  • inputOption.activeBackground#a9acdb
  • inputOption.activeBorder#a9acdb
  • inputOption.activeForeground#8cacef
  • keybindingLabel.background#2c2f44
  • keybindingLabel.border#2c2f44
  • keybindingLabel.bottomBorder#a9acdb
  • keybindingLabel.foreground#a9acdb
  • list.activeSelectionBackground#101119
  • list.activeSelectionForeground#a5b7d5
  • list.dropBackground#242637
  • list.focusBackground#242637
  • list.focusForeground#a5b7d5
  • list.highlightForeground#2c2f44
  • list.hoverBackground#1b1d2a
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#101119
  • list.inactiveSelectionForeground#efd9b0
  • listFilterWidget.background#12131c
  • listFilterWidget.noMatchesOutline#ca7e9e
  • listFilterWidget.outline#00000000
  • menu.background#0e0f16
  • menu.border#0e0f16
  • menu.foreground#a5b7d5
  • menu.selectionBackground#242637
  • menu.selectionBorder#242637
  • menu.selectionForeground#A5B7D5
  • menu.separatorBackground#242637
  • menubar.selectionBackground#242637
  • menubar.selectionBorder#12131c
  • menubar.selectionForeground#a9acdb
  • merge.commonContentBackground#1f2226
  • merge.commonHeaderBackground#242637
  • merge.currentContentBackground#305a51
  • merge.currentHeaderBackground#259f83
  • merge.incomingContentBackground#2f4664
  • merge.incomingHeaderBackground#4e88d4
  • minimap.background#12131c
  • minimap.errorHighlight#ca7e9e
  • minimap.findMatchHighlight#8fc8a88f
  • minimap.selectionHighlight#242637
  • minimap.warningHighlight#efd9b0
  • minimapGutter.addedBackground#8fc8a8
  • minimapGutter.deletedBackground#ca7e9e
  • minimapGutter.modifiedBackground#7ddac5
  • notificationCenter.border#242637
  • notificationCenterHeader.background#1b1d2a
  • notificationCenterHeader.foreground#c1c4cb
  • notifications.background#12131c
  • notifications.border#242637
  • notifications.foreground#a5b7d5
  • notificationsErrorIcon.foreground#ca7e9e
  • notificationsInfoIcon.foreground#8cacef
  • notificationsWarningIcon.foreground#ffc19f
  • notificationToast.border#1b1d2a
  • panel.background#101119
  • panel.border#101119
  • panelSection.border#242637
  • panelTitle.activeBorder#CC9EEF
  • panelTitle.activeForeground#a9acdb
  • panelTitle.inactiveForeground#1c1e27
  • peekView.border#4e88d4
  • peekViewEditor.background#101f32
  • peekViewEditor.matchHighlightBackground#968d874d
  • peekViewEditor.matchHighlightBorder#968d874d
  • peekViewEditorGutter.background#101f32
  • peekViewResult.background#101f32
  • peekViewResult.fileForeground#a5b7d5
  • peekViewResult.lineForeground#91cedf
  • peekViewResult.matchHighlightBackground#968d874d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#12131c
  • peekViewTitleDescription.foreground#1c1e27
  • peekViewTitleLabel.foreground#4e88d4
  • pickerGroup.background#101119
  • pickerGroup.border#101119
  • pickerGroup.foreground#c296eb
  • progressBar.background#343750
  • quickInputList.background#101119
  • quickInputList.focusForeground#8cacef
  • quickInputTitle.background#101119
  • scrollbar.shadow#10111900
  • scrollbarSlider.activeBackground#1b1d2a
  • scrollbarSlider.background#1b1d2a
  • scrollbarSlider.hoverBackground#1c1e27
  • selection.background#2c2f44
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#a5b7d5
  • sideBar.background#101018
  • sideBar.border#101119
  • sideBar.dropBackground#242637
  • sideBar.foreground#a5b7d5
  • sideBarSectionHeader.background#ec161600
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#a5b7d5
  • sideBarTitle.foreground#a5b7d5
  • statusBar.background#1b1d2a
  • statusBar.debuggingBackground#f9c9cb
  • statusBar.debuggingBorder#1b1d2a
  • statusBar.debuggingForeground#12131c
  • statusBar.foreground#a5b7d5
  • statusBar.noFolderBackground#101119
  • statusBar.noFolderBorder#101119
  • statusBar.noFolderForeground#a5b7d5
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#94B4EF
  • statusBarItem.remoteForeground#12131c
  • tab.activeBackground#12131c
  • tab.activeBorder#a9acdb
  • tab.activeBorderTop#8fc8a800
  • tab.activeForeground#a5b7d5
  • tab.border#12131c00
  • tab.inactiveBackground#161722
  • tab.inactiveForeground#a5b7d5
  • terminal.ansiBlack#2c2f44
  • terminal.ansiBlue#a9acdb
  • terminal.ansiBrightBlack#1c1e27
  • terminal.ansiBrightBlue#a9acdb
  • terminal.ansiBrightCyan#91cedf
  • terminal.ansiBrightGreen#8fc8a8
  • terminal.ansiBrightMagenta#c296eb
  • terminal.ansiBrightRed#ca7e9e
  • terminal.ansiBrightWhite#a5b7d5
  • terminal.ansiBrightYellow#ffc19f
  • terminal.ansiCyan#91cedf
  • terminal.ansiGreen#8fc8a8
  • terminal.ansiMagenta#c296eb
  • terminal.ansiRed#ca7e9e
  • terminal.ansiWhite#c1c4cb
  • terminal.ansiYellow#efd9b0
  • terminal.border#242637
  • terminal.foreground#a5b7d5
  • terminal.selectionBackground#2426377e
  • terminalCursor.background#12131c
  • terminalCursor.foreground#a5b7d5
  • textLink.foreground#8cacef
  • titleBar.activeBackground#0e0f16
  • titleBar.activeForeground#a5b7d5
  • titleBar.border#0e0f16
  • titleBar.inactiveBackground#101119
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#1b1d2a
  • widget.shadow#00000079

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