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