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