Skip to main content
Coding Theme

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • activityBar.background#161b22
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#c71335
  • activityBarBadge.foreground#ffffff
  • badge.background#008a50
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#ecf2f8
  • breadcrumb.background#161b22
  • breadcrumb.focusForeground#ecf2f8
  • breadcrumb.foreground#ecf2f8
  • button.background#0e639c
  • button.foreground#ffffff
  • button.hoverBackground#1177bb
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#21262d
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#21262d
  • debugExceptionWidget.border#425264
  • debugToolBar.background#21262d
  • debugToolBar.border#425264
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#478c6c33
  • diffEditor.removedTextBackground#94233333
  • dropdown.background#21262d
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#1b2027
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#ecf2f8
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#313841
  • editor.lineHighlightBackground#293038
  • editor.lineHighlightBorder#00000060
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#28384f
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#2f465eb8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#ecf2f8
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#ffffff2a
  • editorGroup.emptyBackground#1b2027
  • editorGroupHeader.tabsBackground#21262d
  • editorGutter.addedBackground#298c25
  • editorGutter.background#161b22
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#b42027
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#13171d
  • editorHoverWidget.border#bad5ff2c
  • editorHoverWidget.foreground#c6cdd5
  • editorIndentGuide.activeBackground#89929bb3
  • editorIndentGuide.background#89929b2c
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#ecf2f8
  • editorLineNumber.foreground#89929b
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#161b22
  • editorMarkerNavigationError.background#8a332a
  • editorMarkerNavigationInfo.background#4877b4
  • editorMarkerNavigationWarning.background#d7a14c
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#89929b3a
  • editorSuggestWidget.background#0d1117
  • editorSuggestWidget.border#63bdff36
  • editorSuggestWidget.foreground#ecf2f8
  • editorSuggestWidget.highlightForeground#2e85be
  • editorSuggestWidget.selectedBackground#21262d
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#2a3038
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#77bdfb
  • foreground#ecf2f8
  • 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#ecf2f8
  • input.background#21262d
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#12385a
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#303741
  • list.focusBackground#161b22
  • list.focusForeground#cccccc
  • list.highlightForeground#2a92d7
  • list.hoverBackground#161b22
  • list.hoverForeground#ecf2f8
  • list.inactiveSelectionBackground#161b22
  • list.inactiveSelectionForeground#ecf2f8c5
  • listFilterWidget.background#7b4134
  • listFilterWidget.noMatchesOutline#0000005c
  • listFilterWidget.outline#00000000
  • menu.background#21262d
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#161b22
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#ffffff20
  • 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#1b2027
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#28384f
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#298c25
  • minimapGutter.deletedBackground#b42027
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#697cc72e
  • notificationCenterHeader.background#161b22
  • notificationCenterHeader.foreground#a2cfffc5
  • notifications.background#161b22
  • notifications.border#697cc72e
  • notifications.foreground#ecf2f8
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#9aa6d72e
  • panel.background#161b22
  • panel.border#ffffff1a
  • panelSection.border#80808059
  • panelTitle.activeBorder#ecf2f8
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#1376b8
  • peekViewEditor.background#121821
  • peekViewEditor.matchHighlightBackground#ff6c003a
  • peekViewEditor.matchHighlightBorder#cb755b6a
  • peekViewEditorGutter.background#121821
  • peekViewResult.background#161d28
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#161d28
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#3794ff
  • progressBar.background#77bdfb
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#104879
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ecf2f8
  • sideBar.background#21262d
  • sideBar.dropBackground#303741
  • sideBar.foreground#ecf2f8
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#ecf2f8
  • statusBar.background#161b22
  • statusBar.debuggingBackground#ba1323
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#089062
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#161b22
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#00000052
  • tab.inactiveBackground#21262d
  • 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#ffffff0c
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#3794ff
  • titleBar.activeBackground#21262d
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#48505a
  • 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#a2d2fb
variable.other.generic-type.haskell#fa7076
storage.type.haskell#e8af85
support.variable.magic.python#a2d2fb
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#ecf2f8
variable.parameter.function.language.special.self.python#7ce38b
storage.modifier.lifetime.rust#ecf2f8
support.function.std.rust#cea5fb
entity.name.lifetime.rust#7ce38b
variable.language.rust#a2d2fb
support.constant.edge#fa7076
constant.other.character-class.regexp#a2d2fb
keyword.operator.quantifier.regexp#e8af85
punctuation.definition.string.begin,punctuation.definition.string.end#e6c45f
variable.parameter.function#ecf2f8
comment markup.link#89929bad
markup.changed.diff#7ce38b
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#cea5fb
markup.inserted.diff#e6c45f
markup.deleted.diff#a2d2fb
meta.function.c,meta.function.cpp#a2d2fb
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#ecf2f8
punctuation.separator.key-value#ecf2f8
keyword.operator.expression.import#cea5fb
support.constant.math#7ce38b
support.constant.property.math#e8af85
variable.other.constant#7ce38b
storage.type.annotation.java, storage.type.object.array.java#7ce38b
source.java#a2d2fb
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#ecf2f8
meta.method.java#cea5fb
storage.modifier.import.java,storage.type.java,storage.type.generic.java#7ce38b
keyword.operator.instanceof.java#fa7076
meta.definition.variable.name.java#a2d2fb
keyword.operator.logical#56b6c2
keyword.operator.bitwise#56b6c2
keyword.operator.channel#56b6c2
support.constant.property-value.scss,support.constant.property-value.css#e8af85
keyword.operator.css,keyword.operator.scss,keyword.operator.less#56b6c2
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#e8af85
punctuation.separator.list.comma.css#ecf2f8
support.constant.color.w3c-standard-color-name.css#e8af85
support.type.vendored.property-name.css#56b6c2
support.module.node,support.type.object.module,support.module.node#7ce38b
entity.name.type.module#7ce38b
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#a2d2fb
support.constant.json#e8af85
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#fa7076
support.type.object.console#a2d2fb
support.variable.property.process#e8af85
entity.name.function,support.function.console#cea5fb
keyword.operator.misc.rust#ecf2f8
keyword.operator.sigil.rust#fa7076
keyword.operator.delete#fa7076
support.type.object.dom#56b6c2
support.variable.dom,support.variable.property.dom#a2d2fb
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#56b6c2
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#fa7076
punctuation.separator.delimiter#ecf2f8
punctuation.separator.c,punctuation.separator.cpp#fa7076
support.type.posix-reserved.c,support.type.posix-reserved.cpp#56b6c2
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#fa7076
variable.parameter.function.language.python#e8af85
support.type.python#56b6c2
keyword.operator.logical.python#fa7076
variable.parameter.function.python#e8af85
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#ecf2f8
meta.function-call.generic.python#cea5fb
constant.character.format.placeholder.other.python#e8af85
keyword.operator#ecf2f8
keyword.operator.assignment.compound#fa7076
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#56b6c2
keyword#fa7076
entity.name.namespace#7ce38b
variable#a2d2fb
variable.c#ecf2f8
variable.language#7ce38b
token.variable.parameter.java#ecf2f8
import.storage.java#7ce38b
token.package.keyword#fa7076
token.package#ecf2f8
entity.name.function, meta.require, support.function.any-method, variable.function#cea5fb
entity.name.type.namespace#7ce38b
support.class, entity.name.type.class#7ce38b
entity.name.class.identifier.namespace.type#7ce38b
entity.name.class, variable.other.class.js, variable.other.class.ts#7ce38b
variable.other.class.php#a2d2fb
entity.name.type#7ce38b
keyword.control#fa7076
control.elements, keyword.operator.less#e8af85
keyword.other.special-method#cea5fb
storage#fa7076
token.storage#fa7076
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#fa7076
token.storage.type.java#7ce38b
support.function#56b6c2
support.type.property-name#ecf2f8
support.constant.property-value#ecf2f8
support.constant.font-name#e8af85
meta.tag#ecf2f8
string#e6c45f
entity.other.inherited-class#7ce38b
constant.other.symbol#56b6c2
constant.numeric#e8af85
constant#e8af85
punctuation.definition.constant#e8af85
entity.name.tag#a2d2fb
entity.other.attribute-name#e8af85
entity.other.attribute-name.id#cea5fbnormal
entity.other.attribute-name.class.css#e8af85normal
meta.selector#fa7076
markup.heading#a2d2fb
markup.heading punctuation.definition.heading, entity.name.section#cea5fb
keyword.other.unit#a2d2fb
markup.bold,todo.bold#e8af85
punctuation.definition.bold#7ce38b
markup.italic, punctuation.definition.italic,todo.emphasis#fa7076
emphasis md#fa7076
entity.name.section.markdown#a2d2fb
punctuation.definition.heading.markdown#a2d2fb
punctuation.definition.list.begin.markdown#a2d2fb
markup.heading.setext#ecf2f8
punctuation.definition.bold.markdown#e8af85
markup.inline.raw.markdown#e6c45f
markup.inline.raw.string.markdown#e6c45f
punctuation.definition.list.markdown#a2d2fb
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#a2d2fb
beginning.punctuation.definition.list.markdown#a2d2fb
punctuation.definition.metadata.markdown#a2d2fb
markup.underline.link.markdown,markup.underline.link.image.markdown#fa7076
string.other.link.title.markdown,string.other.link.description.markdown#cea5fb
string.regexp#56b6c2
constant.character.escape#56b6c2
punctuation.section.embedded, variable.interpolation#a2d2fb
punctuation.section.embedded.begin,punctuation.section.embedded.end#fa7076
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#ecf2f8
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#a2d2fb
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#a2d2fb
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#e6c45f
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#56b6c2
support.type.property-name.json#a2d2fb
support.type.property-name.json punctuation#a2d2fb
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#fa7076
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#fa7076
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#7ce38b
keyword.operator.error-control.php#fa7076
keyword.operator.type.php#fa7076
punctuation.section.array.begin.php#ecf2f8
punctuation.section.array.end.php#ecf2f8
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#7ce38b
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#cea5fb
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#ecf2f8
support.constant.core.rust#e8af85
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#e8af85
entity.name.goto-label.php,support.other.php#cea5fb
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#56b6c2
keyword.operator.regexp.php#fa7076
keyword.operator.comparison.php#56b6c2
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#fa7076
meta.function.decorator.python#cea5fb
support.token.decorator.python,meta.function.decorator.identifier.python#56b6c2
function.parameter#ecf2f8
function.brace#ecf2f8
function.parameter.ruby, function.parameter.cs#ecf2f8
constant.language.symbol.ruby#56b6c2
rgb-value#56b6c2
inline-color-decoration rgb-value#e8af85
less rgb-value#e8af85
selector.sass#a2d2fb
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#7ce38b
block.scope.end,block.scope.begin#ecf2f8
storage.type.cs#7ce38b
entity.name.variable.local.cs#a2d2fb
token.info-token#cea5fb
token.warn-token#e8af85
token.error-token#f44747
token.debug-token#fa7076
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#fa7076
meta.template.expression#ecf2f8
keyword.operator.module#fa7076
support.type.type.flowtype#cea5fb
support.type.primitive#7ce38b
meta.property.object#a2d2fb
variable.parameter.function.js#a2d2fb
keyword.other.template.begin#e6c45f
keyword.other.template.end#e6c45f
keyword.other.substitution.begin#e6c45f
keyword.other.substitution.end#e6c45f
keyword.operator.assignment#56b6c2
keyword.operator.assignment.go#7ce38b
keyword.operator.arithmetic.go, keyword.operator.address.go#fa7076
entity.name.package.go#7ce38b
support.type.prelude.elm#56b6c2
support.constant.elm#e8af85
punctuation.quasi.element#fa7076
constant.character.entity#a2d2fb
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#56b6c2
entity.global.clojure#7ce38b
meta.symbol.clojure#a2d2fb
constant.keyword.clojure#56b6c2
meta.arguments.coffee, variable.parameter.function.coffee#a2d2fb
source.ini#e6c45f
meta.scope.prerequisites.makefile#a2d2fb
source.makefile#7ce38b
storage.modifier.import.groovy#7ce38b
meta.method.groovy#cea5fb
meta.definition.variable.name.groovy#a2d2fb
meta.definition.class.inherited.classes.groovy#e6c45f
support.variable.semantic.hlsl#7ce38b
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#fa7076
text.variable, text.bracketed#a2d2fb
support.type.swift, support.type.vb.asp#7ce38b
entity.name.function.xi#7ce38b
entity.name.class.xi#56b6c2
constant.character.character-class.regexp.xi#a2d2fb
constant.regexp.xi#fa7076
keyword.control.xi#56b6c2
invalid.xi#ecf2f8
beginning.punctuation.definition.quote.markdown.xi#e6c45f
beginning.punctuation.definition.list.markdown.xi#89929bad
constant.character.xi#cea5fb
accent.xi#cea5fb
wikiword.xi#e8af85
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#89929bad
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#7ce38b
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#a2d2fb
meta.brace.square#ecf2f8
comment, punctuation.definition.comment#89929baditalic
markup.quote.markdown#89929bad
punctuation.definition.block.sequence.item.yaml#ecf2f8
constant.language.symbol.elixir#56b6c2
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...

OneMoreDark - Coding Theme