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.background#2e2d2c
  • activityBar.border#de7b96
  • activityBar.foreground#d75c7e
  • activityBar.inactiveForeground#4dc7e4
  • activityBarBadge.background#ce3062a0
  • activityBarBadge.foreground#ffffff
  • badge.background#ce3062
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#01add8
  • breadcrumb.background#2e2d2c
  • breadcrumb.focusForeground#01add8
  • breadcrumb.foreground#01add8
  • button.background#0180c0
  • button.foreground#ffffff
  • button.hoverBackground#0195d2
  • button.secondaryBackground#a91030
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#b01540
  • checkbox.background#2e2d2c
  • checkbox.border#00000000
  • checkbox.foreground#ffffff
  • debugExceptionWidget.background#1b1a1a
  • debugExceptionWidget.border#474747
  • debugToolBar.background#1b1a1a
  • debugToolBar.border#474747
  • diffEditor.border#ffe967
  • diffEditor.insertedTextBackground#2abbaf24
  • diffEditor.removedTextBackground#ce306224
  • dropdown.background#2e2d2c
  • dropdown.border#00000000
  • dropdown.foreground#ffffff
  • editor.background#2e2d2c
  • editor.findMatchBackground#2abbaf32
  • editor.findMatchBorder#2abbaf64
  • editor.findMatchHighlightBackground#ffe96732
  • editor.findMatchHighlightBorder#fddd0064
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#d4d4d4
  • editor.hoverHighlightBackground#01add832
  • editor.inactiveSelectionBackground#7f7c7b48
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#403d3d
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#01add8
  • editor.selectionBackground#2abbaf24
  • editor.selectionHighlightBackground#01add840
  • editor.selectionHighlightBorder#01add864
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#2abbaf32
  • editorBracketMatch.background#2abbaf32
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#e9f3f9
  • editorCursor.background#000000
  • editorCursor.foreground#ffffff
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#c02050
  • editorGroup.border#2abbaf
  • editorGroup.emptyBackground#2e2d2c
  • editorGroupHeader.border#2abbaf
  • editorGroupHeader.tabsBackground#2e2d2c
  • editorGroupHeader.tabsBorder#5ec9e3
  • editorGutter.addedBackground#089590
  • editorGutter.background#2e2d2c
  • editorGutter.commentRangeForeground#ce3062
  • editorGutter.deletedBackground#ce3062
  • editorGutter.foldingControlForeground#ce3062
  • editorGutter.modifiedBackground#01add8
  • editorHoverWidget.background#2e2d2c
  • editorHoverWidget.border#01add864
  • editorHoverWidget.foreground#ffffff
  • editorIndentGuide.activeBackground#01add864
  • editorIndentGuide.background#d75c7e
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#2abbaf
  • editorLineNumber.activeForeground#82d2e8
  • editorLineNumber.foreground#cccccc
  • editorLink.activeForeground#fddd00
  • editorMarkerNavigation.background#2e2d2c
  • editorMarkerNavigationError.background#d75c7e
  • editorMarkerNavigationInfo.background#94d5d1
  • editorMarkerNavigationWarning.background#ffed88
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#4dc7e4
  • editorSuggestWidget.background#2e2d2c
  • editorSuggestWidget.border#01add864
  • editorSuggestWidget.foreground#ffffff
  • editorSuggestWidget.highlightForeground#0bb5db
  • editorSuggestWidget.selectedBackground#c0205064
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#fee33d
  • editorWhitespace.foreground#01add832
  • editorWidget.background#2e2d2c
  • editorWidget.foreground#ffffff
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#4dc7e4
  • foreground#e9f3f9
  • gitDecoration.addedResourceForeground#82d2e8
  • gitDecoration.conflictingResourceForeground#a91030
  • gitDecoration.deletedResourceForeground#de7b96
  • gitDecoration.ignoredResourceForeground#9a9796
  • gitDecoration.modifiedResourceForeground#fef1a4
  • gitDecoration.stageDeletedResourceForeground#d75c7e
  • gitDecoration.stageModifiedResourceForeground#ffed88
  • gitDecoration.submoduleResourceForeground#0180c0
  • gitDecoration.untrackedResourceForeground#5bc4ba
  • icon.foreground#e9f3f9
  • input.background#2e2d2c
  • input.border#00000000
  • input.foreground#ffffff
  • input.placeholderForeground#9cdbed
  • inputOption.activeBackground#d75c7e64
  • inputOption.activeBorder#ce3062
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#ce3062a0
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#2e2d2c
  • list.focusBackground#ce3062a0
  • list.focusForeground#ffffff
  • list.highlightForeground#4dc7e4
  • list.hoverBackground#2abbaf48
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#ce306280
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#0180c0
  • listFilterWidget.noMatchesOutline#ffe967
  • listFilterWidget.outline#00000000
  • menu.background#2e2d2c
  • menu.border#01add800
  • menu.foreground#f7fcfd
  • menu.selectionBackground#b0154024
  • menu.selectionBorder#ce306200
  • menu.selectionForeground#68cce7
  • menu.separatorBackground#68cce7
  • menubar.selectionBackground#ce306240
  • menubar.selectionBorder#00000000
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#2e2d2c
  • minimap.errorHighlight#c02050
  • minimap.findMatchHighlight#2abbaf32
  • minimap.selectionHighlight#2abbaf24
  • minimap.warningHighlight#fee33d
  • minimapGutter.addedBackground#089590
  • minimapGutter.deletedBackground#ce3062
  • minimapGutter.modifiedBackground#01add8
  • notificationCenter.border#474747
  • notificationCenterHeader.background#1b1a1a
  • notificationCenterHeader.foreground#ffffff
  • notifications.background#2e2d2c
  • notifications.border#303031
  • notifications.foreground#ffffff
  • notificationsErrorIcon.foreground#d75c7e
  • notificationsInfoIcon.foreground#5bc4ba
  • notificationsWarningIcon.foreground#fee33d
  • notificationToast.border#01add800
  • panel.background#2e2d2c
  • panel.border#ce3062
  • panelSection.border#01add8
  • panelTitle.activeBorder#2abbaf
  • panelTitle.activeForeground#01add8
  • panelTitle.inactiveForeground#ce3062
  • peekView.border#01add800
  • peekViewEditor.background#1b1a1a
  • peekViewEditor.matchHighlightBackground#01add824
  • peekViewEditor.matchHighlightBorder#2abbaf32
  • peekViewEditorGutter.background#1b1a1a
  • peekViewResult.background#1b1a1a
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#ffffff
  • peekViewResult.matchHighlightBackground#ce306280
  • peekViewResult.selectionBackground#01add833
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#403d3d
  • peekViewTitleDescription.foreground#68cce7
  • peekViewTitleLabel.foreground#d75c7e
  • pickerGroup.border#00000000
  • pickerGroup.foreground#ffed88
  • progressBar.background#4dc7e4
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#01add8a0
  • scrollbarSlider.background#01add864
  • scrollbarSlider.hoverBackground#01add880
  • selection.background#01add864
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#e9f3f9
  • sideBar.background#2e2d2c
  • sideBar.border#de7b96
  • sideBar.dropBackground#2e2d2c
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#2e2d2c
  • sideBarSectionHeader.border#01add864
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#ffffff
  • statusBar.background#2e2d2c
  • statusBar.border#4dc7e4
  • statusBar.debuggingBackground#a9103064
  • statusBar.debuggingBorder#fef1a4
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#08959032
  • statusBar.noFolderBorder#ce3062
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#d75c7e64
  • statusBarItem.remoteBackground#089590
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#01a0d416
  • tab.activeBorder#01add8
  • tab.activeBorderTop#01add8
  • tab.activeForeground#ffffff
  • tab.border#01add8
  • tab.hoverBackground#01add808
  • tab.hoverBorder#01add8
  • tab.hoverForeground#ffffff
  • tab.inactiveBackground#2e2d2c
  • tab.inactiveForeground#f6dce3
  • terminal.ansiBlack#7f7c7b
  • terminal.ansiBlue#68cce7
  • terminal.ansiBrightBlack#b5b2b3
  • terminal.ansiBrightBlue#b5e3f0
  • terminal.ansiBrightCyan#98d9ea
  • terminal.ansiBrightGreen#addedb
  • terminal.ansiBrightMagenta#de7b96
  • terminal.ansiBrightRed#ce3062
  • terminal.ansiBrightWhite#f7fcfd
  • terminal.ansiBrightYellow#ffe967
  • terminal.ansiCyan#54c3d8
  • terminal.ansiGreen#77cbc5
  • terminal.ansiMagenta#ce3062
  • terminal.ansiRed#c02050
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#fddd00
  • terminal.border#01add8
  • terminal.foreground#cccccc
  • terminal.selectionBackground#b5b2b340
  • terminalCursor.background#c02050
  • terminalCursor.foreground#ffffff
  • textLink.activeForeground#DE7B96
  • textLink.foreground#d75c7e
  • titleBar.activeBackground#2e2d2c
  • titleBar.activeForeground#ffffff
  • titleBar.border#01add8
  • titleBar.inactiveBackground#2e2d2c
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#2abbaf
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#01add800

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

Dark Gopher - Coding Theme