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#100f1c
  • activityBar.background#12121f
  • activityBar.border#27244300
  • activityBar.foreground#0497ff
  • activityBar.inactiveForeground#ad9fd55a
  • activityBarBadge.background#0497ff
  • activityBarBadge.foreground#e8e0ff
  • badge.background#0497ff
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#d0c6ec
  • breadcrumb.background#141525
  • breadcrumb.focusForeground#d0c6ec
  • breadcrumb.foreground#e8e0ff
  • button.background#0497ff
  • button.foreground#e8e0ff
  • button.hoverBackground#0772be
  • button.secondaryBackground#2a2843
  • button.secondaryForeground#b8acd9
  • button.secondaryHoverBackground#3e396b
  • checkbox.background#272443
  • checkbox.border#00000000
  • checkbox.foreground#e8e0ff
  • debugExceptionWidget.background#272443
  • debugExceptionWidget.border#27244300
  • debugToolBar.background#272443
  • debugToolBar.border#27244300
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#abcb6033
  • diffEditor.removedTextBackground#ff070733
  • dropdown.background#272443
  • dropdown.border#00000000
  • dropdown.foreground#e8e0ff
  • editor.background#100f1c
  • editor.findMatchBackground#2e99e5c3
  • editor.findMatchBorder#4db4fd
  • editor.findMatchHighlightBackground#ff650155
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#222032
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#2e99e534
  • editor.foreground#8c88be
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#337ad946
  • editor.lineHighlightBackground#18192a
  • editor.lineHighlightBorder#28282800
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#264f78
  • editor.selectionHighlightBackground#2e99e544
  • editor.selectionHighlightBorder#2793e0
  • editor.wordHighlightBackground#222443d3
  • editor.wordHighlightStrongBackground#2e99e59f
  • editor.wordHighlightStrongBorder#ffffff00
  • editorBracketMatch.background#008df087
  • editorBracketMatch.border#2e99e5
  • editorCodeLens.foreground#7671a1
  • editorCursor.background#000000
  • editorCursor.foreground#686a96
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#fd6060
  • editorGroup.border#4944799b
  • editorGroup.emptyBackground#100f1c
  • editorGroupHeader.border#27244300
  • editorGroupHeader.tabsBackground#141525
  • editorGroupHeader.tabsBorder#27244300
  • editorGutter.addedBackground#8dc419
  • editorGutter.background#100f1c
  • editorGutter.commentRangeForeground#676484a7
  • editorGutter.deletedBackground#f51721
  • editorGutter.foldingControlForeground#676484a7
  • editorGutter.modifiedBackground#2e99e5
  • editorHoverWidget.background#141525
  • editorHoverWidget.border#272443
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#514c8236
  • editorIndentGuide.background#2724434c
  • editorInfo.background#4490BF00
  • editorInfo.border#4490bf00
  • editorInfo.foreground#88c6fd
  • editorLineNumber.activeForeground#686a96
  • editorLineNumber.foreground#6764845a
  • editorLink.activeForeground#2e99e5
  • editorMarkerNavigation.background#272443
  • editorMarkerNavigationError.background#f25252
  • editorMarkerNavigationInfo.background#39a4f0
  • editorMarkerNavigationWarning.background#f59e17
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#27244364
  • editorSuggestWidget.background#141525
  • editorSuggestWidget.border#272443
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#2e99e5
  • editorSuggestWidget.selectedBackground#062f4a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#f7ad22
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#141525
  • editorWidget.foreground#e8e0ff
  • editorWidget.resizeBorder#2e99e5
  • focusBorder#0497ff
  • foreground#e8e0ff
  • gitDecoration.addedResourceForeground#6dc27d
  • gitDecoration.conflictingResourceForeground#7a7ae8
  • gitDecoration.deletedResourceForeground#d7433c
  • gitDecoration.ignoredResourceForeground#6f6c8a
  • gitDecoration.modifiedResourceForeground#ecbc7d
  • gitDecoration.stageDeletedResourceForeground#d7433c
  • gitDecoration.stageModifiedResourceForeground#ecbc7d
  • gitDecoration.submoduleResourceForeground#68a8e4
  • gitDecoration.untrackedResourceForeground#4dc777
  • icon.foreground#e8e0ff
  • input.background#272443
  • input.border#00000000
  • input.foreground#e8e0ff
  • input.placeholderForeground#e8e0ff66
  • inputOption.activeBackground#0497ff66
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#0069b49d
  • list.activeSelectionForeground#e8e0ff
  • list.dropBackground#257eba64
  • list.focusBackground#006ebc58
  • list.focusForeground#e8e0ff
  • list.highlightForeground#11b1ff
  • list.hoverBackground#0497ff3c
  • list.hoverForeground#e8e0ff
  • list.inactiveSelectionBackground#1e1d36
  • list.inactiveSelectionForeground#8777c0
  • listFilterWidget.background#8a3030
  • listFilterWidget.noMatchesOutline#de0303
  • listFilterWidget.outline#00000000
  • menu.background#141525
  • menu.border#00000085
  • menu.foreground#918ba3
  • menu.selectionBackground#0780d5
  • menu.selectionBorder#00000000
  • menu.selectionForeground#eeeeee
  • menu.separatorBackground#2a2743
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionBorder#272443e3
  • menubar.selectionForeground#beb3de
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#100f1c
  • minimap.errorHighlight#fd6060
  • minimap.findMatchHighlight#2e99e5c3
  • minimap.selectionHighlight#264f78
  • minimap.warningHighlight#f7ad22
  • minimapGutter.addedBackground#8dc419
  • minimapGutter.deletedBackground#f51721
  • minimapGutter.modifiedBackground#2e99e5
  • notificationCenter.border#27244300
  • notificationCenterHeader.background#272443
  • notificationCenterHeader.foreground#e8e0ff
  • notifications.background#141525
  • notifications.border#272443d5
  • notifications.foreground#baade0
  • notificationsErrorIcon.foreground#ea4a4a
  • notificationsInfoIcon.foreground#2e99e5
  • notificationsWarningIcon.foreground#f59e17
  • notificationToast.border#27244300
  • panel.background#100f1c
  • panel.border#141525
  • panelSection.border#27244372
  • panelTitle.activeBorder#0497ff
  • panelTitle.activeForeground#c7b9ee
  • panelTitle.inactiveForeground#625780
  • 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#272443
  • pickerGroup.foreground#2e99e5
  • progressBar.background#0497ff
  • scrollbar.shadow#100f1c
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#27244393
  • scrollbarSlider.hoverBackground#2e99e57e
  • selection.background#117cc9
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#e8e0ff
  • sideBar.background#141525
  • sideBar.border#27244300
  • sideBar.dropBackground#257eba64
  • sideBar.foreground#e8e0ff
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#27244300
  • sideBarSectionHeader.foreground#e8e0ff
  • sideBarTitle.foreground#dfd4ff
  • statusBar.background#141525
  • statusBar.border#27244300
  • statusBar.debuggingBackground#f08362
  • statusBar.debuggingForeground#e8e0ff
  • statusBar.foreground#6e619d
  • statusBar.noFolderBackground#a069c4
  • statusBar.noFolderForeground#e8e0ff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#3d9b6b
  • statusBarItem.remoteForeground#e8e0ff
  • tab.activeBackground#100f1c
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#b0a1e6
  • tab.border#27244300
  • tab.hoverBackground#1e1c34
  • tab.hoverBorder#e8e0ff00
  • tab.hoverForeground#e8e0ff
  • tab.inactiveBackground#141525
  • tab.inactiveForeground#6e619d
  • terminal.ansiBlack#393656
  • terminal.ansiBlue#2e99e5
  • terminal.ansiBrightBlack#676484
  • terminal.ansiBrightBlue#66a9f2
  • terminal.ansiBrightCyan#56b6c2
  • terminal.ansiBrightGreen#98c379
  • terminal.ansiBrightMagenta#e89cff
  • terminal.ansiBrightRed#ee7983
  • terminal.ansiBrightWhite#e8e0ff
  • terminal.ansiBrightYellow#d19a66
  • terminal.ansiCyan#45c9d9
  • terminal.ansiGreen#8bcb5d
  • terminal.ansiMagenta#c678dd
  • terminal.ansiRed#f9626e
  • terminal.ansiWhite#bbb2d3
  • terminal.ansiYellow#f7bb4b
  • terminal.border#27244372
  • terminal.foreground#bbb2d3
  • terminal.selectionBackground#3fa4ec36
  • terminalCursor.background#0497ff
  • terminalCursor.foreground#e8e0ff
  • textLink.foreground#0497ff
  • titleBar.activeBackground#141525
  • titleBar.activeForeground#6e619d
  • titleBar.border#27244300
  • titleBar.inactiveBackground#1e1f34
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#272443
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#0000005c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

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

Xaeon Dark Theme - Coding Theme