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