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