Skip to main content
Coding Theme

The Digital Life

Publisher: Christian LempaThemes in package: 1

A Visual Studio Code theme built by Christian from The Digital Life

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#ffffff00
  • activityBar.background#171717
  • activityBar.border#ffffff00
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#ffffff30
  • activityBarBadge.background#ffffff
  • activityBarBadge.foreground#171717
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#ffffff
  • breadcrumb.background#1d1d1d
  • breadcrumb.focusForeground#ffffff
  • breadcrumb.foreground#cccccc
  • button.background#ffffff
  • button.foreground#000000
  • button.hoverBackground#ffffff
  • button.secondaryBackground#3f3f3f
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#4f4f4f
  • checkbox.background#1b1b1b
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#2f2f2f
  • debugExceptionWidget.border#2f2f2f
  • debugToolBar.background#2f2f2f
  • debugToolBar.border#2f2f2f
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#5ac8ff18
  • diffEditor.removedTextBackground#ba5aff18
  • dropdown.background#1b1b1b
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#1d1d1d
  • editor.findMatchBackground#ffffff30
  • editor.findMatchBorder#6b6b6b
  • editor.findMatchHighlightBackground#ffffff1e
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#ba5aff4d
  • editor.foreground#d1d1d1
  • editor.hoverHighlightBackground#ffffff40
  • editor.inactiveSelectionBackground#3f3f3f
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#2f2f2f
  • editor.selectionHighlightBackground#ffffff26
  • editor.selectionHighlightBorder#ffffff46
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#ba5aff33
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#ffffff
  • editorCursor.background#1d1d1d
  • editorCursor.foreground#d1d1d1
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#d35454
  • editorGroup.border#00000000
  • editorGroup.emptyBackground#1d1d1d
  • editorGroupHeader.border#ffffff00
  • editorGroupHeader.tabsBackground#171717
  • editorGroupHeader.tabsBorder#00000000
  • editorGutter.addedBackground#58d354
  • editorGutter.background#1d1d1d
  • editorGutter.commentRangeForeground#c4c4c4
  • editorGutter.deletedBackground#d35454
  • editorGutter.foldingControlForeground#c4c4c4
  • editorGutter.modifiedBackground#d38454
  • editorHoverWidget.background#252526
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#ffffff
  • editorLineNumber.activeForeground#d1d1d1
  • editorLineNumber.foreground#7e7e7e
  • editorLink.activeForeground#ffffff
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#d35454
  • editorMarkerNavigationInfo.background#54c1d3
  • editorMarkerNavigationWarning.background#d38454
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#2f2f2f
  • editorSuggestWidget.border#2f2f2f
  • editorSuggestWidget.foreground#cccccc
  • editorSuggestWidget.highlightForeground#ffffff
  • editorSuggestWidget.selectedBackground#3f3f3f
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#d38454
  • editorWhitespace.foreground#8c8c8c29
  • editorWidget.background#2f2f2f
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#ffffff
  • focusBorder#ffffff0a
  • foreground#aaaaaa
  • gitDecoration.addedResourceForeground#5aff5d
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#ff4444
  • gitDecoration.ignoredResourceForeground#868686
  • gitDecoration.modifiedResourceForeground#ffae44
  • gitDecoration.stageDeletedResourceForeground#ff4444
  • gitDecoration.stageModifiedResourceForeground#ffae44
  • gitDecoration.submoduleResourceForeground#5ac8ff
  • gitDecoration.untrackedResourceForeground#5aff5d
  • icon.foreground#aaaaaa
  • input.background#1b1b1b
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#ffffff
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#000000
  • list.activeSelectionBackground#ffffff0f
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#ffffff06
  • list.focusBackground#ffffff06
  • list.focusForeground#cccccc
  • list.highlightForeground#ffffff
  • list.hoverBackground#ffffff0c
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#ffffff06
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#1b1b1b
  • listFilterWidget.noMatchesOutline#ff4444
  • listFilterWidget.outline#ffffff00
  • menu.background#1b1b1b
  • menu.border#00000000
  • menu.foreground#cccccc
  • menu.selectionBackground#ffffff0e
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#ffffff0e
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#251249
  • merge.currentHeaderBackground#2c1b4f
  • merge.incomingContentBackground#2a0b41
  • merge.incomingHeaderBackground#3a0e5a
  • minimap.background#1d1d1d
  • minimap.errorHighlight#d35454
  • minimap.findMatchHighlight#ffffff30
  • minimap.selectionHighlight#2f2f2f
  • minimap.warningHighlight#d38454
  • minimapGutter.addedBackground#58d354
  • minimapGutter.deletedBackground#d35454
  • minimapGutter.modifiedBackground#d38454
  • notificationCenter.border#3f3f3f
  • notificationCenterHeader.background#3f3f3f
  • notificationCenterHeader.foreground#ffffff
  • notifications.background#2f2f2f
  • notifications.border#3f3f3f
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#ff4444
  • notificationsInfoIcon.foreground#ffffff
  • notificationsWarningIcon.foreground#ffae44
  • notificationToast.border#3f3f3f
  • panel.background#171717
  • panel.border#ffffff00
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#2e1f4d
  • peekViewEditor.background#18102a
  • peekViewEditor.matchHighlightBackground#214558
  • peekViewEditor.matchHighlightBorder#5ac8ff
  • peekViewEditorGutter.background#211638
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#3f3f3f
  • peekViewResult.selectionBackground#3f3f3f
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#3f3f3f
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#ff000000
  • pickerGroup.foreground#ffffff
  • progressBar.background#ffffff
  • scrollbar.shadow#ffffff00
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797930
  • scrollbarSlider.hoverBackground#79797950
  • selection.background#2f2f2f
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#aaaaaa
  • sideBar.background#171717
  • sideBar.border#ffffff00
  • sideBar.dropBackground#ffffff06
  • sideBar.foreground#d1d1d1
  • sideBarSectionHeader.background#ffffff02
  • sideBarSectionHeader.border#08080800
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#ffffff
  • statusBar.background#171717
  • statusBar.debuggingBackground#8854d3
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#cccccc
  • statusBar.noFolderBackground#171717
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#ffffff
  • statusBarItem.remoteForeground#000000
  • tab.activeBackground#1d1d1d
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#ffffff00
  • tab.inactiveBackground#171717
  • tab.inactiveForeground#ffffff44
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#2b4fff
  • terminal.ansiBrightBlack#2f2f2f
  • terminal.ansiBrightBlue#5c78ff
  • terminal.ansiBrightCyan#5ac8ff
  • terminal.ansiBrightGreen#905aff
  • terminal.ansiBrightMagenta#5ea2ff
  • terminal.ansiBrightRed#ba5aff
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#685aff
  • terminal.ansiCyan#28b9ff
  • terminal.ansiGreen#7129ff
  • terminal.ansiMagenta#2883ff
  • terminal.ansiRed#a52aff
  • terminal.ansiWhite#cfcfcf
  • terminal.ansiYellow#3d2aff
  • terminal.border#80808059
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#ffffff
  • terminalCursor.foreground#000000
  • textLink.foreground#ffffff
  • titleBar.activeBackground#171717
  • titleBar.activeForeground#cccccc
  • titleBar.border#ff000000
  • titleBar.inactiveBackground#171717
  • titleBar.inactiveForeground#66666699
  • tree.indentGuidesStroke#303030
  • 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#5c78ff
variable.other.generic-type.haskell#ff5eed
storage.type.haskell#5effc3
support.variable.magic.python#5c78ff
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d1d1d1
variable.parameter.function.language.special.self.python#d1d1d1
storage.modifier.lifetime.rust#d1d1d1
support.function.std.rust#5ac8ff
entity.name.lifetime.rust#d1d1d1
variable.language.rust#5c78ff
support.constant.edge#ff5eed
constant.other.character-class.regexp#5c78ff
keyword.operator.quantifier.regexp#5effc3
punctuation.definition.string.begin,punctuation.definition.string.end#ba5aff
variable.parameter.function#d1d1d1
comment markup.link#d7e4ff46
markup.changed.diff#d1d1d1
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#5ac8ff
markup.inserted.diff#ba5aff
markup.deleted.diff#5c78ff
meta.function.c,meta.function.cpp#5c78ff
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#d1d1d1
punctuation.separator.key-value#d1d1d1
keyword.operator.expression.import#5ac8ff
support.constant.math#d1d1d1
support.constant.property.math#5effc3
variable.other.constant#d1d1d1
storage.type.annotation.java, storage.type.object.array.java#d1d1d1
source.java#5c78ff
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#d1d1d1
meta.method.java#5ac8ff
storage.modifier.import.java,storage.type.java,storage.type.generic.java#d1d1d1
keyword.operator.instanceof.java#ff5eed
meta.definition.variable.name.java#5c78ff
keyword.operator.logical#d1d1d1
keyword.operator.bitwise#d1d1d1
keyword.operator.channel#d1d1d1
support.constant.property-value.scss,support.constant.property-value.css#5effc3
keyword.operator.css,keyword.operator.scss,keyword.operator.less#d1d1d1
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#5effc3
punctuation.separator.list.comma.css#d1d1d1
support.constant.color.w3c-standard-color-name.css#5effc3
support.type.vendored.property-name.css#d1d1d1
support.module.node,support.type.object.module,support.module.node#d1d1d1
entity.name.type.module#d1d1d1
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#5c78ff
support.constant.json#5effc3
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#ff5eed
support.type.object.console#5c78ff
support.variable.property.process#5effc3
entity.name.function,support.function.console#5ac8ff
keyword.operator.misc.rust#d1d1d1
keyword.operator.sigil.rust#ff5eed
keyword.operator.delete#ff5eed
support.type.object.dom#d1d1d1
support.variable.dom,support.variable.property.dom#5c78ff
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#d1d1d1
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#ff5eed
punctuation.separator.delimiter#d1d1d1
punctuation.separator.c,punctuation.separator.cpp#ff5eed
support.type.posix-reserved.c,support.type.posix-reserved.cpp#d1d1d1
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#ff5eed
variable.parameter.function.language.python#5effc3
support.type.python#d1d1d1
keyword.operator.logical.python#ff5eed
variable.parameter.function.python#5effc3
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#d1d1d1
meta.function-call.generic.python#5ac8ff
constant.character.format.placeholder.other.python#5effc3
keyword.operator#d1d1d1
keyword.operator.assignment.compound#ff5eed
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#d1d1d1
keyword#ff5eed
entity.name.namespace#d1d1d1
variable#5c78ff
variable.c#d1d1d1
variable.language#d1d1d1
token.variable.parameter.java#d1d1d1
import.storage.java#d1d1d1
token.package.keyword#ff5eed
token.package#d1d1d1
entity.name.function, meta.require, support.function.any-method, variable.function#5ac8ff
entity.name.type.namespace#d1d1d1
support.class, entity.name.type.class#d1d1d1
entity.name.class.identifier.namespace.type#d1d1d1
entity.name.class, variable.other.class.js, variable.other.class.ts#d1d1d1
variable.other.class.php#5c78ff
entity.name.type#d1d1d1
keyword.control#ff5eed
control.elements, keyword.operator.less#5effc3
keyword.other.special-method#5ac8ff
storage#ff5eed
token.storage#ff5eed
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#ff5eed
token.storage.type.java#d1d1d1
support.function#d1d1d1
support.type.property-name#d1d1d1
support.constant.property-value#d1d1d1
support.constant.font-name#5effc3
meta.tag#d1d1d1
string#ba5aff
entity.other.inherited-class#d1d1d1
constant.other.symbol#d1d1d1
constant.numeric#5effc3
constant#5effc3
punctuation.definition.constant#5effc3
entity.name.tag#5c78ff
entity.other.attribute-name#5effc3
entity.other.attribute-name.id#5ac8ffnormal
entity.other.attribute-name.class.css#5effc3normal
meta.selector#ff5eed
markup.heading#5c78ff
markup.heading punctuation.definition.heading, entity.name.section#5ac8ff
keyword.other.unit#5c78ff
markup.bold,todo.bold#5effc3
punctuation.definition.bold#d1d1d1
markup.italic, punctuation.definition.italic,todo.emphasis#ff5eed
emphasis md#ff5eed
entity.name.section.markdown#5c78ff
punctuation.definition.heading.markdown#5c78ff
punctuation.definition.list.begin.markdown#5c78ff
markup.heading.setext#d1d1d1
punctuation.definition.bold.markdown#5effc3
markup.inline.raw.markdown#ba5aff
markup.inline.raw.string.markdown#ba5aff
punctuation.definition.list.markdown#5c78ff
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#5c78ff
beginning.punctuation.definition.list.markdown#5c78ff
punctuation.definition.metadata.markdown#5c78ff
markup.underline.link.markdown,markup.underline.link.image.markdown#ff5eed
string.other.link.title.markdown,string.other.link.description.markdown#5ac8ff
string.regexp#d1d1d1
constant.character.escape#d1d1d1
punctuation.section.embedded, variable.interpolation#5c78ff
punctuation.section.embedded.begin,punctuation.section.embedded.end#ff5eed
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#d1d1d1
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#5c78ff
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#5c78ff
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#ba5aff
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#d1d1d1
support.type.property-name.json#5c78ff
support.type.property-name.json punctuation#5c78ff
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#ff5eed
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#ff5eed
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#d1d1d1
keyword.operator.error-control.php#ff5eed
keyword.operator.type.php#ff5eed
punctuation.section.array.begin.php#d1d1d1
punctuation.section.array.end.php#d1d1d1
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#d1d1d1
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#5ac8ff
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#d1d1d1
support.constant.core.rust#5effc3
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#5effc3
entity.name.goto-label.php,support.other.php#5ac8ff
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#d1d1d1
keyword.operator.regexp.php#ff5eed
keyword.operator.comparison.php#d1d1d1
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#ff5eed
meta.function.decorator.python#5ac8ff
support.token.decorator.python,meta.function.decorator.identifier.python#d1d1d1
function.parameter#d1d1d1
function.brace#d1d1d1
function.parameter.ruby, function.parameter.cs#d1d1d1
constant.language.symbol.ruby#d1d1d1
rgb-value#d1d1d1
inline-color-decoration rgb-value#5effc3
less rgb-value#5effc3
selector.sass#5c78ff
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#d1d1d1
block.scope.end,block.scope.begin#d1d1d1
storage.type.cs#d1d1d1
entity.name.variable.local.cs#5c78ff
token.info-token#5ac8ff
token.warn-token#5effc3
token.error-token#f44747
token.debug-token#ff5eed
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#ff5eed
meta.template.expression#d1d1d1
keyword.operator.module#ff5eed
support.type.type.flowtype#5ac8ff
support.type.primitive#d1d1d1
meta.property.object#5c78ff
variable.parameter.function.js#5c78ff
keyword.other.template.begin#ba5aff
keyword.other.template.end#ba5aff
keyword.other.substitution.begin#ba5aff
keyword.other.substitution.end#ba5aff
keyword.operator.assignment#d1d1d1
keyword.operator.assignment.go#d1d1d1
keyword.operator.arithmetic.go, keyword.operator.address.go#ff5eed
entity.name.package.go#d1d1d1
support.type.prelude.elm#d1d1d1
support.constant.elm#5effc3
punctuation.quasi.element#ff5eed
constant.character.entity#5c78ff
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#d1d1d1
entity.global.clojure#d1d1d1
meta.symbol.clojure#5c78ff
constant.keyword.clojure#d1d1d1
meta.arguments.coffee, variable.parameter.function.coffee#5c78ff
source.ini#ba5aff
meta.scope.prerequisites.makefile#5c78ff
source.makefile#d1d1d1
storage.modifier.import.groovy#d1d1d1
meta.method.groovy#5ac8ff
meta.definition.variable.name.groovy#5c78ff
meta.definition.class.inherited.classes.groovy#ba5aff
support.variable.semantic.hlsl#d1d1d1
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#ff5eed
text.variable, text.bracketed#5c78ff
support.type.swift, support.type.vb.asp#d1d1d1
entity.name.function.xi#d1d1d1
entity.name.class.xi#d1d1d1
constant.character.character-class.regexp.xi#5c78ff
constant.regexp.xi#ff5eed
keyword.control.xi#d1d1d1
invalid.xi#d1d1d1
beginning.punctuation.definition.quote.markdown.xi#ba5aff
beginning.punctuation.definition.list.markdown.xi#d7e4ff46
constant.character.xi#5ac8ff
accent.xi#5ac8ff
wikiword.xi#5effc3
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#d7e4ff46
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#d1d1d1
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#5c78ff
meta.brace.square#d1d1d1
comment, punctuation.definition.comment#d7e4ff46italic
markup.quote.markdown#d7e4ff46
punctuation.definition.block.sequence.item.yaml#d1d1d1
constant.language.symbol.elixir#d1d1d1
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...

The Digital Life - Coding Theme