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#5122b9
  • activityBar.background#130a39
  • activityBar.border#5122b9
  • activityBar.foreground#00d5c7
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#ff6279
  • activityBarBadge.foreground#000000
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#130a39
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#ebebff
  • button.background#00216b
  • button.foreground#ffffff
  • button.hoverBackground#4b4bf7
  • button.secondaryBackground#3b424c
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#515a6c
  • checkbox.background#3b424c
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#3b424c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#231e36
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#c6d5eb
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#00797c
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#ff9aa8
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#ff6279
  • editorGroup.border#444444
  • editorGroup.emptyBackground#231e36
  • editorGroupHeader.tabsBackground#130a39
  • editorGutter.addedBackground#008963
  • editorGutter.background#231e36
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#f4364c
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0051d3
  • editorHoverWidget.background#252526
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#00b7ff
  • editorLineNumber.activeForeground#8174f2
  • editorLineNumber.foreground#8322b9
  • editorLink.activeForeground#0aa39f
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#0097fb
  • editorSuggestWidget.selectedBackground#062f4a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffd000
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#3b424c
  • editorWidget.foreground#ebebff
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#0aa39f
  • foreground#ebebff
  • gitDecoration.addedResourceForeground#90ef8e
  • gitDecoration.conflictingResourceForeground#ff9133
  • gitDecoration.deletedResourceForeground#ff9aa8
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#fdf389
  • gitDecoration.stageDeletedResourceForeground#ff6279
  • gitDecoration.stageModifiedResourceForeground#fdf389
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#231e36
  • input.background#3b424c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#00586d
  • list.activeSelectionForeground#ebebff
  • list.dropBackground#3b424c
  • list.focusBackground#00586d
  • list.focusForeground#ebebff
  • list.highlightForeground#00d5c7
  • list.hoverBackground#3b424c
  • list.hoverForeground#ebebff
  • list.inactiveSelectionBackground#5122b9
  • list.inactiveSelectionForeground#ebebff
  • listFilterWidget.background#00586d
  • listFilterWidget.noMatchesOutline#f4364c
  • listFilterWidget.outline#ebebff
  • menu.background#3b424c
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#00d5c7
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#eebbeebb
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#ebebff
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#231e36
  • minimap.errorHighlight#ff6279
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#00797c
  • minimap.warningHighlight#ffd000
  • minimapGutter.addedBackground#008963
  • minimapGutter.deletedBackground#f4364c
  • minimapGutter.modifiedBackground#0051d3
  • notificationCenter.border#00d5c7
  • notificationCenterHeader.background#0aa39f
  • notificationCenterHeader.foreground#130a39
  • notifications.background#311b97
  • notifications.border#00d5c7
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f4364c
  • notificationsInfoIcon.foreground#34d5ff
  • notificationsWarningIcon.foreground#ffd000
  • notificationToast.border#474747
  • panel.background#100a19
  • panel.border#5122b9
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#007acc
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#9f9cf9
  • progressBar.background#0aa39f
  • scrollbar.shadow#3b424c
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#0aa39f
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#231e36
  • sideBar.background#130a39
  • sideBar.border#5122b9
  • sideBar.dropBackground#3b424c
  • sideBar.foreground#ebebff
  • sideBarSectionHeader.background#00797c
  • sideBarSectionHeader.border#5122b9
  • sideBarSectionHeader.foreground#ebebff
  • sideBarTitle.foreground#0aa39f
  • statusBar.background#5122b9
  • statusBar.border#5122b9
  • statusBar.debuggingBackground#ff9133
  • statusBar.debuggingBorder#ffd000
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ebebff
  • statusBar.noFolderBackground#0051d3
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#008963
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#5122b9
  • tab.activeBorder#8174f2
  • tab.activeBorderTop#8174f2
  • tab.activeForeground#00d5c7
  • tab.border#00d5c7
  • tab.inactiveBackground#2d2d2d
  • tab.inactiveForeground#8174f2
  • 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#80808059
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#ff6279
  • terminalCursor.foreground#000000
  • textLink.foreground#9f9cf9
  • titleBar.activeBackground#130a39
  • titleBar.activeForeground#00d5c7
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#ebebffcc
  • tree.indentGuidesStroke#008963
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#8174f25c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

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

CodeItLiveTheme - Coding Theme