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#9d00ff
  • activityBar.inactiveForeground#9d00ff61
  • activityBarBadge.background#9d00ff
  • activityBarBadge.foreground#ffffff
  • badge.background#9d00ff
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#d6d6d6
  • breadcrumb.background#131313
  • breadcrumb.focusForeground#9d00ff
  • breadcrumb.foreground#c2c2c2
  • button.background#9d00ff
  • button.foreground#ffffff
  • button.hoverBackground#7e00cc
  • button.secondaryBackground#707070
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#5c5c5c
  • checkbox.background#131313
  • checkbox.border#ffffff00
  • checkbox.foreground#c2c2c2
  • debugExceptionWidget.background#131313
  • debugExceptionWidget.border#9d00ff9e
  • debugToolBar.background#131313
  • debugToolBar.border#9d00ff9e
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#b3ff0020
  • diffEditor.removedTextBackground#ff000028
  • dropdown.background#131313
  • dropdown.border#ffffff00
  • dropdown.foreground#c2c2c2
  • editor.background#131313
  • editor.findMatchBackground#b847ff21
  • editor.findMatchBorder#ffffff00
  • editor.findMatchHighlightBackground#b847ff21
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#9d00ff24
  • editor.foreground#ebebeb
  • editor.hoverHighlightBackground#9d00ff40
  • editor.inactiveSelectionBackground#b847ff21
  • editor.lineHighlightBackground#ffffff0a
  • editor.lineHighlightBorder#ffffff00
  • editor.rangeHighlightBackground#ffffff0a
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#9d00ff40
  • editor.selectionHighlightBackground#b847ff21
  • editor.selectionHighlightBorder#b847ff
  • editor.wordHighlightBackground#5c5c5c38
  • editor.wordHighlightStrongBackground#9d00ff40
  • editorBracketMatch.background#9d00ff1a
  • editorBracketMatch.border#999999
  • editorCodeLens.foreground#99999997
  • editorCursor.background#131313
  • editorCursor.foreground#9d00ff
  • editorError.background#ffffff00
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#ffffff0d
  • editorGroup.dropBackground#9d00ff1a
  • 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#9d00ff
  • 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#9d00ff
  • editorSuggestWidget.selectedBackground#9d00ff2b
  • editorWarning.background#ffffff00
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#ffffff00
  • editorWidget.background#131313
  • editorWidget.foreground#c2c2c2
  • editorWidget.resizeBorder#9d00ff
  • 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#9d00ff52
  • inputOption.activeBorder#ffffff00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#9d00ff36
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#ebebeb17
  • list.focusBackground#9d00ff38
  • list.focusForeground#ffffff
  • list.highlightForeground#9d00ff
  • list.hoverBackground#ffffff08
  • list.hoverForeground#d6d6d6
  • list.inactiveSelectionBackground#9d00ff24
  • list.inactiveSelectionForeground#c466ff
  • listFilterWidget.background#9d00ff
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#ffffff00
  • menu.background#131313
  • menu.border#ffffff00
  • menu.foreground#ebebeb
  • menu.selectionBackground#9d00ff
  • menu.selectionBorder#ffffff00
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#ffffff00
  • menubar.selectionBackground#131313
  • menubar.selectionForeground#9d00ff
  • 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#9d00ff40
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#93d900
  • minimapGutter.deletedBackground#d70a14
  • minimapGutter.modifiedBackground#01baee
  • notificationCenter.border#47474752
  • notificationCenterHeader.background#9d00ff
  • 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#9d00ff40
  • panelTitle.activeBorder#9d00ff
  • panelTitle.activeForeground#ffffff
  • panelTitle.inactiveForeground#adadad
  • peekView.border#9d00ff
  • 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#9d00ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#131313
  • peekViewTitleDescription.foreground#707070b3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#ffffff00
  • pickerGroup.foreground#9d00ff
  • progressBar.background#9d00ff
  • scrollbar.shadow#ffffff00
  • scrollbarSlider.activeBackground#9d00ff66
  • scrollbarSlider.background#9d00ff66
  • scrollbarSlider.hoverBackground#9d00ffb3
  • 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#9d00ff
  • sideBarTitle.foreground#ffffff
  • statusBar.background#9d00ff
  • 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#9d00ff40
  • terminal.foreground#c2c2c2
  • terminal.selectionBackground#ffffff17
  • terminalCursor.background#9d00ff
  • terminalCursor.foreground#ffffff
  • textLink.activeForeground#7e00cc
  • textLink.foreground#9d00ff
  • 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#9d00ff
storage.type.haskell#c466ff
support.variable.magic.python#ffffff
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#f3e0ff
variable.parameter.function.language.special.self.python#d085ff
storage.modifier.lifetime.rust#f3e0ff
support.function.std.rust#dca3ff
entity.name.lifetime.rust#d085ff
variable.language.rust#ffffff
support.constant.edge#9d00ff
constant.other.character-class.regexp#ffffff
keyword.operator.quantifier.regexp#c466ff
punctuation.definition.string.begin,punctuation.definition.string.end#b847ff
variable.parameter.function#f3e0ff
comment markup.link#5c5c5c
markup.changed.diff#d085ff
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#dca3ff
markup.inserted.diff#b847ff
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#f3e0ff
punctuation.separator.key-value#f3e0ff
keyword.operator.expression.import#dca3ff
support.constant.math#d085ff
support.constant.property.math#c466ff
variable.other.constant#d085ff
storage.type.annotation.java, storage.type.object.array.java#d085ff
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#f3e0ff
meta.method.java#dca3ff
storage.modifier.import.java,storage.type.java,storage.type.generic.java#d085ff
keyword.operator.instanceof.java#9d00ff
meta.definition.variable.name.java#ffffff
keyword.operator.logical#d085ff
keyword.operator.bitwise#d085ff
keyword.operator.channel#d085ff
support.constant.property-value.scss,support.constant.property-value.css#c466ff
keyword.operator.css,keyword.operator.scss,keyword.operator.less#d085ff
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#c466ff
punctuation.separator.list.comma.css#f3e0ff
support.constant.color.w3c-standard-color-name.css#c466ff
support.type.vendored.property-name.css#d085ff
support.module.node,support.type.object.module,support.module.node#d085ff
entity.name.type.module#d085ff
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ffffff
support.constant.json#c466ff
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#9d00ff
support.type.object.console#ffffff
support.variable.property.process#c466ff
entity.name.function,support.function.console#dca3ff
keyword.operator.misc.rust#f3e0ff
keyword.operator.sigil.rust#9d00ff
keyword.operator.delete#9d00ff
support.type.object.dom#d085ff
support.variable.dom,support.variable.property.dom#ffffff
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#d085ff
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#9d00ff
punctuation.separator.delimiter#f3e0ff
punctuation.separator.c,punctuation.separator.cpp#9d00ff
support.type.posix-reserved.c,support.type.posix-reserved.cpp#d085ff
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#9d00ff
variable.parameter.function.language.python#c466ff
support.type.python#d085ff
keyword.operator.logical.python#9d00ff
variable.parameter.function.python#c466ff
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#f3e0ff
meta.function-call.generic.python#dca3ff
constant.character.format.placeholder.other.python#c466ff
keyword.operator#f3e0ff
keyword.operator.assignment.compound#9d00ff
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#d085ff
keyword#9d00ff
entity.name.namespace#d085ff
variable#ffffff
variable.c#f3e0ff
variable.language#d085ff
token.variable.parameter.java#f3e0ff
import.storage.java#d085ff
token.package.keyword#9d00ff
token.package#f3e0ff
entity.name.function, meta.require, support.function.any-method, variable.function#dca3ff
entity.name.type.namespace#d085ff
support.class, entity.name.type.class#d085ff
entity.name.class.identifier.namespace.type#d085ff
entity.name.class, variable.other.class.js, variable.other.class.ts#d085ff
variable.other.class.php#ffffff
entity.name.type#d085ff
keyword.control#9d00ff
control.elements, keyword.operator.less#c466ff
keyword.other.special-method#dca3ff
storage#9d00ff
token.storage#9d00ff
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#9d00ff
token.storage.type.java#d085ff
support.function#d085ff
support.type.property-name#f3e0ff
support.constant.property-value#f3e0ff
support.constant.font-name#c466ff
meta.tag#f3e0ff
string#b847ff
entity.other.inherited-class#d085ff
constant.other.symbol#d085ff
constant.numeric#c466ff
constant#c466ff
punctuation.definition.constant#c466ff
entity.name.tag#d085ff
entity.other.attribute-name#c466ff
entity.other.attribute-name.id#dca3ffnormal
entity.other.attribute-name.class.css#c466ffnormal
meta.selector#9d00ff
markup.heading#ffffff
markup.heading punctuation.definition.heading, entity.name.section#dca3ff
keyword.other.unit#ffffff
markup.bold,todo.bold#c466ff
punctuation.definition.bold#d085ff
markup.italic, punctuation.definition.italic,todo.emphasis#9d00ff
emphasis md#9d00ff
entity.name.section.markdown#ffffff
punctuation.definition.heading.markdown#ffffff
punctuation.definition.list.begin.markdown#ffffff
markup.heading.setext#f3e0ff
punctuation.definition.bold.markdown#c466ff
markup.inline.raw.markdown#b847ff
markup.inline.raw.string.markdown#b847ff
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#9d00ff
string.other.link.title.markdown,string.other.link.description.markdown#dca3ff
string.regexp#d085ff
constant.character.escape#d085ff
punctuation.section.embedded, variable.interpolation#ffffff
punctuation.section.embedded.begin,punctuation.section.embedded.end#9d00ff
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#f3e0ff
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#b847ff
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#d085ff
source.json meta.structure.dictionary.json support.type.property-name.json#f3e0ff
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#e7c2ff
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#dca3ff
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#d085ff
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#c466ff
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#b847ff
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#ad29ff
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#9000eb
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#7e00cc
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#9d00ff
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#9d00ff
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#d085ff
keyword.operator.error-control.php#9d00ff
keyword.operator.type.php#9d00ff
punctuation.section.array.begin.php#f3e0ff
punctuation.section.array.end.php#f3e0ff
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#d085ff
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#dca3ff
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#f3e0ff
support.constant.core.rust#c466ff
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#c466ff
entity.name.goto-label.php,support.other.php#dca3ff
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#d085ff
keyword.operator.regexp.php#9d00ff
keyword.operator.comparison.php#d085ff
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#9d00ff
meta.function.decorator.python#dca3ff
support.token.decorator.python,meta.function.decorator.identifier.python#d085ff
function.parameter#f3e0ff
function.brace#f3e0ff
function.parameter.ruby, function.parameter.cs#f3e0ff
constant.language.symbol.ruby#d085ff
rgb-value#d085ff
inline-color-decoration rgb-value#c466ff
less rgb-value#c466ff
selector.sass#ffffff
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#d085ff
block.scope.end,block.scope.begin#f3e0ff
storage.type.cs#d085ff
entity.name.variable.local.cs#ffffff
token.info-token#dca3ff
token.warn-token#c466ff
token.error-token#f44747
token.debug-token#9d00ff
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#9d00ff
meta.template.expression#f3e0ff
keyword.operator.module#9d00ff
support.type.type.flowtype#dca3ff
support.type.primitive#d085ff
meta.property.object#ffffff
variable.parameter.function.js#ffffff
keyword.other.template.begin#b847ff
keyword.other.template.end#b847ff
keyword.other.substitution.begin#b847ff
keyword.other.substitution.end#b847ff
keyword.operator.assignment#d085ff
keyword.operator.assignment.go#d085ff
keyword.operator.arithmetic.go, keyword.operator.address.go#9d00ff
entity.name.package.go#d085ff
support.type.prelude.elm#d085ff
support.constant.elm#c466ff
punctuation.quasi.element#9d00ff
constant.character.entity#ffffff
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#d085ff
entity.global.clojure#d085ff
meta.symbol.clojure#ffffff
constant.keyword.clojure#d085ff
meta.arguments.coffee, variable.parameter.function.coffee#ffffff
source.ini#b847ff
meta.scope.prerequisites.makefile#ffffff
source.makefile#d085ff
storage.modifier.import.groovy#d085ff
meta.method.groovy#dca3ff
meta.definition.variable.name.groovy#ffffff
meta.definition.class.inherited.classes.groovy#b847ff
support.variable.semantic.hlsl#d085ff
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#9d00ff
text.variable, text.bracketed#ffffff
support.type.swift, support.type.vb.asp#d085ff
entity.name.function.xi#d085ff
entity.name.class.xi#d085ff
constant.character.character-class.regexp.xi#ffffff
constant.regexp.xi#9d00ff
keyword.control.xi#d085ff
invalid.xi#f3e0ff
beginning.punctuation.definition.quote.markdown.xi#b847ff
beginning.punctuation.definition.list.markdown.xi#5c5c5c
constant.character.xi#dca3ff
accent.xi#dca3ff
wikiword.xi#c466ff
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#d085ff
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ffffff
meta.brace.square#f3e0ff
comment, punctuation.definition.comment#5c5c5citalic
markup.quote.markdown#5c5c5c
punctuation.definition.block.sequence.item.yaml#f3e0ff
constant.language.symbol.elixir#d085ff
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