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