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#193d49
  • activityBar.background#193d49
  • activityBar.border#000000
  • activityBar.foreground#c5f7ee
  • activityBar.inactiveForeground#85a8b2
  • activityBarBadge.background#fdc500
  • activityBarBadge.foreground#152e38
  • badge.background#fdc500
  • badge.foreground#000000
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#193d49
  • breadcrumb.focusForeground#ffffff
  • breadcrumb.foreground#67939f
  • button.background#25a0a9
  • button.foreground#ffffff
  • button.hoverBackground#16a057
  • button.secondaryBackground#d4b300
  • button.secondaryForeground#000000
  • button.secondaryHoverBackground#C7A720
  • checkbox.background#152e38
  • checkbox.border#00000000
  • checkbox.foreground#ffffff
  • debugExceptionWidget.background#276275
  • debugExceptionWidget.border#152e38
  • debugToolBar.background#276275
  • debugToolBar.border#152e38
  • diffEditor.border#c5f7ee33
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#152e38
  • dropdown.border#00000000
  • dropdown.foreground#ffffff
  • editor.background#152e38
  • editor.findMatchBackground#00000000
  • editor.findMatchBorder#FDC500
  • editor.findMatchHighlightBackground#25a0a980
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#25a0a94d
  • editor.findRangeHighlightBorder#00000000
  • editor.foldBackground#25a0a933
  • editor.foreground#969696
  • editor.hoverHighlightBackground#25a0a9
  • editor.inactiveSelectionBackground#00000080
  • editor.lineHighlightBackground#25a0a980
  • editor.lineHighlightBorder#ffffff00
  • editor.rangeHighlightBackground#25a0a980
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#266a78
  • editor.selectionHighlightBackground#00000000
  • editor.selectionHighlightBorder#25a0a9
  • editor.wordHighlightBackground#25a0a980
  • editor.wordHighlightStrongBackground#006f72b8
  • editor.wordHighlightStrongBorder#000000
  • editorBracketMatch.background#00000000
  • editorBracketMatch.border#25a0a9
  • editorCodeLens.foreground#67939f
  • editorCursor.background#000000
  • editorCursor.foreground#fdc500
  • editorError.background#b7345a00
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#ffffff80
  • editorGroup.emptyBackground#152e38
  • editorGroupHeader.tabsBackground#193d49
  • editorGroupHeader.tabsBorder#ffffff00
  • editorGutter.addedBackground#7c7b0c
  • editorGutter.background#152e38
  • editorGutter.commentRangeForeground#67939f
  • editorGutter.deletedBackground#b67578
  • editorGutter.foldingControlForeground#67939f
  • editorGutter.modifiedBackground#0c9d8d
  • editorHoverWidget.background#152e38
  • editorHoverWidget.border#276275
  • editorHoverWidget.foreground#67939f
  • editorIndentGuide.activeBackground#ffffff33
  • editorIndentGuide.background#ffffff1a
  • editorInfo.background#44b9bf00
  • editorInfo.border#44b9bf00
  • editorInfo.foreground#75ecff
  • editorLineNumber.activeForeground#fdc500
  • editorLineNumber.foreground#67939f
  • editorLink.activeForeground#00ffff
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#00000000
  • editorOverviewRuler.border#00000000
  • editorRuler.foreground#ffffff33
  • editorSuggestWidget.background#152e38
  • editorSuggestWidget.border#276275
  • editorSuggestWidget.foreground#67939f
  • editorSuggestWidget.highlightForeground#52ffee
  • editorSuggestWidget.selectedBackground#276275
  • editorWarning.background#a96d4000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#ffffff1a
  • editorWidget.background#225666
  • editorWidget.foreground#87c1d1
  • editorWidget.resizeBorder#fdc500
  • focusBorder#fdc500
  • foreground#85a8b2
  • gitDecoration.addedResourceForeground#36d7b7
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#ff8d82
  • gitDecoration.ignoredResourceForeground#4d6182
  • gitDecoration.modifiedResourceForeground#c7a720
  • gitDecoration.stageDeletedResourceForeground#ff8d82
  • gitDecoration.stageModifiedResourceForeground#c7a720
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#85a8b2
  • input.background#152e38
  • input.border#00000000
  • input.foreground#ffffff
  • input.placeholderForeground#67939f
  • inputOption.activeBackground#67939f80
  • inputOption.activeBorder#00000000
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#67939f
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#ffffff1c
  • list.focusBackground#ffffff1a
  • list.focusForeground#ffffff
  • list.highlightForeground#fdc500
  • list.hoverBackground#204d5d
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#1c4250
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#152e38
  • listFilterWidget.noMatchesOutline#f22613
  • listFilterWidget.outline#34dbc5
  • menu.background#193d49
  • menu.border#152e38
  • menu.foreground#ffffff
  • menu.selectionBackground#096a71
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#ffffff4d
  • menubar.selectionBackground#193d49
  • menubar.selectionForeground#ffffffcc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#152e38
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#00000000
  • minimap.selectionHighlight#266a78
  • minimap.warningHighlight#cca700ff
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#b67578
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#000000
  • notificationCenterHeader.background#152e38
  • notificationCenterHeader.foreground#67939f
  • notifications.background#276275
  • notifications.border#152e38
  • notifications.foreground#c5f7ee
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75ecff
  • notificationsWarningIcon.foreground#cca700ff
  • notificationToast.border#00000000
  • panel.background#1e4958
  • panel.border#00000000
  • panelSection.border#c5f7ee33
  • panelTitle.activeBorder#fdc500
  • panelTitle.activeForeground#ffffff
  • panelTitle.inactiveForeground#67939f
  • peekView.border#25a0a9
  • peekViewEditor.background#152e38
  • peekViewEditor.matchHighlightBackground#c5f7ee1a
  • peekViewEditor.matchHighlightBorder#00000000
  • peekViewEditorGutter.background#152e38
  • peekViewResult.background#193d49
  • peekViewResult.fileForeground#c5f7ee
  • peekViewResult.lineForeground#ffffff
  • peekViewResult.matchHighlightBackground#276275
  • peekViewResult.selectionBackground#276275
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#276275
  • peekViewTitleDescription.foreground#ffffff
  • peekViewTitleLabel.foreground#fdc500
  • pickerGroup.border#c5f7ee66
  • pickerGroup.foreground#34dbc5
  • progressBar.background#fdc500
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#c5f7ee80
  • scrollbarSlider.background#c5f7ee1a
  • scrollbarSlider.hoverBackground#c5f7ee33
  • selection.background#25a0a9
  • settings.focusedRowBackground#ffffff08
  • settings.headerForeground#cccccc
  • sideBar.background#10232b
  • sideBar.border#ffffff00
  • sideBar.dropBackground#ffffff1c
  • sideBar.foreground#67939f
  • sideBarSectionHeader.background#193d49
  • sideBarSectionHeader.border#ffffff00
  • sideBarSectionHeader.foreground#ffffff80
  • sideBarTitle.foreground#ffffff
  • statusBar.background#276275
  • statusBar.border#00000000
  • statusBar.debuggingBackground#fdc500
  • statusBar.debuggingBorder#00000000
  • statusBar.debuggingForeground#152e38
  • statusBar.foreground#ffffff80
  • statusBar.noFolderBackground#34dbc5
  • statusBar.noFolderBorder#00000000
  • statusBar.noFolderForeground#152e38
  • statusBarItem.activeBackground#ffffff26
  • statusBarItem.hoverBackground#10232b
  • statusBarItem.remoteBackground#168239
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#152e38
  • tab.activeBorder#ffffff00
  • tab.activeBorderTop#ffffff00
  • tab.activeForeground#c5f7ee
  • tab.border#c5f7ee33
  • tab.hoverBackground#204d5d
  • tab.hoverForeground#ffffff
  • tab.inactiveBackground#193d49
  • tab.inactiveForeground#67939f
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#3b8eea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#23d18b
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#e5e510
  • terminal.border#c5f7ee33
  • terminal.foreground#c5f7ee
  • terminal.selectionBackground#ffffff33
  • terminalCursor.background#fdc500
  • terminalCursor.foreground#fdc500
  • textLink.activeForeground#00FFFF
  • textLink.foreground#ade6e1
  • titleBar.activeBackground#152e38
  • titleBar.activeForeground#67939f
  • titleBar.border#00000000
  • titleBar.inactiveBackground#67939f
  • titleBar.inactiveForeground#ffffff
  • tree.indentGuidesStroke#67939f80
  • walkThrough.embeddedEditorBackground#0000004f
  • widget.shadow#10232b

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
text.html.php,text.html#abb2bf
meta.embedded#abb2bf
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#e06c75
variable.other.generic-type.haskell#c678dd
storage.type.haskell#d19a66
support.variable.magic.python#e06c75
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#abb2bf
variable.parameter.function.language.special.self.python#e5c07b
variable.parameter.function.language.special.cls.python#e5c07b
storage.modifier.lifetime.rust#abb2bf
support.function.std.rust#61C4EF
entity.name.lifetime.rust#e5c07b
variable.language.rust#e06c75
support.constant.edge#c678dd
constant.other.character-class.regexp#e06c75
keyword.operator.word#c678dd
keyword.operator.quantifier.regexp#d19a66
variable.parameter.function#abb2bf
comment markup.link#5c6370
markup.changed.diff#e5c07b
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#61C4EF
markup.inserted.diff#88AD87
markup.deleted.diff#e06c75
meta.function.c,meta.function.cpp#e06c75
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#abb2bf
punctuation.separator.key-value#abb2bf
keyword.operator.expression.import#61C4EF
support.constant.math#e5c07b
support.constant.property.math#d19a66
variable.other.constant#e5c07b
storage.type.annotation.java, storage.type.object.array.java#e5c07b
source.java#e06c75
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#abb2bf
meta.method.java#61C4EF
storage.modifier.import.java,storage.type.java,storage.type.generic.java#e5c07b
keyword.operator.instanceof.java#c678dd
meta.definition.variable.name.java#e06c75
keyword.operator.logical#A9A3E8
keyword.operator.bitwise#A9A3E8
keyword.operator.channel#A9A3E8
support.constant.property-value.scss,support.constant.property-value.css#d19a66
keyword.operator.css,keyword.operator.scss,keyword.operator.less#A9A3E8
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#d19a66
punctuation.separator.list.comma.css#abb2bf
support.constant.color.w3c-standard-color-name.css#d19a66
support.type.vendored.property-name.css#A9A3E8
support.module.node,support.type.object.module,support.module.node#e5c07b
entity.name.type.module#e5c07b
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#e06c75
support.constant.json#d19a66
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#c678dd
support.type.object.console#e06c75
support.variable.property.process#d19a66
entity.name.function,support.function.console#61C4EF
keyword.operator.misc.rust#abb2bf
keyword.operator.sigil.rust#c678dd
keyword.operator.delete#c678dd
support.type.object.dom#A9A3E8
support.variable.dom,support.variable.property.dom#e06c75
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#A9A3E8
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#c678dd
punctuation.separator.delimiter#abb2bf
punctuation.separator.c,punctuation.separator.cpp#c678dd
support.type.posix-reserved.c,support.type.posix-reserved.cpp#A9A3E8
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#c678dd
variable.parameter.function.language.python#d19a66
support.type.python#A9A3E8
keyword.operator.logical.python#c678dd
variable.parameter.function.python#d19a66
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#abb2bf
meta.function-call.generic.python#61C4EF
constant.character.format.placeholder.other.python#d19a66
keyword.operator#abb2bf
keyword.operator.assignment.compound#c678dd
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#A9A3E8
keyword#c678dd
entity.name.namespace#e5c07b
variable#e06c75
variable.c#abb2bf
variable.language#e5c07b
token.variable.parameter.java#abb2bf
import.storage.java#e5c07b
token.package.keyword#c678dd
token.package#abb2bf
entity.name.function, meta.require, support.function.any-method, variable.function#61C4EF
entity.name.type.namespace#e5c07bbold
support.class, entity.name.type.class#e5c07b
entity.name.class.identifier.namespace.type#e5c07b
entity.name.class, variable.other.class.js, variable.other.class.ts#e5c07b
variable.other.class.php#e06c75
entity.name.type#e5c07b
keyword.control#c678dd
control.elements, keyword.operator.less#d19a66
keyword.other.special-method#61C4EF
storage#c678dd
token.storage#c678dd
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#c678dd
token.storage.type.java#e5c07b
support.function#A9A3E8
support.type.property-name#abb2bf
support.type.property-name.toml, support.type.property-name.table.toml, support.type.property-name.array.toml#e06c75
support.constant.property-value#abb2bf
support.constant.font-name#d19a66
meta.tag#abb2bf
string#88AD87
constant.other.symbol#A9A3E8
constant.numeric#d19a66
constant#d19a66
punctuation.definition.constant#d19a66
entity.name.tag#e06c75
entity.other.attribute-name#d19a66
entity.other.attribute-name.id#61C4EF
entity.other.attribute-name.class.css#d19a66
meta.selector#c678dd
markup.heading#e06c75bold
markup.heading punctuation.definition.heading, entity.name.section#61C4EF
keyword.other.unit#e06c75
markup.bold,todo.bold#d19a66bold
punctuation.definition.bold#e5c07b
markup.italic, punctuation.definition.italic,todo.emphasis#c678dd
emphasis md#c678dd
entity.name.section.markdown#e06c75
punctuation.definition.heading.markdown#e06c75
punctuation.definition.list.begin.markdown#e5c07b
markup.heading.setext#abb2bf
punctuation.definition.bold.markdown#d19a66
markup.inline.raw.markdown#88AD87
markup.inline.raw.string.markdown#88AD87
punctuation.definition.raw.markdown#e5c07b
punctuation.definition.list.markdown#e5c07b
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#e06c75
beginning.punctuation.definition.list.markdown#e06c75
punctuation.definition.metadata.markdown#e06c75
markup.underline.link.markdown,markup.underline.link.image.markdown#c678dd
string.other.link.title.markdown,string.other.link.description.markdown#61C4EF
markup.raw.monospace.asciidoc#88AD87
punctuation.definition.asciidoc#e5c07b
markup.list.asciidoc#e5c07b
markup.link.asciidoc,markup.other.url.asciidoc#c678dd
string.unquoted.asciidoc,markup.other.url.asciidoc#61C4EF
string.regexp#A9A3E8
punctuation.section.embedded, variable.interpolation#e06c75
punctuation.section.embedded.begin,punctuation.section.embedded.end#c678dd
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#abb2bf
invalid.illegal.unrecognized-tag.html#e06c75
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.deprecated.entity.other.attribute-name.html#d19a66
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#e06c75
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#e06c75
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#88AD87
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#A9A3E8
support.type.property-name.json#e06c75
support.type.property-name.json punctuation#e06c75
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#c678dd
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#c678dd
support.other.namespace.use.php,support.other.namespace.use-as.php,entity.other.alias.php,meta.interface.php#e5c07b
keyword.operator.error-control.php#c678dd
keyword.operator.type.php#c678dd
punctuation.section.array.begin.php#abb2bf
punctuation.section.array.end.php#abb2bf
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#e5c07b
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#61C4EF
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#abb2bf
support.constant.core.rust#d19a66
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#d19a66
entity.name.goto-label.php,support.other.php#61C4EF
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#A9A3E8
keyword.operator.regexp.php#c678dd
keyword.operator.comparison.php#A9A3E8
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#c678dd
meta.function.decorator.python#61C4EF
support.token.decorator.python,meta.function.decorator.identifier.python#A9A3E8
function.parameter#abb2bf
function.brace#abb2bf
function.parameter.ruby, function.parameter.cs#abb2bf
constant.language.symbol.ruby#A9A3E8
constant.language.symbol.hashkey.ruby#56b6c2
rgb-value#A9A3E8
inline-color-decoration rgb-value#d19a66
less rgb-value#d19a66
selector.sass#e06c75
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#e5c07b
block.scope.end,block.scope.begin#abb2bf
storage.type.cs#e5c07b
entity.name.variable.local.cs#e06c75
token.info-token#61C4EF
token.warn-token#d19a66
token.error-token#f44747
token.debug-token#c678dd
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#c678dd
meta.template.expression#abb2bf
keyword.operator.module#c678dd
support.type.type.flowtype#61C4EF
support.type.primitive#e5c07b
meta.property.object#e06c75
variable.parameter.function.js#e06c75
keyword.other.template.begin#88AD87
keyword.other.template.end#88AD87
keyword.other.substitution.begin#88AD87
keyword.other.substitution.end#88AD87
keyword.operator.assignment#A9A3E8
keyword.operator.assignment.go#e5c07b
keyword.operator.arithmetic.go, keyword.operator.address.go#c678dd
entity.name.package.go#e5c07b
support.type.prelude.elm#A9A3E8
support.constant.elm#d19a66
punctuation.quasi.element#c678dd
constant.character.entity#e06c75
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#A9A3E8
entity.global.clojure#e5c07b
meta.symbol.clojure#e06c75
constant.keyword.clojure#A9A3E8
meta.arguments.coffee, variable.parameter.function.coffee#e06c75
source.ini#88AD87
meta.scope.prerequisites.makefile#e06c75
source.makefile#e5c07b
storage.modifier.import.groovy#e5c07b
meta.method.groovy#61C4EF
meta.definition.variable.name.groovy#e06c75
meta.definition.class.inherited.classes.groovy#88AD87
support.variable.semantic.hlsl#e5c07b
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#c678dd
text.variable, text.bracketed#e06c75
support.type.swift, support.type.vb.asp#e5c07b
entity.name.function.xi#e5c07b
entity.name.class.xi#A9A3E8
constant.character.character-class.regexp.xi#e06c75
constant.regexp.xi#c678dd
keyword.control.xi#A9A3E8
invalid.xi#abb2bf
beginning.punctuation.definition.quote.markdown.xi#88AD87
beginning.punctuation.definition.list.markdown.xi#8795AD
constant.character.xi#61C4EF
accent.xi#61C4EF
wikiword.xi#d19a66
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#5c6370
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#e5c07b
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#e06c75
meta.brace.square#abb2bf
comment, punctuation.definition.comment#8795AD
markup.quote.markdown#5c6370
punctuation.definition.block.sequence.item.yaml#abb2bf
constant.language.symbol.elixir, constant.language.symbol.double-quoted.elixir#A9A3E8
entity.name.variable.parameter.cs#e5c07b
entity.name.variable.field.cs#e06c75
markup.deleted#e06c75
markup.inserted#88AD87
markup.underlineunderline
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#f1a0e1
support.other.namespace.php#abb2bf
variable.other.object#e5c07b
variable.other.constant.property#e06c75
entity.other.inherited-class#e5c07b
variable.other.readwrite.c#e06c75
entity.name.variable.parameter.php,punctuation.separator.colon.php,constant.other.php#abb2bf
constant.numeric.decimal.asm.x86_64#c678dd
support.other.parenthesis.regexp#d19a66
constant.character.escape#A9A3E8
string.regexp#e06c75
log.info#98c379
log.warning#e5c07b
log.error#e06c75
markup.boldbold
entity.name.sectionbold
keyword.other.importantbold
entity.name.function, meta.require, support.function.any-method, variable.functionbold
markup.bold.markdownbold

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Deep Dark Color - Coding Theme