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#171B20
  • activityBar.background#171B20
  • activityBar.border#171B20
  • activityBar.foreground#dee1e6
  • activityBar.inactiveForeground#4d5768
  • activityBarBadge.background#78dba9
  • activityBarBadge.foreground#171B20
  • badge.background#f1cf8a
  • badge.foreground#171b20
  • breadcrumb.activeSelectionForeground#78dba9
  • breadcrumb.background#171b20
  • breadcrumb.focusForeground#78dba9
  • breadcrumb.foreground#b6beca
  • button.background#78dba9
  • button.foreground#171b20
  • button.hoverBackground#7ddac5
  • button.secondaryBackground#21262e
  • button.secondaryForeground#b6beca
  • button.secondaryHoverBackground#242931
  • checkbox.background#242931
  • checkbox.border#242931
  • checkbox.foreground#b6beca
  • debugExceptionWidget.background#171b20
  • debugExceptionWidget.border#1a1e24
  • debugToolBar.background#171b20
  • debugToolBar.border#1a1e24
  • diffEditor.border#1a1e24
  • diffEditor.insertedTextBackground#78dba933
  • diffEditor.insertedTextBorder#ff000000
  • diffEditor.removedTextBackground#e05f6533
  • dropdown.background#242931
  • dropdown.border#242931
  • dropdown.foreground#b6beca
  • editor.background#171b20
  • editor.findMatchBackground#78dba98f
  • editor.findMatchBorder#78dba98f
  • editor.findMatchHighlightBackground#413a3555
  • editor.findMatchHighlightBorder#413a3555
  • editor.findRangeHighlightBackground#21262e
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#1a1e24
  • editor.foreground#b6beca
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#242931
  • editor.lineHighlightBackground#1a1e24
  • editor.lineHighlightBorder#1a1e24
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#21262e
  • editor.selectionHighlightBackground#78dba938
  • editor.selectionHighlightBorder#78dba938
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightBorder#19375eb3
  • editor.wordHighlightStrongBackground#19375eb3
  • editor.wordHighlightStrongBorder#19375eb3
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#485263
  • editorCursor.background#171b20
  • editorCursor.foreground#b6beca
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#e05f65
  • editorGroup.border#21262e
  • editorGroup.emptyBackground#171b20
  • editorGroupHeader.border#171b20
  • editorGroupHeader.tabsBackground#1a1e24
  • editorGroupHeader.tabsBorder#1a1e24
  • editorGutter.addedBackground#78dba9
  • editorGutter.background#171b20
  • editorGutter.commentRangeForeground#485263
  • editorGutter.deletedBackground#e05f65
  • editorGutter.foldingControlForeground#485263
  • editorGutter.modifiedBackground#7ddac5
  • editorHoverWidget.background#171b20
  • editorHoverWidget.border#242931
  • editorHoverWidget.foreground#b6beca
  • editorIndentGuide.activeBackground#242931
  • editorIndentGuide.background#21262e
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#70a5eb
  • editorLineNumber.activeForeground#dee1e6
  • editorLineNumber.foreground#b6beca
  • editorLink.activeForeground#70a5eb
  • editorMarkerNavigation.background#13171b
  • editorMarkerNavigationError.background#e05f65
  • editorMarkerNavigationInfo.background#70a5eb
  • editorMarkerNavigationWarning.background#f1cf8a
  • editorOverviewRuler.background#00000000
  • editorOverviewRuler.border#7f7f7f00
  • editorRuler.foreground#242931
  • editorSuggestWidget.background#13171b
  • editorSuggestWidget.border#1a1e24
  • editorSuggestWidget.foreground#b6beca
  • editorSuggestWidget.highlightForeground#78dba9
  • editorSuggestWidget.selectedBackground#7ddac544
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#f1cf8a
  • editorWhitespace.foreground#242931
  • editorWidget.background#1a1e24
  • editorWidget.foreground#b6beca
  • editorWidget.resizeBorder#be5252
  • focusBorder#1a1e24
  • foreground#b6beca
  • gitDecoration.addedResourceForeground#78dba9
  • gitDecoration.conflictingResourceForeground#c68aee
  • gitDecoration.deletedResourceForeground#e05f65
  • gitDecoration.ignoredResourceForeground#485263
  • gitDecoration.modifiedResourceForeground#f1cf8a
  • gitDecoration.stageDeletedResourceForeground#e9a180
  • gitDecoration.stageModifiedResourceForeground#f1cf8a
  • gitDecoration.submoduleResourceForeground#70a5eb
  • gitDecoration.untrackedResourceForeground#7ddac5
  • icon.foreground#b6beca
  • input.background#242931
  • input.border#242931
  • input.foreground#b6beca
  • input.placeholderForeground#485263
  • inputOption.activeBackground#78dba9
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#171b20
  • list.activeSelectionBackground#13171b
  • list.activeSelectionForeground#b6beca
  • list.dropBackground#13171b
  • list.focusBackground#13171b
  • list.focusForeground#b6beca
  • list.highlightForeground#78dba9
  • list.hoverBackground#13171b
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#21262e
  • list.inactiveSelectionForeground#f1cf8a
  • listFilterWidget.background#171b20
  • listFilterWidget.noMatchesOutline#e05f65
  • listFilterWidget.outline#00000000
  • menu.background#13171b
  • menu.border#00000085
  • menu.foreground#b6beca
  • menu.selectionBackground#7ddac5
  • menu.selectionBorder#00000000
  • menu.selectionForeground#171b20
  • menu.separatorBackground#242931
  • menubar.selectionBackground#21262e
  • menubar.selectionBorder#171b20
  • menubar.selectionForeground#78dba9
  • merge.commonContentBackground#1f2226
  • merge.commonHeaderBackground#21262e
  • merge.currentContentBackground#305a51
  • merge.currentHeaderBackground#259f83
  • merge.incomingContentBackground#2f4664
  • merge.incomingHeaderBackground#4e88d4
  • minimap.background#171b20
  • minimap.errorHighlight#e05f65
  • minimap.findMatchHighlight#78dba98f
  • minimap.selectionHighlight#21262e
  • minimap.warningHighlight#f1cf8a
  • minimapGutter.addedBackground#78dba9
  • minimapGutter.deletedBackground#e05f65
  • minimapGutter.modifiedBackground#7ddac5
  • notificationCenter.border#21262e
  • notificationCenterHeader.background#1a1e24
  • notificationCenterHeader.foreground#dee1e6
  • notifications.background#171b20
  • notifications.border#21262e
  • notifications.foreground#b6beca
  • notificationsErrorIcon.foreground#e05f65
  • notificationsInfoIcon.foreground#70a5eb
  • notificationsWarningIcon.foreground#e9a180
  • notificationToast.border#1a1e24
  • panel.background#13171b
  • panel.border#80808059
  • panelSection.border#21262e
  • panelTitle.activeBorder#78dba9
  • panelTitle.activeForeground#78dba9
  • panelTitle.inactiveForeground#485263
  • peekView.border#4e88d4
  • peekViewEditor.background#101f32
  • peekViewEditor.matchHighlightBackground#968d874d
  • peekViewEditor.matchHighlightBorder#968d874d
  • peekViewEditorGutter.background#101f32
  • peekViewResult.background#101f32
  • peekViewResult.fileForeground#b6beca
  • peekViewResult.lineForeground#74bee9
  • peekViewResult.matchHighlightBackground#968d874d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#171b20
  • peekViewTitleDescription.foreground#485263
  • peekViewTitleLabel.foreground#4e88d4
  • pickerGroup.border#242931
  • pickerGroup.foreground#c68aee
  • progressBar.background#242931
  • scrollbar.shadow#13171b00
  • scrollbarSlider.activeBackground#1a1e24
  • scrollbarSlider.background#242931
  • scrollbarSlider.hoverBackground#485263
  • selection.background#485263
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#b6beca
  • sideBar.background#13171b
  • sideBar.border#13171b
  • sideBar.dropBackground#21262e
  • sideBar.foreground#b6beca
  • sideBarSectionHeader.background#ec161600
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#b6beca
  • sideBarTitle.foreground#b6beca
  • statusBar.background#1a1e24
  • statusBar.debuggingBackground#7ddac5
  • statusBar.debuggingBorder#1a1e24
  • statusBar.debuggingForeground#171b20
  • statusBar.foreground#b6beca
  • statusBar.noFolderBackground#13171b
  • statusBar.noFolderBorder#13171b
  • statusBar.noFolderForeground#b6beca
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#78dba9
  • statusBarItem.remoteForeground#171b20
  • tab.activeBackground#171b20
  • tab.activeBorder#70a5eb
  • tab.activeBorderTop#78dba900
  • tab.activeForeground#b6beca
  • tab.border#171b2000
  • tab.hoverBackground#13171b
  • tab.hoverBorder#7ddac500
  • tab.hoverForeground#b6beca
  • tab.inactiveBackground#1a1e24
  • tab.inactiveForeground#b6beca
  • terminal.ansiBlack#1C252C
  • terminal.ansiBlue#70a5eb
  • terminal.ansiBrightBlack#485263
  • terminal.ansiBrightBlue#70a5eb
  • terminal.ansiBrightCyan#74bee9
  • terminal.ansiBrightGreen#78dba9
  • terminal.ansiBrightMagenta#c68aee
  • terminal.ansiBrightRed#e05f65
  • terminal.ansiBrightWhite#b6beca
  • terminal.ansiBrightYellow#e9a180
  • terminal.ansiCyan#74bee9
  • terminal.ansiGreen#78dba9
  • terminal.ansiMagenta#c68aee
  • terminal.ansiRed#e05f65
  • terminal.ansiWhite#dee1e6
  • terminal.ansiYellow#f1cf8a
  • terminal.border#21262e
  • terminal.foreground#b6beca
  • terminal.selectionBackground#21262e7e
  • terminalCursor.background#171b20
  • terminalCursor.foreground#b6beca
  • textLink.foreground#70a5eb
  • titleBar.activeBackground#171b20
  • titleBar.activeForeground#b6beca
  • titleBar.border#171b20
  • titleBar.inactiveBackground#1a1e24
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#13171b
  • 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#70a5eb
variable.other.generic-type.haskell#e05f65
storage.type.haskell#e9a180
support.variable.magic.python#70a5eb
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#70a5eb
variable.parameter.function.language.special.self.python#c68aee
storage.modifier.lifetime.rust#b6beca
support.function.std.rust#61afef
entity.name.lifetime.rust#b6beca
variable.language.rust#70a5eb
support.constant.edge#e05f65
constant.other.character-class.regexp#70a5eb
keyword.operator.quantifier.regexp#e9a180
punctuation.definition.string.begin,punctuation.definition.string.end#78dba9
variable.parameter.function#70a5eb
comment markup.link#7f848e
markup.changed.diff#b6beca
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#61afef
markup.inserted.diff#f1cf8a
markup.deleted.diff#70a5eb
meta.function.c,meta.function.cpp#70a5eb
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#b6beca
punctuation.separator.key-value#b6beca
keyword.operator.expression.import#c68aee
support.constant.math#b6beca
support.constant.property.math#e9a180
variable.other.constant#b6beca
storage.type.annotation.java, storage.type.object.array.java#b6beca
source.java#70a5eb
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#b6beca
meta.method.java#b6beca
storage.modifier.import.java,storage.type.java,storage.type.generic.java#b6beca
keyword.operator.instanceof.java#c68aee
meta.definition.variable.name.java#70a5eb
keyword.operator.logical#56b6c2
keyword.operator.bitwise#56b6c2
keyword.operator.channel#56b6c2
support.constant.property-value.scss,support.constant.property-value.css#e9a180
keyword.operator.css,keyword.operator.scss,keyword.operator.less#56b6c2
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#e9a180
punctuation.separator.list.comma.css#b6beca
support.constant.color.w3c-standard-color-name.css#e9a180
support.type.vendored.property-name.css#56b6c2
support.module.node,support.type.object.module,support.module.node#b6beca
entity.name.type.module#b6beca
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#b6beca
support.constant.json#e9a180
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#c68aee
support.type.object.console#70a5eb
support.variable.property.process#e9a180
entity.name.function,support.function.console#61afef
keyword.operator.misc.rust#b6beca
keyword.operator.sigil.rust#c68aee
keyword.operator.delete#c68aee
support.type.object.dom#56b6c2
support.variable.dom,support.variable.property.dom#70a5eb
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#56b6c2
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#e05f65
punctuation.separator.delimiter#b6beca
punctuation.separator.c,punctuation.separator.cpp#c68aee
support.type.posix-reserved.c,support.type.posix-reserved.cpp#56b6c2
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#c68aee
variable.parameter.function.language.python#e9a180
support.type.python#c68aee
keyword.operator.logical.python#c68aee
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#b6beca
meta.function-call.generic.python#61afef
constant.character.format.placeholder.other.python#78dba9
keyword.operator#b6beca
keyword.operator.assignment.compound#c68aee
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#56b6c2
keyword#c68aee
entity.name.namespace#b6beca
variable#dee1e6
variable.c#b6beca
variable.language#f1cf8a
token.variable.parameter.java#b6beca
import.storage.java#b6beca
token.package.keyword#c68aee
token.package#b6beca
entity.name.function, meta.require, support.function.any-method, variable.function#61afef
entity.name.type.namespace#7ddac5
support.class, entity.name.type.class#7ddac5
entity.name.type.namespace#f1cf8a
support.class, entity.name.type.class#f1cf8a
entity.name.class.identifier.namespace.type#f1cf8a
entity.name.class, variable.other.class.js, variable.other.class.ts#f1cf8a
variable.other.class.php#f1cf8a
entity.name.type#f1cf8a
keyword.control#c68aee
control.elements, keyword.operator.less#e9a180
keyword.other.special-method#61afef
storage#c68aee
token.storage#c68aee
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#c68aee
token.storage.type.java#b6beca
support.function#56b6c2
support.type.property-name#b6beca
support.constant.property-value#b6beca
support.constant.font-name#e9a180
meta.tag#b6beca
string#78dba9
entity.other.inherited-class#b6beca
constant.other.symbol#56b6c2
constant.numeric#e05f65
constant#c68aee
punctuation.definition.constant#c68aee
entity.name.tag#e05f65
entity.other.attribute-name#70a5eb
entity.other.attribute-name.id#61afefnormal
entity.other.attribute-name.class.css#e9a180normal
meta.selector#e05f65
markup.heading#70a5eb
markup.heading punctuation.definition.heading, entity.name.section#61afef
keyword.other.unit#70a5eb
markup.bold,todo.bold#e9a180
punctuation.definition.bold#b6beca
markup.italic, punctuation.definition.italic,todo.emphasis#e05f65
emphasis md#e05f65
entity.name.section.markdown#70a5eb
punctuation.definition.heading.markdown#70a5eb
punctuation.definition.list.begin.markdown#70a5eb
markup.heading.setext#b6beca
punctuation.definition.bold.markdown#e9a180
markup.inline.raw.markdown#f1cf8a
markup.inline.raw.string.markdown#f1cf8a
punctuation.definition.list.markdown#70a5eb
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#70a5eb
beginning.punctuation.definition.list.markdown#70a5eb
punctuation.definition.metadata.markdown#70a5eb
markup.underline.link.markdown,markup.underline.link.image.markdown#e05f65
string.other.link.title.markdown,string.other.link.description.markdown#61afef
string.regexp#56b6c2
constant.character.escape#56b6c2
punctuation.section.embedded, variable.interpolation#70a5eb
punctuation.section.embedded.begin,punctuation.section.embedded.end#e05f65
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#b6beca
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#70a5eb
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#70a5eb
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#78dba9
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#56b6c2
support.type.property-name.json#70a5eb
support.type.property-name.json punctuation#70a5eb
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#e05f65
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#e05f65
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#b6beca
keyword.operator.error-control.php#e05f65
keyword.operator.type.php#c68aee
punctuation.section.array.begin.php#b6beca
punctuation.section.array.end.php#b6beca
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#b6beca
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#61afef
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#b6beca
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#61afef
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#56b6c2
keyword.operator.regexp.php#e05f65
keyword.operator.comparison.php#56b6c2
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#e05f65
meta.function.decorator.python#61afef
support.token.decorator.python,meta.function.decorator.identifier.python#56b6c2
function.parameter#70a5eb
function.brace#b6beca
function.parameter.ruby, function.parameter.cs#b6beca
constant.language.symbol.ruby#56b6c2
rgb-value#56b6c2
inline-color-decoration rgb-value#e9a180
less rgb-value#e9a180
selector.sass#70a5eb
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#b6beca
block.scope.end,block.scope.begin#b6beca
storage.type.cs#b6beca
entity.name.variable.local.cs#70a5eb
token.info-token#61afef
token.warn-token#e9a180
token.error-token#f44747
token.debug-token#e05f65
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#e05f65
meta.template.expression#b6beca
keyword.operator.module#c68aee
support.type.type.flowtype#61afef
support.type.primitive#b6beca
meta.property.object#70a5eb
variable.parameter.function.js#70a5eb
keyword.other.template.begin#78dba9
keyword.other.template.end#78dba9
keyword.other.substitution.begin#78dba9
keyword.other.substitution.end#78dba9
keyword.operator.assignment#56b6c2
keyword.operator.assignment.go#b6beca
keyword.operator.arithmetic.go, keyword.operator.address.go#c68aee
entity.name.package.go#b6beca
support.type.prelude.elm#56b6c2
support.constant.elm#e9a180
punctuation.quasi.element#e05f65
constant.character.entity#70a5eb
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#56b6c2
entity.global.clojure#b6beca
meta.symbol.clojure#70a5eb
constant.keyword.clojure#56b6c2
meta.arguments.coffee, variable.parameter.function.coffee#70a5eb
source.ini#f1cf8a
meta.scope.prerequisites.makefile#70a5eb
source.makefile#b6beca
storage.modifier.import.groovy#b6beca
meta.method.groovy#61afef
meta.definition.variable.name.groovy#70a5eb
meta.definition.class.inherited.classes.groovy#f1cf8a
support.variable.semantic.hlsl#b6beca
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#e05f65
text.variable, text.bracketed#70a5eb
support.type.swift, support.type.vb.asp#b6beca
entity.name.function.xi#b6beca
entity.name.class.xi#56b6c2
constant.character.character-class.regexp.xi#70a5eb
constant.regexp.xi#c68aee
keyword.control.xi#56b6c2
invalid.xi#b6beca
beginning.punctuation.definition.quote.markdown.xi#78dba9
beginning.punctuation.definition.list.markdown.xi#7f848e
constant.character.xi#61afef
accent.xi#61afef
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#b6beca
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#70a5eb
meta.brace.square#b6beca
comment, punctuation.definition.comment#7f848eitalic
markup.quote.markdown#7f848e
punctuation.definition.block.sequence.item.yaml#b6beca
constant.language.symbol.elixir#56b6c2
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#56b6c2italic
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