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#ffffff00
  • activityBar.background#131313
  • activityBar.border#ffffff00
  • activityBar.foreground#f68d9b
  • activityBar.inactiveForeground#f68d9b61
  • activityBarBadge.background#f68d9b
  • activityBarBadge.foreground#ffffff
  • badge.background#f68d9b
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#d6d6d6
  • breadcrumb.background#131313
  • breadcrumb.focusForeground#f68d9b
  • breadcrumb.foreground#c2c2c2
  • button.background#f68d9b
  • button.foreground#ffffff
  • button.hoverBackground#bd0f26
  • button.secondaryBackground#707070
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#5c5c5c
  • checkbox.background#131313
  • checkbox.border#ffffff00
  • checkbox.foreground#c2c2c2
  • debugExceptionWidget.background#131313
  • debugExceptionWidget.border#f68d9b9e
  • debugToolBar.background#131313
  • debugToolBar.border#f68d9b9e
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#b3ff0020
  • diffEditor.removedTextBackground#ff000028
  • dropdown.background#131313
  • dropdown.border#ffffff00
  • dropdown.foreground#c2c2c2
  • editor.background#131313
  • editor.findMatchBackground#ef385121
  • editor.findMatchBorder#ffffff00
  • editor.findMatchHighlightBackground#ef385121
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#f68d9b24
  • editor.foreground#ebebeb
  • editor.hoverHighlightBackground#f68d9b40
  • editor.inactiveSelectionBackground#ef385121
  • editor.lineHighlightBackground#ffffff0a
  • editor.lineHighlightBorder#ffffff00
  • editor.rangeHighlightBackground#ffffff0a
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#f68d9b40
  • editor.selectionHighlightBackground#ef385121
  • editor.selectionHighlightBorder#ef3851
  • editor.wordHighlightBackground#5c5c5c38
  • editor.wordHighlightStrongBackground#f68d9b40
  • editorBracketMatch.background#f68d9b1a
  • editorBracketMatch.border#999999
  • editorCodeLens.foreground#99999997
  • editorCursor.background#131313
  • editorCursor.foreground#f68d9b
  • editorError.background#ffffff00
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#ffffff0d
  • editorGroup.dropBackground#f68d9b1a
  • editorGroup.emptyBackground#131313
  • editorGroupHeader.tabsBackground#131313
  • editorGutter.addedBackground#93d900
  • editorGutter.background#131313
  • editorGutter.commentRangeForeground#c2c2c2
  • editorGutter.deletedBackground#d70a14
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#01baee
  • editorHoverWidget.background#131313
  • editorHoverWidget.border#ffffff1a
  • editorHoverWidget.foreground#c2c2c2
  • editorIndentGuide.activeBackground1#ffffff33
  • editorIndentGuide.background1#ffffff0d
  • editorInfo.background#ffffff00
  • editorInfo.border#ffffff00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#ffffff
  • editorLineNumber.foreground#ebebeb
  • editorLink.activeForeground#f68d9b
  • editorMarkerNavigation.background#131313
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#ffffff00
  • editorOverviewRuler.border#ffffff00
  • editorRuler.foreground#ffffff1a
  • editorSuggestWidget.background#131313
  • editorSuggestWidget.border#ffffff00
  • editorSuggestWidget.foreground#c2c2c2
  • editorSuggestWidget.highlightForeground#f68d9b
  • editorSuggestWidget.selectedBackground#f68d9b2b
  • editorWarning.background#ffffff00
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#ffffff00
  • editorWidget.background#131313
  • editorWidget.foreground#c2c2c2
  • editorWidget.resizeBorder#f68d9b
  • focusBorder#ffffff00
  • foreground#ffffff
  • gitDecoration.addedResourceForeground#90eca1
  • gitDecoration.conflictingResourceForeground#3ea4ff
  • gitDecoration.deletedResourceForeground#e24c32
  • gitDecoration.ignoredResourceForeground#8c8c8c8f
  • gitDecoration.modifiedResourceForeground#ffa067
  • gitDecoration.stageDeletedResourceForeground#e24c32
  • gitDecoration.stageModifiedResourceForeground#ffa067
  • gitDecoration.submoduleResourceForeground#3efff6
  • gitDecoration.untrackedResourceForeground#90eca1
  • icon.foreground#ffffff
  • input.background#131313
  • input.border#ffffff00
  • input.foreground#ebebeb
  • input.placeholderForeground#adadad
  • inputOption.activeBackground#f68d9b52
  • inputOption.activeBorder#ffffff00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#f68d9b36
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#ebebeb17
  • list.focusBackground#f68d9b38
  • list.focusForeground#ffffff
  • list.highlightForeground#f68d9b
  • list.hoverBackground#ffffff08
  • list.hoverForeground#d6d6d6
  • list.inactiveSelectionBackground#f68d9b24
  • list.inactiveSelectionForeground#f2556a
  • listFilterWidget.background#f68d9b
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#ffffff00
  • menu.background#131313
  • menu.border#ffffff00
  • menu.foreground#ebebeb
  • menu.selectionBackground#f68d9b
  • menu.selectionBorder#ffffff00
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#ffffff00
  • menubar.selectionBackground#131313
  • menubar.selectionForeground#f68d9b
  • merge.commonContentBackground#5c5c5c
  • merge.commonHeaderBackground#707070
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#131313
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#858585
  • minimap.selectionHighlight#f68d9b40
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#93d900
  • minimapGutter.deletedBackground#d70a14
  • minimapGutter.modifiedBackground#01baee
  • notificationCenter.border#47474752
  • notificationCenterHeader.background#f68d9b
  • notificationCenterHeader.foreground#ffffff
  • notifications.background#131313
  • notifications.border#ffffff00
  • notifications.foreground#c2c2c2
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#4747473a
  • panel.background#131313
  • panel.border#ffffff0d
  • panelSection.border#f68d9b40
  • panelTitle.activeBorder#f68d9b
  • panelTitle.activeForeground#ffffff
  • panelTitle.inactiveForeground#adadad
  • peekView.border#f68d9b
  • peekViewEditor.background#131313
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#131313
  • peekViewResult.background#131313
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#999999
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#f68d9b33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#131313
  • peekViewTitleDescription.foreground#707070b3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#ffffff00
  • pickerGroup.foreground#f68d9b
  • progressBar.background#f68d9b
  • scrollbar.shadow#ffffff00
  • scrollbarSlider.activeBackground#f68d9b66
  • scrollbarSlider.background#f68d9b66
  • scrollbarSlider.hoverBackground#f68d9bb3
  • selection.background#ffffff59
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ffffff
  • sideBar.background#131313
  • sideBar.border#ffffff0d
  • sideBar.dropBackground#79797918
  • sideBar.foreground#d6d6d6
  • sideBarSectionHeader.background#ffffff00
  • sideBarSectionHeader.border#ffffff00
  • sideBarSectionHeader.foreground#f68d9b
  • sideBarTitle.foreground#ffffff
  • statusBar.background#f68d9b
  • statusBar.debuggingBackground#ffffff
  • statusBar.debuggingForeground#131313
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#131313
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#ffffff26
  • statusBarItem.hoverBackground#13131326
  • statusBarItem.remoteBackground#131313
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#131313
  • tab.activeBorder#ffffff00
  • tab.activeBorderTop#ffffff00
  • tab.activeForeground#ffffff
  • tab.border#ffffff00
  • tab.inactiveBackground#131313
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#ffffff
  • 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#f68d9b40
  • terminal.foreground#c2c2c2
  • terminal.selectionBackground#ffffff17
  • terminalCursor.background#f68d9b
  • terminalCursor.foreground#ffffff
  • textLink.activeForeground#bd0f26
  • textLink.foreground#f68d9b
  • titleBar.activeBackground#131313
  • titleBar.activeForeground#ebebeb
  • titleBar.border#ffffff00
  • titleBar.inactiveBackground#131313
  • titleBar.inactiveForeground#858585
  • tree.inactiveIndentGuidesStroke#ffffff00
  • tree.indentGuidesStroke#ffffff1a
  • walkThrough.embeddedEditorBackground#1313134f
  • 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#ffffff
variable.other.generic-type.haskell#f68d9b
storage.type.haskell#f2556a
support.variable.magic.python#ffffff
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#fde3e6
variable.parameter.function.language.special.self.python#f47183
storage.modifier.lifetime.rust#fde3e6
support.function.std.rust#f8aab4
entity.name.lifetime.rust#f47183
variable.language.rust#ffffff
support.constant.edge#f68d9b
constant.other.character-class.regexp#ffffff
keyword.operator.quantifier.regexp#f2556a
punctuation.definition.string.begin,punctuation.definition.string.end#ef3851
variable.parameter.function#fde3e6
comment markup.link#5c5c5c
markup.changed.diff#f47183
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#f8aab4
markup.inserted.diff#ef3851
markup.deleted.diff#ffffff
meta.function.c,meta.function.cpp#ffffff
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#fde3e6
punctuation.separator.key-value#fde3e6
keyword.operator.expression.import#f8aab4
support.constant.math#f47183
support.constant.property.math#f2556a
variable.other.constant#f47183
storage.type.annotation.java, storage.type.object.array.java#f47183
source.java#ffffff
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#fde3e6
meta.method.java#f8aab4
storage.modifier.import.java,storage.type.java,storage.type.generic.java#f47183
keyword.operator.instanceof.java#f68d9b
meta.definition.variable.name.java#ffffff
keyword.operator.logical#f47183
keyword.operator.bitwise#f47183
keyword.operator.channel#f47183
support.constant.property-value.scss,support.constant.property-value.css#f2556a
keyword.operator.css,keyword.operator.scss,keyword.operator.less#f47183
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#f2556a
punctuation.separator.list.comma.css#fde3e6
support.constant.color.w3c-standard-color-name.css#f2556a
support.type.vendored.property-name.css#f47183
support.module.node,support.type.object.module,support.module.node#f47183
entity.name.type.module#f47183
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ffffff
support.constant.json#f2556a
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#f68d9b
support.type.object.console#ffffff
support.variable.property.process#f2556a
entity.name.function,support.function.console#f8aab4
keyword.operator.misc.rust#fde3e6
keyword.operator.sigil.rust#f68d9b
keyword.operator.delete#f68d9b
support.type.object.dom#f47183
support.variable.dom,support.variable.property.dom#ffffff
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#f47183
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#f68d9b
punctuation.separator.delimiter#fde3e6
punctuation.separator.c,punctuation.separator.cpp#f68d9b
support.type.posix-reserved.c,support.type.posix-reserved.cpp#f47183
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#f68d9b
variable.parameter.function.language.python#f2556a
support.type.python#f47183
keyword.operator.logical.python#f68d9b
variable.parameter.function.python#f2556a
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#fde3e6
meta.function-call.generic.python#f8aab4
constant.character.format.placeholder.other.python#f2556a
keyword.operator#fde3e6
keyword.operator.assignment.compound#f68d9b
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#f47183
keyword#f68d9b
entity.name.namespace#f47183
variable#ffffff
variable.c#fde3e6
variable.language#f47183
token.variable.parameter.java#fde3e6
import.storage.java#f47183
token.package.keyword#f68d9b
token.package#fde3e6
entity.name.function, meta.require, support.function.any-method, variable.function#f8aab4
entity.name.type.namespace#f47183
support.class, entity.name.type.class#f47183
entity.name.class.identifier.namespace.type#f47183
entity.name.class, variable.other.class.js, variable.other.class.ts#f47183
variable.other.class.php#ffffff
entity.name.type#f47183
keyword.control#f68d9b
control.elements, keyword.operator.less#f2556a
keyword.other.special-method#f8aab4
storage#f68d9b
token.storage#f68d9b
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#f68d9b
token.storage.type.java#f47183
support.function#f47183
support.type.property-name#fde3e6
support.constant.property-value#fde3e6
support.constant.font-name#f2556a
meta.tag#fde3e6
string#ef3851
entity.other.inherited-class#f47183
constant.other.symbol#f47183
constant.numeric#f2556a
constant#f2556a
punctuation.definition.constant#f2556a
entity.name.tag#f47183
entity.other.attribute-name#f2556a
entity.other.attribute-name.id#f8aab4normal
entity.other.attribute-name.class.css#f2556anormal
meta.selector#f68d9b
markup.heading#ffffff
markup.heading punctuation.definition.heading, entity.name.section#f8aab4
keyword.other.unit#ffffff
markup.bold,todo.bold#f2556a
punctuation.definition.bold#f47183
markup.italic, punctuation.definition.italic,todo.emphasis#f68d9b
emphasis md#f68d9b
entity.name.section.markdown#ffffff
punctuation.definition.heading.markdown#ffffff
punctuation.definition.list.begin.markdown#ffffff
markup.heading.setext#fde3e6
punctuation.definition.bold.markdown#f2556a
markup.inline.raw.markdown#ef3851
markup.inline.raw.string.markdown#ef3851
punctuation.definition.list.markdown#ffffff
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#ffffff
beginning.punctuation.definition.list.markdown#ffffff
punctuation.definition.metadata.markdown#ffffff
markup.underline.link.markdown,markup.underline.link.image.markdown#f68d9b
string.other.link.title.markdown,string.other.link.description.markdown#f8aab4
string.regexp#f47183
constant.character.escape#f47183
punctuation.section.embedded, variable.interpolation#ffffff
punctuation.section.embedded.begin,punctuation.section.embedded.end#f68d9b
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#fde3e6
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#ffffff
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ffffff
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#ef3851
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#f47183
source.json meta.structure.dictionary.json support.type.property-name.json#fde3e6
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#fbc6cd
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#f8aab4
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#f47183
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#f2556a
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#ef3851
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#ed1c38
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#d9112c
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#bd0f26
support.type.property-name.json#ffffff
support.type.property-name.json punctuation#ffffff
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#f68d9b
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#f68d9b
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#f47183
keyword.operator.error-control.php#f68d9b
keyword.operator.type.php#f68d9b
punctuation.section.array.begin.php#fde3e6
punctuation.section.array.end.php#fde3e6
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#f47183
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#f8aab4
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#fde3e6
support.constant.core.rust#f2556a
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#f2556a
entity.name.goto-label.php,support.other.php#f8aab4
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#f47183
keyword.operator.regexp.php#f68d9b
keyword.operator.comparison.php#f47183
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#f68d9b
meta.function.decorator.python#f8aab4
support.token.decorator.python,meta.function.decorator.identifier.python#f47183
function.parameter#fde3e6
function.brace#fde3e6
function.parameter.ruby, function.parameter.cs#fde3e6
constant.language.symbol.ruby#f47183
rgb-value#f47183
inline-color-decoration rgb-value#f2556a
less rgb-value#f2556a
selector.sass#ffffff
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#f47183
block.scope.end,block.scope.begin#fde3e6
storage.type.cs#f47183
entity.name.variable.local.cs#ffffff
token.info-token#f8aab4
token.warn-token#f2556a
token.error-token#f44747
token.debug-token#f68d9b
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#f68d9b
meta.template.expression#fde3e6
keyword.operator.module#f68d9b
support.type.type.flowtype#f8aab4
support.type.primitive#f47183
meta.property.object#ffffff
variable.parameter.function.js#ffffff
keyword.other.template.begin#ef3851
keyword.other.template.end#ef3851
keyword.other.substitution.begin#ef3851
keyword.other.substitution.end#ef3851
keyword.operator.assignment#f47183
keyword.operator.assignment.go#f47183
keyword.operator.arithmetic.go, keyword.operator.address.go#f68d9b
entity.name.package.go#f47183
support.type.prelude.elm#f47183
support.constant.elm#f2556a
punctuation.quasi.element#f68d9b
constant.character.entity#ffffff
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#f47183
entity.global.clojure#f47183
meta.symbol.clojure#ffffff
constant.keyword.clojure#f47183
meta.arguments.coffee, variable.parameter.function.coffee#ffffff
source.ini#ef3851
meta.scope.prerequisites.makefile#ffffff
source.makefile#f47183
storage.modifier.import.groovy#f47183
meta.method.groovy#f8aab4
meta.definition.variable.name.groovy#ffffff
meta.definition.class.inherited.classes.groovy#ef3851
support.variable.semantic.hlsl#f47183
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#f68d9b
text.variable, text.bracketed#ffffff
support.type.swift, support.type.vb.asp#f47183
entity.name.function.xi#f47183
entity.name.class.xi#f47183
constant.character.character-class.regexp.xi#ffffff
constant.regexp.xi#f68d9b
keyword.control.xi#f47183
invalid.xi#fde3e6
beginning.punctuation.definition.quote.markdown.xi#ef3851
beginning.punctuation.definition.list.markdown.xi#5c5c5c
constant.character.xi#f8aab4
accent.xi#f8aab4
wikiword.xi#f2556a
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#5c5c5c
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#f47183
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ffffff
meta.brace.square#fde3e6
comment, punctuation.definition.comment#5c5c5citalic
markup.quote.markdown#5c5c5c
punctuation.definition.block.sequence.item.yaml#fde3e6
constant.language.symbol.elixir#f47183
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...

OCMS Theme - Coding Theme