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#cccccc
  • activityBar.background#f8fafc
  • activityBar.border#e2e8f0
  • activityBar.foreground#4f46e5
  • activityBar.inactiveForeground#64748b
  • activityBarBadge.background#4f46e5
  • activityBarBadge.foreground#ffffff
  • badge.background#e2e8f0
  • badge.foreground#334155
  • breadcrumb.activeSelectionForeground#4e4e4e
  • breadcrumb.background#ffffff
  • breadcrumb.focusForeground#4e4e4e
  • breadcrumb.foreground#616161cc
  • button.background#4f46e5
  • button.foreground#ffffff
  • button.hoverBackground#6366f1
  • button.secondaryBackground#5f6a79
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#4c5561
  • checkbox.background#ffffff
  • checkbox.border#00000000
  • checkbox.foreground#616161
  • debugExceptionWidget.background#f3f3f3
  • debugExceptionWidget.border#d5d5d5
  • debugToolBar.background#f3f3f3
  • debugToolBar.border#d5d5d5
  • diffEditor.border#d7d7d7
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#ffffff
  • dropdown.border#e2e8f0
  • dropdown.foreground#334155
  • editor.background#ffffff
  • editor.findMatchBackground#dbeafe
  • editor.findMatchBorder#979b83
  • editor.findMatchHighlightBackground#c7d2fe40
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#fffff0
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#add6ff4d
  • editor.foreground#334155
  • editor.hoverHighlightBackground#add6ff26
  • editor.inactiveSelectionBackground#e2e8f0
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#eeeeee
  • editor.rangeHighlightBackground#fdff0033
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#bfdbfe
  • editor.selectionHighlightBackground#c7d2fe80
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#ddd6fe50
  • editor.wordHighlightStrongBackground#0e639c40
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#b9b9b9
  • editorCodeLens.foreground#999999
  • editorCursor.background#ffffff
  • editorCursor.foreground#06b6d4
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#e51400
  • editorGroup.border#e7e7e7
  • editorGroup.emptyBackground#ffffff
  • editorGroupHeader.tabsBackground#ffffff
  • editorGroupHeader.tabsBorder#ffffff
  • editorGutter.addedBackground#81b88b
  • editorGutter.background#ffffff
  • editorGutter.commentRangeForeground#424242
  • editorGutter.deletedBackground#ca4b51
  • editorGutter.foldingControlForeground#424242
  • editorGutter.modifiedBackground#66afe0
  • editorHoverWidget.background#ffffff
  • editorHoverWidget.border#e2e8f0
  • editorHoverWidget.foreground#334155
  • editorIndentGuide.activeBackground#939393
  • editorIndentGuide.background#d3d3d3
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#0000ff
  • editorLineNumber.foreground#94a3b8
  • editorLink.activeForeground#0000ff
  • editorMarkerNavigation.background#ffffff
  • editorMarkerNavigationError.background#e51400
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#e9a700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#d3d3d3
  • editorSuggestWidget.background#ffffff
  • editorSuggestWidget.border#e2e8f0
  • editorSuggestWidget.foreground#334155
  • editorSuggestWidget.highlightForeground#2563eb
  • editorSuggestWidget.selectedBackground#ddd6fe
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#e9a700
  • editorWhitespace.foreground#94a3b880
  • editorWidget.background#ffffff
  • editorWidget.foreground#334155
  • editorWidget.resizeBorder#c7c7c7
  • focusBorder#6366f140
  • foreground#334155
  • gitDecoration.addedResourceForeground#16a34a
  • gitDecoration.conflictingResourceForeground#9333ea
  • gitDecoration.deletedResourceForeground#dc2626
  • gitDecoration.ignoredResourceForeground#94a3b8
  • gitDecoration.modifiedResourceForeground#ca8a04
  • gitDecoration.stageDeletedResourceForeground#dc2626
  • gitDecoration.stageModifiedResourceForeground#9333ea
  • gitDecoration.submoduleResourceForeground#1258a7
  • gitDecoration.untrackedResourceForeground#10b981
  • icon.foreground#058aff
  • input.background#ffffff
  • input.border#e2e8f0
  • input.foreground#334155
  • input.placeholderForeground#94a3b8
  • inputOption.activeBackground#0090f133
  • inputOption.activeBorder#4f46e5
  • inputOption.activeForeground#000000
  • list.activeSelectionBackground#818cf880
  • list.activeSelectionForeground#0f172a
  • list.dropBackground#ffcfcf
  • list.focusBackground#dddddd
  • list.focusForeground#000000
  • list.highlightForeground#4f46e5
  • list.hoverBackground#e2e8f0
  • list.hoverForeground#4f46e5
  • list.inactiveSelectionBackground#e2e8f0
  • list.inactiveSelectionForeground#000000
  • listFilterWidget.background#efc1ad
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#ffffff
  • menu.border#ffffff
  • menu.foreground#000000
  • menu.selectionBackground#0060c0
  • menu.selectionBorder#ffffff
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#ffffff
  • menubar.selectionBackground#dddddd
  • menubar.selectionBorder#0000bb
  • menubar.selectionForeground#000000
  • merge.commonContentBackground#E5E5E5
  • merge.commonHeaderBackground#BFBFBF
  • merge.currentContentBackground#DBF4EF
  • merge.currentHeaderBackground#A4E3D6
  • merge.incomingContentBackground#DBECFF
  • merge.incomingHeaderBackground#A6CFFF
  • minimap.background#ffffff
  • minimap.errorHighlight#e51400
  • minimap.findMatchHighlight#a8ac94
  • minimap.selectionHighlight#a1cefb
  • minimap.warningHighlight#e9a700
  • minimapGutter.addedBackground#81b88b
  • minimapGutter.deletedBackground#ca4b51
  • minimapGutter.modifiedBackground#66afe0
  • notificationCenter.border#ffffff
  • notificationCenterHeader.background#f1f5f9
  • notificationCenterHeader.foreground#f1f5f9
  • notifications.background#ffffff
  • notifications.border#e2e8f0
  • notifications.foreground#334155
  • notificationsErrorIcon.foreground#e51400
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#e9a700
  • notificationToast.border#e2e8f0
  • panel.background#f8fafc
  • panel.border#e2e8f0
  • panelSection.border#80808059
  • panelTitle.activeBorder#424242
  • panelTitle.activeForeground#0f172a
  • panelTitle.inactiveForeground#64748b
  • peekView.border#4f46e5
  • peekViewEditor.background#f1f5f9
  • peekViewEditor.matchHighlightBackground#f5d802de
  • peekViewEditor.matchHighlightBorder#dbc417
  • peekViewEditorGutter.background#f2f8fc
  • peekViewResult.background#f8fafc
  • peekViewResult.fileForeground#1e1e1e
  • peekViewResult.lineForeground#646465
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#6c6c6c
  • peekViewTitle.background#f8fafc
  • peekViewTitleDescription.foreground#616161e6
  • peekViewTitleLabel.foreground#333333
  • pickerGroup.border#cccedb
  • pickerGroup.foreground#0066bf
  • progressBar.background#0064b6
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#334155aa
  • scrollbarSlider.background#94a3b840
  • scrollbarSlider.hoverBackground#64748b40
  • selection.background#3b82f630
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#058aff
  • sideBar.background#f1f5f9
  • sideBar.border#e2e8f0
  • sideBar.dropBackground#ffcfcf
  • sideBar.foreground#334155
  • sideBarSectionHeader.background#f1f5f9
  • sideBarSectionHeader.border#e2e8f0
  • sideBarSectionHeader.foreground#4f46e5
  • sideBarTitle.foreground#4338ca
  • statusBar.background#f8fafc
  • statusBar.border#e2e8f0
  • statusBar.debuggingBackground#ff7f50
  • statusBar.debuggingBorder#dddddd
  • statusBar.debuggingForeground#000000
  • statusBar.foreground#334155
  • statusBar.noFolderBackground#ffffff
  • statusBar.noFolderBorder#dddddd
  • statusBar.noFolderForeground#000000
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#dddddd
  • statusBarItem.remoteBackground#10b981
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#ffffff
  • tab.activeBorder#4f46e5
  • tab.activeBorderTop#2563eb
  • tab.activeForeground#0f172a
  • tab.border#e2e8f0
  • tab.hoverBackground#dddddd
  • tab.hoverBorder#ffffff
  • tab.inactiveBackground#f1f5f9
  • tab.inactiveForeground#64748b
  • terminal.ansiBlack#0f172a
  • terminal.ansiBlue#2563eb
  • terminal.ansiBrightBlack#64748b
  • terminal.ansiBrightBlue#3b82f6
  • terminal.ansiBrightCyan#06b6d4
  • terminal.ansiBrightGreen#22c55e
  • terminal.ansiBrightMagenta#a855f7
  • terminal.ansiBrightRed#ef4444
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#ca8a04
  • terminal.ansiCyan#0891b2
  • terminal.ansiGreen#16a34a
  • terminal.ansiMagenta#9333ea
  • terminal.ansiRed#dc2626
  • terminal.ansiWhite#f8fafc
  • terminal.ansiYellow#ca8a04
  • terminal.border#80808059
  • terminal.foreground#334155
  • terminal.selectionBackground#00000040
  • terminalCursor.background#ffffff
  • terminalCursor.foreground#000000
  • textLink.foreground#006ab1
  • titleBar.activeBackground#ffffff
  • titleBar.activeForeground#000000
  • titleBar.border#00000000
  • titleBar.inactiveBackground#ffffff
  • titleBar.inactiveForeground#000000
  • tree.indentGuidesStroke#a79c9c
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#aaaaaa

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

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

Shiki preview

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

Loading...

The X-Files Research Institute Theme Pack - Coding Theme