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#0000001e
  • activityBar.background#282d38
  • activityBar.border#ffffff00
  • activityBar.foreground#d8dee9
  • activityBar.inactiveForeground#d8dee968
  • activityBarBadge.background#5e81ac
  • activityBarBadge.foreground#ffffff
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#d8dee9
  • breadcrumb.background#282d38
  • breadcrumb.focusForeground#d8dee9
  • breadcrumb.foreground#91959d
  • button.background#5e81ac
  • button.foreground#ffffff
  • button.hoverBackground#3d5c82
  • button.secondaryBackground#252b38
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#1d232e
  • checkbox.background#282d38
  • checkbox.border#00000000
  • checkbox.foreground#d8dee9
  • debugExceptionWidget.background#353b4a
  • debugExceptionWidget.border#4c566a
  • debugToolBar.background#353b4a
  • debugToolBar.border#4c566a
  • diffEditor.border#4c566a
  • diffEditor.insertedTextBackground#a3be8c1c
  • diffEditor.removedTextBackground#bf616a2e
  • dropdown.background#282d38
  • dropdown.border#00000000
  • dropdown.foreground#d8dee9
  • editor.background#282d38
  • editor.findMatchBackground#4c566a
  • editor.findMatchBorder#6c778e
  • editor.findMatchHighlightBackground#d0877081
  • editor.findMatchHighlightBorder#d08770
  • editor.findRangeHighlightBackground#262c36
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#353b4a
  • editor.foreground#d8dee9
  • editor.hoverHighlightBackground#353b4a
  • editor.inactiveSelectionBackground#333741
  • editor.lineHighlightBackground#2b313d
  • editor.lineHighlightBorder#282d3860
  • editor.rangeHighlightBackground#353b4a64
  • editor.rangeHighlightBorder#353b4a
  • editor.selectionBackground#353b4a
  • editor.selectionHighlightBackground#4c566a
  • editor.selectionHighlightBorder#606a80
  • editor.wordHighlightBackground#4f535c
  • editor.wordHighlightBorder#6f7786
  • editor.wordHighlightStrongBackground#434c5e
  • editor.wordHighlightStrongBorder#5e6779
  • editorBracketMatch.background#8fbcbb2e
  • editorBracketMatch.border#8fbcbb6c
  • editorCodeLens.foreground#7d8d9d
  • editorCursor.background#252a34
  • editorCursor.foreground#8fbcbb
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#bf6161
  • editorGroup.border#4c566a
  • editorGroup.emptyBackground#282d38
  • editorGroupHeader.border#353b4a
  • editorGroupHeader.tabsBackground#2f343f
  • editorGroupHeader.tabsBorder#353b4a
  • editorGutter.addedBackground#92be6d
  • editorGutter.background#282d38
  • editorGutter.commentRangeForeground#8091a1
  • editorGutter.deletedBackground#c74653
  • editorGutter.foldingControlForeground#8091a1
  • editorGutter.modifiedBackground#5e81ac
  • editorHoverWidget.background#212732
  • editorHoverWidget.border#353b4a
  • editorHoverWidget.foreground#d8dee9
  • editorIndentGuide.activeBackground#4c566a
  • editorIndentGuide.background#353b4a
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#d8dee9
  • editorLineNumber.foreground#59606f
  • editorLink.activeForeground#81a1c1
  • editorMarkerNavigation.background#232832
  • editorMarkerNavigationError.background#bf616a
  • editorMarkerNavigationInfo.background#81a1c1
  • editorMarkerNavigationWarning.background#d09d70
  • editorOverviewRuler.background#ffffff00
  • editorOverviewRuler.border#7f7f7f00
  • editorRuler.foreground#353b4a
  • editorSuggestWidget.background#212732
  • editorSuggestWidget.border#353b4a
  • editorSuggestWidget.foreground#d8dee9
  • editorSuggestWidget.highlightForeground#5e81ac
  • editorSuggestWidget.selectedBackground#353b4a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#f2ae72
  • editorWhitespace.foreground#4c566a
  • editorWidget.background#353b4a
  • editorWidget.foreground#d8dee9
  • editorWidget.resizeBorder#4c566a
  • focusBorder#4c566a
  • foreground#d8dee9
  • gitDecoration.addedResourceForeground#a3be8c
  • gitDecoration.conflictingResourceForeground#818ec1
  • gitDecoration.deletedResourceForeground#bf616a
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#d0a170
  • gitDecoration.stageDeletedResourceForeground#bf616a
  • gitDecoration.stageModifiedResourceForeground#ebcb8b
  • gitDecoration.submoduleResourceForeground#88c0d0
  • gitDecoration.untrackedResourceForeground#8cbe96
  • icon.foreground#d8dee9
  • input.background#282d38
  • input.border#00000000
  • input.foreground#d8dee9
  • input.placeholderForeground#717782
  • inputOption.activeBackground#506388
  • inputOption.activeBorder#8ca4be93
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#4c566a
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#00000018
  • list.focusBackground#282d38
  • list.focusForeground#cccccc
  • list.highlightForeground#6a97c4
  • list.hoverBackground#434c5e
  • list.hoverForeground#d8dee9
  • list.inactiveSelectionBackground#404654
  • list.inactiveSelectionForeground#adadad
  • listFilterWidget.background#8e4950
  • listFilterWidget.noMatchesOutline#bf616a
  • listFilterWidget.outline#00000000
  • menu.background#282d38
  • menu.border#353b4a
  • menu.foreground#d8dee9
  • menu.selectionBackground#4c566a
  • menu.selectionBorder#4c566a
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#434c5e
  • menubar.selectionBackground#434c5e
  • menubar.selectionBorder#434c5e
  • menubar.selectionForeground#d8dee9
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#282d38
  • minimap.errorHighlight#bf6161
  • minimap.findMatchHighlight#4c566a
  • minimap.selectionHighlight#353b4a
  • minimap.warningHighlight#f2ae72
  • minimapGutter.addedBackground#92be6d
  • minimapGutter.deletedBackground#c74653
  • minimapGutter.modifiedBackground#5e81ac
  • notificationCenter.border#4c566a
  • notificationCenterHeader.background#353b4a
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#353b4a
  • notifications.border#4c566a
  • notifications.foreground#d8dee9
  • notificationsErrorIcon.foreground#e4727d
  • notificationsInfoIcon.foreground#6499cd
  • notificationsWarningIcon.foreground#e8be6b
  • notificationToast.border#4c566a
  • panel.background#212732
  • panel.border#353b4a
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#5e81ac
  • peekViewEditor.background#252c38
  • peekViewEditor.matchHighlightBackground#d0877062
  • peekViewEditor.matchHighlightBorder#d08770
  • peekViewEditorGutter.background#252c38
  • peekViewResult.background#252c38
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#d0877052
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#252c38
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#4c566a
  • pickerGroup.foreground#5e81ac
  • progressBar.background#b48ead
  • scrollbar.shadow#131519
  • scrollbarSlider.activeBackground#4c566a8f
  • scrollbarSlider.background#4c566a36
  • scrollbarSlider.hoverBackground#4c566a7c
  • selection.background#425375
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#d8dee9
  • sideBar.background#2f343f
  • sideBar.border#353b4a00
  • sideBar.dropBackground#00000018
  • sideBar.foreground#e5e9f0
  • sideBarSectionHeader.background#2f343f
  • sideBarSectionHeader.border#434c5e
  • sideBarSectionHeader.foreground#e5e9f0
  • sideBarTitle.foreground#e5e9f0
  • statusBar.background#282d38
  • statusBar.border#434c5e
  • statusBar.debuggingBackground#86444a
  • statusBar.debuggingBorder#bf616a
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#664961
  • statusBar.noFolderBorder#b48ead
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff14
  • statusBarItem.remoteBackground#497558
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#282d38
  • tab.activeBorder#5e81ac00
  • tab.activeBorderTop#5e81ac
  • tab.activeForeground#eceff4
  • tab.border#282d38
  • tab.hoverBackground#282d38
  • tab.hoverBorder#ff000000
  • tab.hoverForeground#d8dee9
  • tab.inactiveBackground#2f343f
  • tab.inactiveForeground#d8dee9
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#4e519c
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#5e81ac
  • terminal.ansiBrightCyan#88c0d0
  • terminal.ansiBrightGreen#73be6c
  • terminal.ansiBrightMagenta#b48ead
  • terminal.ansiBrightRed#bf666f
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#ebcb8b
  • terminal.ansiCyan#49b8db
  • terminal.ansiGreen#53ae4c
  • terminal.ansiMagenta#b45ead
  • terminal.ansiRed#bf414a
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#cbab5b
  • terminal.border#80808059
  • terminal.foreground#d8dee9
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#2e519c
  • terminalCursor.foreground#eceff4
  • textLink.foreground#5b8ec0
  • titleBar.activeBackground#2f343f
  • titleBar.activeForeground#d8dee9
  • titleBar.border#353b4a
  • titleBar.inactiveBackground#42454b
  • titleBar.inactiveForeground#666d79
  • tree.indentGuidesStroke#4d5564
  • 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#d5667a
variable.other.generic-type.haskell#b48ead
storage.type.haskell#d08d6a
support.variable.magic.python#d5667a
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d8dee9
variable.parameter.function.language.special.self.python#ebcb8b
storage.modifier.lifetime.rust#d8dee9
support.function.std.rust#61afef
entity.name.lifetime.rust#ebcb8b
variable.language.rust#d5667a
support.constant.edge#b48ead
constant.other.character-class.regexp#d5667a
keyword.operator.quantifier.regexp#d08d6a
punctuation.definition.string.begin,punctuation.definition.string.end#a3be8c
variable.parameter.function#d8dee9
comment markup.link#5b6271
markup.changed.diff#ebcb8b
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#61afef
markup.inserted.diff#a3be8c
markup.deleted.diff#d5667a
meta.function.c,meta.function.cpp#d5667a
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#d8dee9
punctuation.separator.key-value#d8dee9
keyword.operator.expression.import#61afef
support.constant.math#ebcb8b
support.constant.property.math#d08d6a
variable.other.constant#ebcb8b
storage.type.annotation.java, storage.type.object.array.java#ebcb8b
source.java#d5667a
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#d8dee9
meta.method.java#61afef
storage.modifier.import.java,storage.type.java,storage.type.generic.java#ebcb8b
keyword.operator.instanceof.java#b48ead
meta.definition.variable.name.java#d5667a
keyword.operator.logical#56b6c2
keyword.operator.bitwise#56b6c2
keyword.operator.channel#56b6c2
support.constant.property-value.scss,support.constant.property-value.css#d08d6a
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#d08d6a
punctuation.separator.list.comma.css#d8dee9
support.constant.color.w3c-standard-color-name.css#d08d6a
support.type.vendored.property-name.css#56b6c2
support.module.node,support.type.object.module,support.module.node#ebcb8b
entity.name.type.module#ebcb8b
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#d5667a
support.constant.json#d08d6a
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#b48ead
support.type.object.console#d5667a
support.variable.property.process#d08d6a
entity.name.function,support.function.console#61afef
keyword.operator.misc.rust#d8dee9
keyword.operator.sigil.rust#b48ead
keyword.operator.delete#b48ead
support.type.object.dom#56b6c2
support.variable.dom,support.variable.property.dom#d5667a
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#b48ead
punctuation.separator.delimiter#d8dee9
punctuation.separator.c,punctuation.separator.cpp#b48ead
support.type.posix-reserved.c,support.type.posix-reserved.cpp#56b6c2
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#b48ead
variable.parameter.function.language.python#d08d6a
support.type.python#56b6c2
keyword.operator.logical.python#b48ead
variable.parameter.function.python#d08d6a
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#d8dee9
meta.function-call.generic.python#61afef
constant.character.format.placeholder.other.python#d08d6a
keyword.operator#d8dee9
keyword.operator.assignment.compound#b48ead
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#56b6c2
keyword#b48ead
entity.name.namespace#ebcb8b
variable#d5667a
variable.c#d8dee9
variable.language#ebcb8b
token.variable.parameter.java#d8dee9
import.storage.java#ebcb8b
token.package.keyword#b48ead
token.package#d8dee9
entity.name.function, meta.require, support.function.any-method, variable.function#61afef
entity.name.type.namespace#ebcb8b
support.class, entity.name.type.class#ebcb8b
entity.name.class.identifier.namespace.type#ebcb8b
entity.name.class, variable.other.class.js, variable.other.class.ts#ebcb8b
variable.other.class.php#d5667a
entity.name.type#ebcb8b
keyword.control#b48ead
control.elements, keyword.operator.less#d08d6a
keyword.other.special-method#61afef
storage#b48ead
token.storage#b48ead
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#b48ead
token.storage.type.java#ebcb8b
support.function#56b6c2
support.type.property-name#d8dee9
support.constant.property-value#d8dee9
support.constant.font-name#d08d6a
meta.tag#d8dee9
string#a3be8c
entity.other.inherited-class#ebcb8b
constant.other.symbol#56b6c2
constant.numeric#d08d6a
constant#d08d6a
punctuation.definition.constant#d08d6a
entity.name.tag#d16978
entity.other.attribute-name#84b4ba
entity.other.attribute-name.id#61afefnormal
entity.other.attribute-name.class.css#84b4banormal
meta.selector#b48ead
markup.heading#d5667a
markup.heading punctuation.definition.heading, entity.name.section#61afef
keyword.other.unit#d5667a
markup.bold,todo.bold#d08d6a
punctuation.definition.bold#ebcb8b
markup.italic, punctuation.definition.italic,todo.emphasis#b48ead
emphasis md#b48ead
entity.name.section.markdown#d5667a
punctuation.definition.heading.markdown#d5667a
punctuation.definition.list.begin.markdown#d5667a
markup.heading.setext#d8dee9
punctuation.definition.bold.markdown#d08d6a
markup.inline.raw.markdown#a3be8c
markup.inline.raw.string.markdown#a3be8c
punctuation.definition.list.markdown#d5667a
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#d5667a
beginning.punctuation.definition.list.markdown#d5667a
punctuation.definition.metadata.markdown#d5667a
markup.underline.link.markdown,markup.underline.link.image.markdown#b48ead
string.other.link.title.markdown,string.other.link.description.markdown#61afef
string.regexp#56b6c2
constant.character.escape#56b6c2
punctuation.section.embedded, variable.interpolation#d5667a
punctuation.section.embedded.begin,punctuation.section.embedded.end#b48ead
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#d8dee9
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#d5667a
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#d5667a
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#a3be8c
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#56b6c2
support.type.property-name.json#d5667a
support.type.property-name.json punctuation#d5667a
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#b48ead
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#b48ead
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#ebcb8b
keyword.operator.error-control.php#b48ead
keyword.operator.type.php#b48ead
punctuation.section.array.begin.php#d8dee9
punctuation.section.array.end.php#d8dee9
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#ebcb8b
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#61afef
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#d8dee9
support.constant.core.rust#d08d6a
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#d08d6a
entity.name.goto-label.php,support.other.php#61afef
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#56b6c2
keyword.operator.regexp.php#b48ead
keyword.operator.comparison.php#56b6c2
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#b48ead
meta.function.decorator.python#61afef
support.token.decorator.python,meta.function.decorator.identifier.python#56b6c2
function.parameter#d8dee9
function.brace#d8dee9
function.parameter.ruby, function.parameter.cs#d8dee9
constant.language.symbol.ruby#56b6c2
rgb-value#56b6c2
inline-color-decoration rgb-value#d08d6a
less rgb-value#d08d6a
selector.sass#d5667a
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#ebcb8b
block.scope.end,block.scope.begin#d8dee9
storage.type.cs#ebcb8b
entity.name.variable.local.cs#d5667a
token.info-token#61afef
token.warn-token#d08d6a
token.error-token#f44747
token.debug-token#b48ead
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#b48ead
meta.template.expression#d8dee9
keyword.operator.module#b48ead
support.type.type.flowtype#61afef
support.type.primitive#ebcb8b
meta.property.object#d5667a
variable.parameter.function.js#d5667a
keyword.other.template.begin#a3be8c
keyword.other.template.end#a3be8c
keyword.other.substitution.begin#a3be8c
keyword.other.substitution.end#a3be8c
keyword.operator.assignment#56b6c2
keyword.operator.assignment.go#ebcb8b
keyword.operator.arithmetic.go, keyword.operator.address.go#b48ead
entity.name.package.go#ebcb8b
support.type.prelude.elm#56b6c2
support.constant.elm#d08d6a
punctuation.quasi.element#b48ead
constant.character.entity#d5667a
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#56b6c2
entity.global.clojure#ebcb8b
meta.symbol.clojure#d5667a
constant.keyword.clojure#56b6c2
meta.arguments.coffee, variable.parameter.function.coffee#d5667a
source.ini#a3be8c
meta.scope.prerequisites.makefile#d5667a
source.makefile#ebcb8b
storage.modifier.import.groovy#ebcb8b
meta.method.groovy#61afef
meta.definition.variable.name.groovy#d5667a
meta.definition.class.inherited.classes.groovy#a3be8c
support.variable.semantic.hlsl#ebcb8b
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#b48ead
text.variable, text.bracketed#d5667a
support.type.swift, support.type.vb.asp#ebcb8b
entity.name.function.xi#ebcb8b
entity.name.class.xi#56b6c2
constant.character.character-class.regexp.xi#d5667a
constant.regexp.xi#b48ead
keyword.control.xi#56b6c2
invalid.xi#d8dee9
beginning.punctuation.definition.quote.markdown.xi#a3be8c
beginning.punctuation.definition.list.markdown.xi#5b6271
constant.character.xi#61afef
accent.xi#61afef
wikiword.xi#d08d6a
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#5b6271
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#ebcb8b
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#d5667a
meta.brace.square#d8dee9
comment, punctuation.definition.comment#5b6271italic
markup.quote.markdown#5b6271
punctuation.definition.block.sequence.item.yaml#d8dee9
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...

Nord Palette - Coding Theme