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