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#161617
  • activityBar.background#161617
  • activityBar.border#161617
  • activityBar.foreground#00de92
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#16825d
  • activityBarBadge.foreground#ffffff
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#1e1e1e
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#16825d
  • button.foreground#ffffff
  • button.hoverBackground#1c9d71
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#161617
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#161617
  • debugExceptionWidget.border#3b3b3b
  • debugToolBar.background#161617
  • debugToolBar.border#3b3b3b
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#161617
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#1e1e1e
  • editor.findMatchBackground#516a5a
  • editor.findMatchBorder#749f7d
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#26786c4d
  • editor.foreground#d4d4d4
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#114343
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#497771
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#007252b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#00de92
  • editorCursor.foreground#00de92
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#ff7357
  • editorGroup.border#444444
  • editorGroup.emptyBackground#1e1e1e
  • editorGroupHeader.border#ffffff00
  • editorGroupHeader.tabsBackground#161617
  • editorGroupHeader.tabsBorder#161617
  • editorGutter.addedBackground#85be0d
  • editorGutter.background#1e1e1e
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#e42029
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0ca9d5
  • editorHoverWidget.background#252526
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#4e94ce
  • 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#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#161617
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#00de92
  • focusBorder#4b4b4b1c
  • foreground#ffffff
  • gitDecoration.addedResourceForeground#81b88b
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#c74e39
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#e2c08d
  • gitDecoration.stageDeletedResourceForeground#c74e39
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#ffffff
  • input.background#161617
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#16825d97
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#16825d
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#222224
  • list.focusBackground#086243
  • list.focusForeground#cccccc
  • list.highlightForeground#ffffff
  • list.hoverBackground#2a2d2e
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#222224
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#464649
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#252526
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#16825d
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#1e1e1e
  • minimap.errorHighlight#ff7357
  • minimap.findMatchHighlight#516a5a
  • minimap.selectionHighlight#114343
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#85be0d
  • minimapGutter.deletedBackground#e42029
  • minimapGutter.modifiedBackground#0ca9d5
  • notificationCenter.border#47474740
  • notificationCenterHeader.background#1b1b1d
  • notificationCenterHeader.foreground#d3d3d3
  • notifications.background#161617
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#ff7357
  • notificationsInfoIcon.foreground#59b1ff
  • notificationsWarningIcon.foreground#ffd102
  • notificationToast.border#2e2e2e
  • panel.background#161617
  • panel.border#80808022
  • 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#00de92
  • progressBar.background#00de92
  • scrollbar.shadow#000000b9
  • scrollbarSlider.activeBackground#90909066
  • scrollbarSlider.background#4d4d4d66
  • scrollbarSlider.hoverBackground#4d4d4db3
  • selection.background#16825d80
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ffffff
  • sideBar.background#161617
  • sideBar.border#222224
  • sideBar.dropBackground#222224
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#161617
  • sideBarSectionHeader.border#161617
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#00de92
  • statusBar.background#16825d
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#16825d
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#1e1e1e
  • tab.activeBorder#161617
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#212121
  • tab.hoverBorder#ff000000
  • tab.inactiveBackground#161617
  • tab.inactiveForeground#ffffff80
  • 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#01c280
  • terminalCursor.foreground#ffffff
  • textLink.foreground#00de92
  • titleBar.activeBackground#161617
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#1c1c1d
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#464649
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#161617

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

Delirium Dark Theme - Coding Theme