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#183752
  • activityBar.background#183752
  • activityBar.border#3d5569
  • activityBar.foreground#e5ce5c
  • activityBar.inactiveForeground#5c7a9c
  • activityBarBadge.background#e5ce5c
  • activityBarBadge.foreground#183752
  • badge.background#e5ce5c
  • badge.foreground#183752
  • breadcrumb.activeSelectionForeground#bbd5ed
  • breadcrumb.background#183752
  • breadcrumb.focusForeground#bbd5ed
  • breadcrumb.foreground#bbd5ed
  • button.background#2f65b2
  • button.foreground#bbd5ed
  • button.hoverBackground#183752
  • button.secondaryBackground#e5ce5c
  • button.secondaryForeground#183752
  • button.secondaryHoverBackground#e5ce5c80
  • checkbox.background#214462
  • checkbox.border#00000000
  • checkbox.foreground#bbd5ed
  • debugExceptionWidget.background#214462
  • debugExceptionWidget.border#e5ce5c80
  • debugToolBar.background#214462
  • debugToolBar.border#00000000
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#00BAFF1F
  • diffEditor.removedTextBackground#ff212133
  • dropdown.background#214462
  • dropdown.border#00000000
  • dropdown.foreground#bbd5ed
  • editor.background#183752
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#e5ce5c80
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#FFFFFF0F
  • editor.foreground#bbd5ed
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3d506b
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#264f78
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#264f78
  • editorCodeLens.foreground#5c7a9c
  • editorCursor.background#bbd5ed
  • editorCursor.foreground#bbd5ed
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#ff6c4e
  • editorGroup.border#3d5569
  • editorGroup.emptyBackground#183752
  • editorGroupHeader.tabsBackground#214462
  • editorGroupHeader.tabsBorder#214462
  • editorGutter.addedBackground#e5ce5c80
  • editorGutter.background#183752
  • editorGutter.commentRangeForeground#bbd5ed
  • editorGutter.deletedBackground#ff888e
  • editorGutter.foldingControlForeground#bbd5ed
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#214462
  • editorHoverWidget.border#214462
  • editorHoverWidget.foreground#bbd5ed
  • editorIndentGuide.activeBackground1#214462
  • editorIndentGuide.background1#214462
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#3286d1
  • editorLineNumber.activeForeground#bbd5ed
  • editorLineNumber.foreground#5c7a9c
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#183752
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#214462
  • editorSuggestWidget.border#214462
  • editorSuggestWidget.foreground#bbd5ed
  • editorSuggestWidget.highlightForeground#e5ce5c
  • editorSuggestWidget.selectedBackground#183752
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#e5ce5c
  • editorWhitespace.foreground#FFFFFF14
  • editorWidget.background#214462
  • editorWidget.foreground#bbd5ed
  • editorWidget.resizeBorder#e5ce5c80
  • focusBorder#00000000
  • foreground#bbd5ed
  • gitDecoration.addedResourceForeground#81b88b
  • gitDecoration.conflictingResourceForeground#bdbdff
  • gitDecoration.deletedResourceForeground#ff8a76
  • gitDecoration.ignoredResourceForeground#5c7a9c
  • gitDecoration.modifiedResourceForeground#e5ce5c
  • gitDecoration.stageDeletedResourceForeground#ff8a76
  • gitDecoration.stageModifiedResourceForeground#e5ce5c
  • gitDecoration.submoduleResourceForeground#bdbdff
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#bbd5ed
  • input.background#214462
  • input.border#00000000
  • input.foreground#bbd5ed
  • input.placeholderForeground#e5ce5c80
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#bbd5ed
  • list.activeSelectionBackground#094771
  • list.activeSelectionForeground#e5ce5c
  • list.dropBackground#062f4a
  • list.focusBackground#062f4a
  • list.focusForeground#cccccc
  • list.highlightForeground#0097fb
  • list.hoverBackground#183752
  • list.hoverForeground#bbd5ed
  • list.inactiveSelectionBackground#183752
  • list.inactiveSelectionForeground#bbd5ed
  • listFilterWidget.background#496979
  • listFilterWidget.noMatchesOutline#59839d
  • listFilterWidget.outline#00000000
  • menu.background#214462
  • menu.border#3d5569
  • menu.foreground#bbd5ed
  • menu.selectionBackground#183752
  • menu.selectionBorder#00000000
  • menu.selectionForeground#bbd5ed
  • menu.separatorBackground#3d5569
  • menubar.selectionBackground#183752
  • menubar.selectionBorder#3d5569
  • menubar.selectionForeground#bbd5ed
  • merge.commonContentBackground#183752
  • merge.commonHeaderBackground#214462
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#183752
  • minimap.errorHighlight#ff6c4e
  • minimap.findMatchHighlight#21446200
  • minimap.selectionHighlight#264f78
  • minimap.warningHighlight#e5ce5c
  • minimapGutter.addedBackground#e5ce5c80
  • minimapGutter.deletedBackground#ff888e
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#00000000
  • notificationCenterHeader.background#214462
  • notificationCenterHeader.foreground#bbd5ed
  • notifications.background#183752
  • notifications.border#00000000
  • notifications.foreground#bbd5ed
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#bbd5ed
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#00000000
  • panel.background#214462
  • panel.border#3d5569
  • panelSection.border#3d5569
  • panelTitle.activeBorder#e5ce5c80
  • panelTitle.activeForeground#e5ce5c
  • panelTitle.inactiveForeground#bbd5ed
  • peekView.border#5c7a9c
  • peekViewEditor.background#214462
  • peekViewEditor.matchHighlightBackground#183752
  • peekViewEditor.matchHighlightBorder#183752
  • peekViewEditorGutter.background#214462
  • peekViewResult.background#214462
  • peekViewResult.fileForeground#bbd5ed
  • peekViewResult.lineForeground#bbd5ed
  • peekViewResult.matchHighlightBackground#183752
  • peekViewResult.selectionBackground#183752
  • peekViewResult.selectionForeground#bbd5ed
  • peekViewTitle.background#183752
  • peekViewTitleDescription.foreground#bbd5ed
  • peekViewTitleLabel.foreground#e5ce5c
  • pickerGroup.border#00000000
  • pickerGroup.foreground#e5ce5c
  • progressBar.background#e5ce5c80
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#183752
  • scrollbarSlider.background#21364780
  • scrollbarSlider.hoverBackground#183752
  • selection.background#264f78
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#bbd5ed
  • sideBar.background#214462
  • sideBar.border#3d5569
  • sideBar.dropBackground#21446200
  • sideBar.foreground#bbd5ed
  • sideBarSectionHeader.background#21446280
  • sideBarSectionHeader.border#3d5569
  • sideBarSectionHeader.foreground#bbd5ed
  • sideBarTitle.foreground#bbd5ed
  • statusBar.background#214462
  • statusBar.border#3d5569
  • statusBar.debuggingBackground#214462
  • statusBar.debuggingBorder#3d5569
  • statusBar.debuggingForeground#bbd5ed
  • statusBar.foreground#bbd5ed
  • statusBar.noFolderBackground#214462
  • statusBar.noFolderBorder#3d5569
  • statusBar.noFolderForeground#bbd5ed
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#e5ce5c
  • statusBarItem.remoteForeground#214462
  • tab.activeBackground#183752
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#e5ce5c
  • tab.border#00000000
  • tab.hoverBackground#183752
  • tab.hoverForeground#bbd5ed
  • tab.inactiveBackground#214462
  • tab.inactiveForeground#bbd5ed
  • 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#3d5569
  • terminal.foreground#bbd5ed
  • terminal.selectionBackground#49647a5f
  • terminalCursor.background#183752
  • terminalCursor.foreground#ffffff
  • textLink.foreground#e5ce5c
  • titleBar.activeBackground#214462
  • titleBar.activeForeground#bbd5ed
  • titleBar.border#3d5569
  • titleBar.inactiveBackground#183752
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#e5ce5c80
  • 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#86b7fc
punctuation.definition.parameters.begin.ts,meta.parameters.ts,meta.function.ts,punctuation.definition.dictionary.begin.json.comments,meta.structure.dictionary.json.comments,meta.structure.array.json.comments,meta.structure.dictionary.value.json.comments,meta.structure.dictionary.json.comments,punctuation.definition.block.ts,meta.objectliteral.ts,meta.block.ts,meta.arrow.ts,meta.var.expr.ts#5c7a9c
variable.other.generic-type.haskell#e5ce5c
storage.type.haskell#e5ce5c
support.variable.magic.python#86b7fc
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#bbd5ed
variable.parameter.function.language.special.self.python#bbd5ed
storage.modifier.lifetime.rust#bbd5ed
support.function.std.rust#ebf3ff
entity.name.lifetime.rust#bbd5ed
variable.language.rust#86b7fc
support.constant.edge#e5ce5c
constant.other.character-class.regexp#86b7fc
keyword.operator.quantifier.regexp#e5ce5c
punctuation.definition.string.begin,punctuation.definition.string.end#e5dcb4
variable.parameter.function#bbd5ed
comment markup.link#5c7a9c
markup.changed.diff#bbd5ed
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#ebf3ff
markup.inserted.diff#e5dcb4
markup.deleted.diff#86b7fc
meta.function.c,meta.function.cpp#86b7fc
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#bbd5ed
punctuation.separator.key-value#bbd5ed
keyword.operator.expression.import#ebf3ff
support.constant.math#bbd5ed
support.constant.property.math#e5ce5c
variable.other.constant#bbd5ed
storage.type.annotation.java, storage.type.object.array.java#bbd5ed
source.java#86b7fc
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#bbd5ed
meta.method.java#ebf3ff
storage.modifier.import.java,storage.type.java,storage.type.generic.java#bbd5ed
keyword.operator.instanceof.java#e5ce5c
meta.definition.variable.name.java#86b7fc
keyword.operator.logical#e5dcb4
keyword.operator.bitwise#e5dcb4
keyword.operator.channel#e5dcb4
support.constant.property-value.scss,support.constant.property-value.css#e5ce5c
keyword.operator.css,keyword.operator.scss,keyword.operator.less#e5dcb4
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#e5ce5c
punctuation.separator.list.comma.css#bbd5ed
support.constant.color.w3c-standard-color-name.css#e5ce5c
support.type.vendored.property-name.css#e5dcb4
support.module.node,support.type.object.module,support.module.node#bbd5ed
entity.name.type.module#bbd5ed
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#86b7fc
support.constant.json#e5ce5c
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#e5ce5c
support.type.object.console#86b7fc
support.variable.property.process#e5ce5c
entity.name.function,support.function.console#ebf3ff
keyword.operator.misc.rust#bbd5ed
keyword.operator.sigil.rust#e5ce5c
keyword.operator.delete#e5ce5c
support.type.object.dom#e5dcb4
support.variable.dom,support.variable.property.dom#86b7fc
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#e5dcb4
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#e5ce5c
punctuation.separator.delimiter#bbd5ed
punctuation.separator.c,punctuation.separator.cpp#e5ce5c
support.type.posix-reserved.c,support.type.posix-reserved.cpp#e5dcb4
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#e5ce5c
variable.parameter.function.language.python#e5ce5c
support.type.python#e5dcb4
keyword.operator.logical.python#e5ce5c
variable.parameter.function.python#e5ce5c
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#bbd5ed
meta.function-call.generic.python#ebf3ff
constant.character.format.placeholder.other.python#e5ce5c
keyword.operator#bbd5ed
keyword.operator.assignment.compound#e5ce5c
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#e5dcb4
keyword#e5ce5citalic bold
entity.name.namespace#bbd5ed
variable#86b7fc
variable.c#bbd5ed
variable.language#bbd5ed
token.variable.parameter.java#bbd5ed
import.storage.java#bbd5ed
token.package.keyword#e5ce5c
token.package#bbd5ed
entity.name.function, meta.require, support.function.any-method, variable.function#ebf3ff
entity.name.type.namespace#bbd5ed
support.class, entity.name.type.class#bbd5ed
entity.name.class.identifier.namespace.type#bbd5ed
entity.name.class, variable.other.class.js, variable.other.class.ts#bbd5ed
variable.other.class.php#86b7fc
entity.name.type#bbd5ed
keyword.control#e5ce5c
control.elements, keyword.operator.less#e5ce5c
keyword.other.special-method#ebf3ff
storage#e5ce5citalic bold
token.storage#e5ce5c
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#e5ce5c
token.storage.type.java#bbd5ed
support.function#e5dcb4
support.type.property-name#bbd5ed
support.constant.property-value#bbd5ed
support.constant.font-name#e5ce5c
meta.tag#bbd5ed
string#e5dcb4
entity.other.inherited-class#bbd5ed
constant.other.symbol#e5dcb4
constant.numeric#e5ce5c
constant#e5ce5c
punctuation.definition.constant#e5ce5c
entity.name.tag#86b7fc
entity.other.attribute-name#e5ce5c
entity.other.attribute-name.id#ebf3ffnormal
entity.other.attribute-name.class.css#e5ce5cnormal
meta.selector#e5ce5c
markup.heading#86b7fc
markup.heading punctuation.definition.heading, entity.name.section#ebf3ff
keyword.other.unit#86b7fc
markup.bold,todo.bold#e5ce5c
punctuation.definition.bold#bbd5ed
markup.italic, punctuation.definition.italic,todo.emphasis#e5ce5c
emphasis md#e5ce5c
entity.name.section.markdown#86b7fc
punctuation.definition.heading.markdown#86b7fc
punctuation.definition.list.begin.markdown#86b7fc
markup.heading.setext#bbd5ed
punctuation.definition.bold.markdown#e5ce5c
markup.inline.raw.markdown#e5dcb4
markup.inline.raw.string.markdown#e5dcb4
punctuation.definition.list.markdown#86b7fc
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#86b7fc
beginning.punctuation.definition.list.markdown#86b7fc
punctuation.definition.metadata.markdown#86b7fc
markup.underline.link.markdown,markup.underline.link.image.markdown#e5ce5c
string.other.link.title.markdown,string.other.link.description.markdown#ebf3ff
string.regexp#e5dcb4
constant.character.escape#e5dcb4
punctuation.section.embedded, variable.interpolation#86b7fc
punctuation.section.embedded.begin,punctuation.section.embedded.end#e5ce5c
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#bbd5ed
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#86b7fc
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#86b7fc
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#e5dcb4
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#e5dcb4
support.type.property-name.json#86b7fc
support.type.property-name.json punctuation#86b7fc
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#e5ce5c
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#e5ce5c
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#bbd5ed
keyword.operator.error-control.php#e5ce5c
keyword.operator.type.php#e5ce5c
punctuation.section.array.begin.php#bbd5ed
punctuation.section.array.end.php#bbd5ed
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#bbd5ed
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#ebf3ff
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#bbd5ed
support.constant.core.rust#e5ce5c
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#e5ce5c
entity.name.goto-label.php,support.other.php#ebf3ff
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#e5dcb4
keyword.operator.regexp.php#e5ce5c
keyword.operator.comparison.php#e5dcb4
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#e5ce5c
meta.function.decorator.python#ebf3ff
support.token.decorator.python,meta.function.decorator.identifier.python#e5dcb4
function.parameter#bbd5ed
function.brace#bbd5ed
function.parameter.ruby, function.parameter.cs#bbd5ed
constant.language.symbol.ruby#e5dcb4
rgb-value#e5dcb4
inline-color-decoration rgb-value#e5ce5c
less rgb-value#e5ce5c
selector.sass#86b7fc
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#bbd5ed
block.scope.end,block.scope.begin#bbd5ed
storage.type.cs#bbd5ed
entity.name.variable.local.cs#86b7fc
token.info-token#ebf3ff
token.warn-token#e5ce5c
token.error-token#f44747
token.debug-token#e5ce5c
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#e5ce5c
meta.template.expression#bbd5ed
keyword.operator.module#e5ce5c
support.type.type.flowtype#ebf3ff
support.type.primitive#bbd5ed
meta.property.object#86b7fc
variable.parameter.function.js#86b7fc
keyword.other.template.begin#e5dcb4
keyword.other.template.end#e5dcb4
keyword.other.substitution.begin#e5dcb4
keyword.other.substitution.end#e5dcb4
keyword.operator.assignment#e5dcb4
keyword.operator.assignment.go#bbd5ed
keyword.operator.arithmetic.go, keyword.operator.address.go#e5ce5c
entity.name.package.go#bbd5ed
support.type.prelude.elm#e5dcb4
support.constant.elm#e5ce5c
punctuation.quasi.element#e5ce5c
constant.character.entity#86b7fc
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#e5dcb4
entity.global.clojure#bbd5ed
meta.symbol.clojure#86b7fc
constant.keyword.clojure#e5dcb4
meta.arguments.coffee, variable.parameter.function.coffee#86b7fc
source.ini#e5dcb4
meta.scope.prerequisites.makefile#86b7fc
source.makefile#bbd5ed
storage.modifier.import.groovy#bbd5ed
meta.method.groovy#ebf3ff
meta.definition.variable.name.groovy#86b7fc
meta.definition.class.inherited.classes.groovy#e5dcb4
support.variable.semantic.hlsl#bbd5ed
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#e5ce5c
text.variable, text.bracketed#86b7fc
support.type.swift, support.type.vb.asp#bbd5ed
entity.name.function.xi#bbd5ed
entity.name.class.xi#e5dcb4
constant.character.character-class.regexp.xi#86b7fc
constant.regexp.xi#e5ce5c
keyword.control.xi#e5dcb4
invalid.xi#bbd5ed
beginning.punctuation.definition.quote.markdown.xi#e5dcb4
beginning.punctuation.definition.list.markdown.xi#5c7a9c
constant.character.xi#ebf3ff
accent.xi#ebf3ff
wikiword.xi#e5ce5c
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#5c7a9c
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#bbd5ed
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#86b7fc
meta.brace.square#bbd5ed
comment, punctuation.definition.comment#5c7a9citalic
markup.quote.markdown#5c7a9c
punctuation.definition.block.sequence.item.yaml#bbd5ed
constant.language.symbol.elixir#e5dcb4
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...

Motion Blue - Coding Theme