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