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