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#181b1f
  • activityBar.background#181b1f
  • activityBar.border#181b1f
  • activityBar.foreground#dedede
  • activityBar.inactiveForeground#aeaeae
  • activityBarBadge.background#16c3dd
  • activityBarBadge.foreground#fff7ed
  • badge.background#0d0f13
  • badge.foreground#fff7ed
  • breadcrumb.activeSelectionForeground#dedede
  • breadcrumb.background#181b1f
  • breadcrumb.focusForeground#dedede
  • breadcrumb.foreground#aeaeae
  • button.background#aeaeae
  • button.foreground#fff7ed
  • button.hoverBackground#16c3dd
  • button.secondaryBackground#3e4044
  • button.secondaryForeground#fffdfb
  • button.secondaryHoverBackground#16c3dd
  • checkbox.background#181b1f
  • checkbox.border#00000000
  • checkbox.foreground#aeaeae
  • debugExceptionWidget.background#0d0f13
  • debugExceptionWidget.border#3e4044
  • debugToolBar.background#0d0f13
  • debugToolBar.border#3e4044
  • diffEditor.border#dedede
  • diffEditor.insertedTextBackground#58c79233
  • diffEditor.removedTextBackground#f18aa133
  • dropdown.background#181b1f
  • dropdown.border#00000000
  • dropdown.foreground#aeaeae
  • editor.background#181b1f
  • editor.findMatchBackground#3e4044
  • editor.findMatchBorder#fff7ed80
  • editor.findMatchHighlightBackground#fff7ed40
  • editor.findMatchHighlightBorder#fffdfb00
  • editor.findRangeHighlightBackground#fff7ed08
  • editor.findRangeHighlightBorder#fffdfb00
  • editor.foldBackground#0d0f1380
  • editor.foreground#aeaeae
  • editor.hoverHighlightBackground#fff7ed20
  • editor.inactiveSelectionBackground#fff7ed18
  • editor.lineHighlightBackground#fff7ed10
  • editor.lineHighlightBorder#0d0f1300
  • editor.rangeHighlightBackground#fffdfb0b
  • editor.rangeHighlightBorder#fffdfb00
  • editor.selectionBackground#fff7ed30
  • editor.selectionHighlightBackground#fff7ed26
  • editor.selectionHighlightBorder#fff7ed
  • editor.wordHighlightBackground#fff7ed20
  • editor.wordHighlightStrongBackground#0d0f13
  • editorBracketMatch.background#3e4044
  • editorBracketMatch.border#fff7ed80
  • editorCodeLens.foreground#aeaeae
  • editorCursor.background#181b1f
  • editorCursor.foreground#fff7ed
  • editorError.background#f18aa100
  • editorError.border#fffdfb00
  • editorError.foreground#f18aa1
  • editorGroup.border#aeaeae
  • editorGroup.emptyBackground#181b1f
  • editorGroupHeader.tabsBackground#0d0f13
  • editorGutter.addedBackground#58c792
  • editorGutter.background#181b1f
  • editorGutter.commentRangeForeground#aeaeae
  • editorGutter.deletedBackground#f18aa1
  • editorGutter.foldingControlForeground#aeaeae
  • editorGutter.modifiedBackground#16c3dd
  • editorHoverWidget.background#0d0f13
  • editorHoverWidget.border#636363
  • editorHoverWidget.foreground#dedede
  • editorIndentGuide.activeBackground#636363
  • editorIndentGuide.background#3e4044
  • editorInfo.background#83adff00
  • editorInfo.border#fff7ed00
  • editorInfo.foreground#83adff
  • editorLineNumber.activeForeground#dedede
  • editorLineNumber.foreground#636363
  • editorLink.activeForeground#16c3dd
  • editorMarkerNavigation.background#3e4044
  • editorMarkerNavigationError.background#f18aa1
  • editorMarkerNavigationInfo.background#83adff
  • editorMarkerNavigationWarning.background#ea9856
  • editorOverviewRuler.background#0d0f1380
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#636363
  • editorSuggestWidget.background#0d0f13
  • editorSuggestWidget.border#636363
  • editorSuggestWidget.foreground#dedede
  • editorSuggestWidget.highlightForeground#16c3dd
  • editorSuggestWidget.selectedBackground#3e4044
  • editorWarning.background#ea985600
  • editorWarning.border#fffdfb00
  • editorWarning.foreground#ea9856
  • editorWhitespace.foreground#3e4044
  • editorWidget.background#0d0f13
  • editorWidget.foreground#dedede
  • editorWidget.resizeBorder#636363
  • focusBorder#16c3dd
  • foreground#aeaeae
  • gitDecoration.addedResourceForeground#58c792
  • gitDecoration.conflictingResourceForeground#83adff
  • gitDecoration.deletedResourceForeground#f18aa1
  • gitDecoration.ignoredResourceForeground#aeaeae
  • gitDecoration.modifiedResourceForeground#ea9856
  • gitDecoration.stageDeletedResourceForeground#f18aa1
  • gitDecoration.stageModifiedResourceForeground#ea9856
  • gitDecoration.submoduleResourceForeground#83adff
  • gitDecoration.untrackedResourceForeground#58c792
  • icon.foreground#aeaeae
  • input.background#181b1f
  • input.border#00000000
  • input.foreground#aeaeae
  • input.placeholderForeground#636363
  • inputOption.activeBackground#636363
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#fffdfb
  • list.activeSelectionBackground#fff7ed
  • list.activeSelectionForeground#aeaeae
  • list.dropBackground#3e4044
  • list.focusBackground#3e4044
  • list.focusForeground#dedede
  • list.highlightForeground#16c3dd
  • list.hoverBackground#3e4044
  • list.hoverForeground#dedede
  • list.inactiveSelectionBackground#3e4044
  • list.inactiveSelectionForeground#dedede
  • listFilterWidget.background#3e4044
  • listFilterWidget.noMatchesOutline#f18aa1
  • listFilterWidget.outline#00000000
  • menu.background#0d0f13
  • menu.border#0d0f1385
  • menu.foreground#dedede
  • menu.selectionBackground#16c3dd
  • menu.selectionBorder#00000000
  • menu.selectionForeground#fff7ed
  • menu.separatorBackground#636363
  • menubar.selectionBackground#fff7ed1a
  • menubar.selectionForeground#fff7ed
  • merge.commonContentBackground#0d0f13
  • merge.commonHeaderBackground#3e4044
  • merge.currentContentBackground#102d1d
  • merge.currentHeaderBackground#1d4a33
  • merge.incomingContentBackground#19263d
  • merge.incomingHeaderBackground#2c3f62
  • minimap.background#181b1f
  • minimap.errorHighlight#f18aa1
  • minimap.findMatchHighlight#3e4044
  • minimap.selectionHighlight#fff7ed30
  • minimap.warningHighlight#ea9856
  • minimapGutter.addedBackground#58c792
  • minimapGutter.deletedBackground#f18aa1
  • minimapGutter.modifiedBackground#16c3dd
  • notificationCenter.border#3e4044
  • notificationCenterHeader.background#181b1f
  • notificationCenterHeader.foreground#dedede
  • notifications.background#0d0f13
  • notifications.border#3e4044
  • notifications.foreground#dedede
  • notificationsErrorIcon.foreground#f18aa1
  • notificationsInfoIcon.foreground#83adff
  • notificationsWarningIcon.foreground#b4b44a
  • notificationToast.border#3e4044
  • panel.background#181b1f
  • panel.border#63636388
  • panelSection.border#63636388
  • panelTitle.activeBorder#dedede
  • panelTitle.activeForeground#dedede
  • panelTitle.inactiveForeground#aeaeae
  • peekView.border#16c3dd
  • peekViewEditor.background#0d0f13
  • peekViewEditor.matchHighlightBackground#fff7ed40
  • peekViewEditor.matchHighlightBorder#fff7ed80
  • peekViewEditorGutter.background#0d0f13
  • peekViewResult.background#0d0f13
  • peekViewResult.fileForeground#aeaeae
  • peekViewResult.lineForeground#dedede
  • peekViewResult.matchHighlightBackground#fff7ed20
  • peekViewResult.selectionBackground#fff7ed20
  • peekViewResult.selectionForeground#fff7ed
  • peekViewTitle.background#0d0f13
  • peekViewTitleDescription.foreground#aeaeae
  • peekViewTitleLabel.foreground#fff7ed
  • pickerGroup.border#636363
  • pickerGroup.foreground#83adff
  • progressBar.background#16c3dd
  • scrollbar.shadow#0d0f13
  • scrollbarSlider.activeBackground#dedede
  • scrollbarSlider.background#3e4044
  • scrollbarSlider.hoverBackground#636363
  • selection.background#fff7ed
  • settings.focusedRowBackground#fffdfb07
  • settings.headerForeground#aeaeae
  • sideBar.background#0d0f13
  • sideBar.dropBackground#3e4044
  • sideBar.foreground#aeaeae
  • sideBarSectionHeader.background#3e4044
  • sideBarSectionHeader.border#3e4044
  • sideBarSectionHeader.foreground#dedede
  • sideBarTitle.foreground#dedede
  • statusBar.background#0d0f13
  • statusBar.debuggingBackground#f18aa1
  • statusBar.debuggingForeground#fff7ed
  • statusBar.foreground#dedede
  • statusBar.noFolderBackground#cc94e6
  • statusBar.noFolderForeground#fff7ed
  • statusBarItem.activeBackground#fffdfb25
  • statusBarItem.hoverBackground#dedede1f
  • statusBarItem.remoteBackground#16c3dd
  • statusBarItem.remoteForeground#fff7ed
  • tab.activeBackground#181b1f
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#fff7ed
  • tab.border#636363
  • tab.inactiveBackground#0d0f13
  • tab.inactiveForeground#aeaeae
  • terminal.ansiBlack#0d0f13
  • terminal.ansiBlue#97a6ff
  • terminal.ansiBrightBlack#636363
  • terminal.ansiBrightBlue#97a6ff
  • terminal.ansiBrightCyan#1ac2e1
  • terminal.ansiBrightGreen#61c68a
  • terminal.ansiBrightMagenta#e18dce
  • terminal.ansiBrightRed#f48e74
  • terminal.ansiBrightWhite#fffdfb
  • terminal.ansiBrightYellow#c7ad40
  • terminal.ansiCyan#1ac2e1
  • terminal.ansiGreen#61c68a
  • terminal.ansiMagenta#e18dce
  • terminal.ansiRed#f48e74
  • terminal.ansiWhite#fff7ed
  • terminal.ansiYellow#c7ad40
  • terminal.border#63636388
  • terminal.foreground#aeaeae
  • terminal.selectionBackground#fff7ed10
  • terminalCursor.background#181b1f
  • terminalCursor.foreground#fff7ed
  • textLink.foreground#83adff
  • titleBar.activeBackground#181b1f
  • titleBar.activeForeground#dedede
  • titleBar.border#00000000
  • titleBar.inactiveBackground#181b1f99
  • titleBar.inactiveForeground#dedede
  • tree.indentGuidesStroke#3e4044
  • 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#f18aa1
variable.other.generic-type.haskell#cc94e6
storage.type.haskell#b4b44a
support.variable.magic.python#f18aa1
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#aeaeae
variable.parameter.function.language.special.self.python#ea9856
storage.modifier.lifetime.rust#aeaeae
support.function.std.rust#83adff
entity.name.lifetime.rust#ea9856
variable.language.rust#f18aa1
support.constant.edge#cc94e6
constant.other.character-class.regexp#f18aa1
keyword.operator.quantifier.regexp#b4b44a
punctuation.definition.string.begin,punctuation.definition.string.end#58c792
variable.parameter.function#aeaeae
comment markup.link#636363
markup.changed.diff#ea9856
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#83adff
markup.inserted.diff#58c792
markup.deleted.diff#f18aa1
meta.function.c,meta.function.cpp#f18aa1
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#aeaeae
punctuation.separator.key-value#aeaeae
keyword.operator.expression.import#83adff
support.constant.math#ea9856
support.constant.property.math#b4b44a
variable.other.constant#ea9856
storage.type.annotation.java, storage.type.object.array.java#ea9856
source.java#f18aa1
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#aeaeae
meta.method.java#83adff
storage.modifier.import.java,storage.type.java,storage.type.generic.java#ea9856
keyword.operator.instanceof.java#cc94e6
meta.definition.variable.name.java#f18aa1
keyword.operator.logical#16c3dd
keyword.operator.bitwise#16c3dd
keyword.operator.channel#16c3dd
support.constant.property-value.scss,support.constant.property-value.css#b4b44a
keyword.operator.css,keyword.operator.scss,keyword.operator.less#16c3dd
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#b4b44a
punctuation.separator.list.comma.css#aeaeae
support.constant.color.w3c-standard-color-name.css#b4b44a
support.type.vendored.property-name.css#16c3dd
support.module.node,support.type.object.module,support.module.node#ea9856
entity.name.type.module#ea9856
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#f18aa1
support.constant.json#b4b44a
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#cc94e6
support.type.object.console#f18aa1
support.variable.property.process#b4b44a
entity.name.function,support.function.console#83adff
keyword.operator.misc.rust#aeaeae
keyword.operator.sigil.rust#cc94e6
keyword.operator.delete#cc94e6
support.type.object.dom#16c3dd
support.variable.dom,support.variable.property.dom#f18aa1
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#16c3dd
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#cc94e6
punctuation.separator.delimiter#aeaeae
punctuation.separator.c,punctuation.separator.cpp#cc94e6
support.type.posix-reserved.c,support.type.posix-reserved.cpp#16c3dd
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#cc94e6
variable.parameter.function.language.python#b4b44a
support.type.python#16c3dd
keyword.operator.logical.python#cc94e6
variable.parameter.function.python#b4b44a
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#aeaeae
meta.function-call.generic.python#83adff
constant.character.format.placeholder.other.python#b4b44a
keyword.operator#aeaeae
keyword.operator.assignment.compound#cc94e6
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#16c3dd
keyword#cc94e6
entity.name.namespace#ea9856
variable#f18aa1
variable.c#aeaeae
variable.language#ea9856
token.variable.parameter.java#aeaeae
import.storage.java#ea9856
token.package.keyword#cc94e6
token.package#aeaeae
entity.name.function, meta.require, support.function.any-method, variable.function#83adff
entity.name.type.namespace#ea9856
support.class, entity.name.type.class#ea9856
entity.name.class.identifier.namespace.type#ea9856
entity.name.class, variable.other.class.js, variable.other.class.ts#ea9856
variable.other.class.php#f18aa1
entity.name.type#ea9856
keyword.control#cc94e6
control.elements, keyword.operator.less#b4b44a
keyword.other.special-method#83adff
storage#cc94e6
token.storage#cc94e6
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#cc94e6
token.storage.type.java#ea9856
support.function#16c3dd
support.type.property-name#aeaeae
support.constant.property-value#aeaeae
support.constant.font-name#b4b44a
meta.tag#aeaeae
string#58c792
entity.other.inherited-class#ea9856
constant.other.symbol#16c3dd
constant.numeric#b4b44a
constant#b4b44a
punctuation.definition.constant#b4b44a
entity.name.tag#f18aa1
entity.other.attribute-name#b4b44a
entity.other.attribute-name.id#83adff
entity.other.attribute-name.class.css#b4b44a
meta.selector#cc94e6
markup.heading#f18aa1
markup.heading punctuation.definition.heading, entity.name.section#83adff
keyword.other.unit#f18aa1
markup.bold,todo.bold#b4b44a
punctuation.definition.bold#ea9856
markup.italic, punctuation.definition.italic,todo.emphasis#cc94e6
emphasis md#cc94e6
entity.name.section.markdown#f18aa1
punctuation.definition.heading.markdown#f18aa1
punctuation.definition.list.begin.markdown#f18aa1
markup.heading.setext#aeaeae
punctuation.definition.bold.markdown#b4b44a
markup.inline.raw.markdown#58c792
markup.inline.raw.string.markdown#58c792
punctuation.definition.list.markdown#f18aa1
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#f18aa1
beginning.punctuation.definition.list.markdown#f18aa1
punctuation.definition.metadata.markdown#f18aa1
markup.underline.link.markdown,markup.underline.link.image.markdown#cc94e6
string.other.link.title.markdown,string.other.link.description.markdown#83adff
string.regexp#16c3dd
constant.character.escape#16c3dd
punctuation.section.embedded, variable.interpolation#f18aa1
punctuation.section.embedded.begin,punctuation.section.embedded.end#cc94e6
invalid.illegal#fffdfb
invalid.illegal.bad-ampersand.html#aeaeae
invalid.broken#fffdfb
invalid.deprecated#fffdfb
invalid.unimplemented#fffdfb
source.json meta.structure.dictionary.json > string.quoted.json#f18aa1
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#f18aa1
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#58c792
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#16c3dd
support.type.property-name.json#f18aa1
support.type.property-name.json punctuation#f18aa1
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#cc94e6
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#cc94e6
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#ea9856
keyword.operator.error-control.php#cc94e6
keyword.operator.type.php#cc94e6
punctuation.section.array.begin.php#aeaeae
punctuation.section.array.end.php#aeaeae
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#ea9856
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#83adff
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#aeaeae
support.constant.core.rust#b4b44a
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#b4b44a
entity.name.goto-label.php,support.other.php#83adff
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#16c3dd
keyword.operator.regexp.php#cc94e6
keyword.operator.comparison.php#16c3dd
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#cc94e6
meta.function.decorator.python#83adff
support.token.decorator.python,meta.function.decorator.identifier.python#16c3dd
function.parameter#aeaeae
function.brace#aeaeae
function.parameter.ruby, function.parameter.cs#aeaeae
constant.language.symbol.ruby#16c3dd
rgb-value#16c3dd
inline-color-decoration rgb-value#b4b44a
less rgb-value#b4b44a
selector.sass#f18aa1
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#ea9856
block.scope.end,block.scope.begin#aeaeae
storage.type.cs#ea9856
entity.name.variable.local.cs#f18aa1
token.info-token#83adff
token.warn-token#b4b44a
token.error-token#f44747
token.debug-token#cc94e6
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#cc94e6
meta.template.expression#aeaeae
keyword.operator.module#cc94e6
support.type.type.flowtype#83adff
support.type.primitive#ea9856
meta.property.object#f18aa1
variable.parameter.function.js#f18aa1
keyword.other.template.begin#58c792
keyword.other.template.end#58c792
keyword.other.substitution.begin#58c792
keyword.other.substitution.end#58c792
keyword.operator.assignment#16c3dd
keyword.operator.assignment.go#ea9856
keyword.operator.arithmetic.go, keyword.operator.address.go#cc94e6
entity.name.package.go#ea9856
support.type.prelude.elm#16c3dd
support.constant.elm#b4b44a
punctuation.quasi.element#cc94e6
constant.character.entity#f18aa1
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#16c3dd
entity.global.clojure#ea9856
meta.symbol.clojure#f18aa1
constant.keyword.clojure#16c3dd
meta.arguments.coffee, variable.parameter.function.coffee#f18aa1
source.ini#58c792
meta.scope.prerequisites.makefile#f18aa1
source.makefile#ea9856
storage.modifier.import.groovy#ea9856
meta.method.groovy#83adff
meta.definition.variable.name.groovy#f18aa1
meta.definition.class.inherited.classes.groovy#58c792
support.variable.semantic.hlsl#ea9856
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#cc94e6
text.variable, text.bracketed#f18aa1
support.type.swift, support.type.vb.asp#ea9856
entity.name.function.xi#ea9856
entity.name.class.xi#16c3dd
constant.character.character-class.regexp.xi#f18aa1
constant.regexp.xi#cc94e6
keyword.control.xi#16c3dd
invalid.xi#aeaeae
beginning.punctuation.definition.quote.markdown.xi#58c792
beginning.punctuation.definition.list.markdown.xi#636363
constant.character.xi#83adff
accent.xi#83adff
wikiword.xi#b4b44a
constant.other.color.rgb-value.xi#fffdfb
punctuation.definition.tag.xi#636363
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#ea9856
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#f18aa1
meta.brace.square#aeaeae
comment, punctuation.definition.comment#636363italic
markup.quote.markdown#636363
punctuation.definition.block.sequence.item.yaml#aeaeae
constant.language.symbol.elixir#16c3dd
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...

Penumbra - Coding Theme