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#00ff99
  • activityBar.inactiveForeground#00ff9961
  • activityBarBadge.background#00ff99
  • activityBarBadge.foreground#131313
  • badge.background#00ff99
  • badge.foreground#131313
  • breadcrumb.activeSelectionForeground#d6d6d6
  • breadcrumb.background#131313
  • breadcrumb.focusForeground#00ff99
  • breadcrumb.foreground#c2c2c2
  • button.background#00ff99
  • button.foreground#131313
  • button.hoverBackground#00cc7a
  • button.secondaryBackground#707070
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#5c5c5c
  • checkbox.background#131313
  • checkbox.border#ffffff00
  • checkbox.foreground#c2c2c2
  • debugExceptionWidget.background#131313
  • debugExceptionWidget.border#00ff999e
  • debugToolBar.background#131313
  • debugToolBar.border#00ff999e
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#b3ff0020
  • diffEditor.removedTextBackground#ff000028
  • dropdown.background#131313
  • dropdown.border#ffffff00
  • dropdown.foreground#c2c2c2
  • editor.background#131313
  • editor.findMatchBackground#47ffb621
  • editor.findMatchBorder#ffffff00
  • editor.findMatchHighlightBackground#47ffb621
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#00ff9924
  • editor.foreground#ebebeb
  • editor.hoverHighlightBackground#00ff9940
  • editor.inactiveSelectionBackground#47ffb621
  • editor.lineHighlightBackground#ffffff0a
  • editor.lineHighlightBorder#ffffff00
  • editor.rangeHighlightBackground#ffffff0a
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#00ff9940
  • editor.selectionHighlightBackground#47ffb621
  • editor.selectionHighlightBorder#47ffb6
  • editor.wordHighlightBackground#5c5c5c38
  • editor.wordHighlightStrongBackground#00ff9940
  • editorBracketMatch.background#00ff991a
  • editorBracketMatch.border#999999
  • editorCodeLens.foreground#99999997
  • editorCursor.background#131313
  • editorCursor.foreground#00ff99
  • editorError.background#ffffff00
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#ffffff0d
  • editorGroup.dropBackground#00ff991a
  • 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#00ff99
  • 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#00ff99
  • editorSuggestWidget.selectedBackground#00ff992b
  • editorWarning.background#ffffff00
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#ffffff00
  • editorWidget.background#131313
  • editorWidget.foreground#c2c2c2
  • editorWidget.resizeBorder#00ff99
  • 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#00ff9952
  • inputOption.activeBorder#ffffff00
  • inputOption.activeForeground#131313
  • list.activeSelectionBackground#00ff9936
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#ebebeb17
  • list.focusBackground#00ff9938
  • list.focusForeground#ffffff
  • list.highlightForeground#00ff99
  • list.hoverBackground#ffffff08
  • list.hoverForeground#d6d6d6
  • list.inactiveSelectionBackground#00ff9924
  • list.inactiveSelectionForeground#66ffc2
  • listFilterWidget.background#00ff99
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#ffffff00
  • menu.background#131313
  • menu.border#ffffff00
  • menu.foreground#ebebeb
  • menu.selectionBackground#00ff99
  • menu.selectionBorder#ffffff00
  • menu.selectionForeground#131313
  • menu.separatorBackground#ffffff00
  • menubar.selectionBackground#131313
  • menubar.selectionForeground#00ff99
  • 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#00ff9940
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#93d900
  • minimapGutter.deletedBackground#d70a14
  • minimapGutter.modifiedBackground#01baee
  • notificationCenter.border#47474752
  • notificationCenterHeader.background#00ff99
  • notificationCenterHeader.foreground#131313
  • notifications.background#131313
  • notifications.border#ffffff00
  • notifications.foreground#c2c2c2
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#4747473a
  • panel.background#131313
  • panel.border#ffffff0d
  • panelSection.border#00ff9940
  • panelTitle.activeBorder#00ff99
  • panelTitle.activeForeground#ffffff
  • panelTitle.inactiveForeground#adadad
  • peekView.border#00ff99
  • 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#00ff9933
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#131313
  • peekViewTitleDescription.foreground#707070b3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#ffffff00
  • pickerGroup.foreground#00ff99
  • progressBar.background#00ff99
  • scrollbar.shadow#ffffff00
  • scrollbarSlider.activeBackground#00ff9966
  • scrollbarSlider.background#00ff9966
  • scrollbarSlider.hoverBackground#00ff99b3
  • 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#00ff99
  • sideBarTitle.foreground#ffffff
  • statusBar.background#00ff99
  • statusBar.debuggingBackground#ffffff
  • statusBar.debuggingForeground#131313
  • statusBar.foreground#131313
  • statusBar.noFolderBackground#131313
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#ffffff26
  • statusBarItem.hoverBackground#13131326
  • statusBarItem.remoteBackground#131313
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#131313
  • tab.activeBorder#ffffff00
  • tab.activeBorderTop#ffffff00
  • tab.activeForeground#ffffff
  • tab.border#ffffff00
  • tab.inactiveBackground#131313
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#ffffff
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#3b8eea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#23d18b
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#e5e510
  • terminal.border#00ff9940
  • terminal.foreground#c2c2c2
  • terminal.selectionBackground#ffffff17
  • terminalCursor.background#00ff99
  • terminalCursor.foreground#131313
  • textLink.activeForeground#00cc7a
  • textLink.foreground#00ff99
  • 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#00ff99
storage.type.haskell#66ffc2
support.variable.magic.python#ffffff
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#e0fff3
variable.parameter.function.language.special.self.python#85ffce
storage.modifier.lifetime.rust#e0fff3
support.function.std.rust#a3ffda
entity.name.lifetime.rust#85ffce
variable.language.rust#ffffff
support.constant.edge#00ff99
constant.other.character-class.regexp#ffffff
keyword.operator.quantifier.regexp#66ffc2
punctuation.definition.string.begin,punctuation.definition.string.end#47ffb6
variable.parameter.function#e0fff3
comment markup.link#5c5c5c
markup.changed.diff#85ffce
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#a3ffda
markup.inserted.diff#47ffb6
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#e0fff3
punctuation.separator.key-value#e0fff3
keyword.operator.expression.import#a3ffda
support.constant.math#85ffce
support.constant.property.math#66ffc2
variable.other.constant#85ffce
storage.type.annotation.java, storage.type.object.array.java#85ffce
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#e0fff3
meta.method.java#a3ffda
storage.modifier.import.java,storage.type.java,storage.type.generic.java#85ffce
keyword.operator.instanceof.java#00ff99
meta.definition.variable.name.java#ffffff
keyword.operator.logical#85ffce
keyword.operator.bitwise#85ffce
keyword.operator.channel#85ffce
support.constant.property-value.scss,support.constant.property-value.css#66ffc2
keyword.operator.css,keyword.operator.scss,keyword.operator.less#85ffce
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#66ffc2
punctuation.separator.list.comma.css#e0fff3
support.constant.color.w3c-standard-color-name.css#66ffc2
support.type.vendored.property-name.css#85ffce
support.module.node,support.type.object.module,support.module.node#85ffce
entity.name.type.module#85ffce
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ffffff
support.constant.json#66ffc2
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#00ff99
support.type.object.console#ffffff
support.variable.property.process#66ffc2
entity.name.function,support.function.console#a3ffda
keyword.operator.misc.rust#e0fff3
keyword.operator.sigil.rust#00ff99
keyword.operator.delete#00ff99
support.type.object.dom#85ffce
support.variable.dom,support.variable.property.dom#ffffff
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#85ffce
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#00ff99
punctuation.separator.delimiter#e0fff3
punctuation.separator.c,punctuation.separator.cpp#00ff99
support.type.posix-reserved.c,support.type.posix-reserved.cpp#85ffce
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#00ff99
variable.parameter.function.language.python#66ffc2
support.type.python#85ffce
keyword.operator.logical.python#00ff99
variable.parameter.function.python#66ffc2
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#e0fff3
meta.function-call.generic.python#a3ffda
constant.character.format.placeholder.other.python#66ffc2
keyword.operator#e0fff3
keyword.operator.assignment.compound#00ff99
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#85ffce
keyword#00ff99
entity.name.namespace#85ffce
variable#ffffff
variable.c#e0fff3
variable.language#85ffce
token.variable.parameter.java#e0fff3
import.storage.java#85ffce
token.package.keyword#00ff99
token.package#e0fff3
entity.name.function, meta.require, support.function.any-method, variable.function#a3ffda
entity.name.type.namespace#85ffce
support.class, entity.name.type.class#85ffce
entity.name.class.identifier.namespace.type#85ffce
entity.name.class, variable.other.class.js, variable.other.class.ts#85ffce
variable.other.class.php#ffffff
entity.name.type#85ffce
keyword.control#00ff99
control.elements, keyword.operator.less#66ffc2
keyword.other.special-method#a3ffda
storage#00ff99
token.storage#00ff99
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#00ff99
token.storage.type.java#85ffce
support.function#85ffce
support.type.property-name#e0fff3
support.constant.property-value#e0fff3
support.constant.font-name#66ffc2
meta.tag#e0fff3
string#47ffb6
entity.other.inherited-class#85ffce
constant.other.symbol#85ffce
constant.numeric#66ffc2
constant#66ffc2
punctuation.definition.constant#66ffc2
entity.name.tag#85ffce
entity.other.attribute-name#66ffc2
entity.other.attribute-name.id#a3ffdanormal
entity.other.attribute-name.class.css#66ffc2normal
meta.selector#00ff99
markup.heading#ffffff
markup.heading punctuation.definition.heading, entity.name.section#a3ffda
keyword.other.unit#ffffff
markup.bold,todo.bold#66ffc2
punctuation.definition.bold#85ffce
markup.italic, punctuation.definition.italic,todo.emphasis#00ff99
emphasis md#00ff99
entity.name.section.markdown#ffffff
punctuation.definition.heading.markdown#ffffff
punctuation.definition.list.begin.markdown#ffffff
markup.heading.setext#e0fff3
punctuation.definition.bold.markdown#66ffc2
markup.inline.raw.markdown#47ffb6
markup.inline.raw.string.markdown#47ffb6
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#00ff99
string.other.link.title.markdown,string.other.link.description.markdown#a3ffda
string.regexp#85ffce
constant.character.escape#85ffce
punctuation.section.embedded, variable.interpolation#ffffff
punctuation.section.embedded.begin,punctuation.section.embedded.end#00ff99
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#e0fff3
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#47ffb6
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#85ffce
source.json meta.structure.dictionary.json support.type.property-name.json#e0fff3
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#c2ffe7
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#a3ffda
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#85ffce
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#66ffc2
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#47ffb6
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#29ffa9
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#00eb8d
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#00cc7a
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#00ff99
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#00ff99
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#85ffce
keyword.operator.error-control.php#00ff99
keyword.operator.type.php#00ff99
punctuation.section.array.begin.php#e0fff3
punctuation.section.array.end.php#e0fff3
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#85ffce
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#a3ffda
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#e0fff3
support.constant.core.rust#66ffc2
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#66ffc2
entity.name.goto-label.php,support.other.php#a3ffda
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#85ffce
keyword.operator.regexp.php#00ff99
keyword.operator.comparison.php#85ffce
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#00ff99
meta.function.decorator.python#a3ffda
support.token.decorator.python,meta.function.decorator.identifier.python#85ffce
function.parameter#e0fff3
function.brace#e0fff3
function.parameter.ruby, function.parameter.cs#e0fff3
constant.language.symbol.ruby#85ffce
rgb-value#85ffce
inline-color-decoration rgb-value#66ffc2
less rgb-value#66ffc2
selector.sass#ffffff
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#85ffce
block.scope.end,block.scope.begin#e0fff3
storage.type.cs#85ffce
entity.name.variable.local.cs#ffffff
token.info-token#a3ffda
token.warn-token#66ffc2
token.error-token#f44747
token.debug-token#00ff99
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#00ff99
meta.template.expression#e0fff3
keyword.operator.module#00ff99
support.type.type.flowtype#a3ffda
support.type.primitive#85ffce
meta.property.object#ffffff
variable.parameter.function.js#ffffff
keyword.other.template.begin#47ffb6
keyword.other.template.end#47ffb6
keyword.other.substitution.begin#47ffb6
keyword.other.substitution.end#47ffb6
keyword.operator.assignment#85ffce
keyword.operator.assignment.go#85ffce
keyword.operator.arithmetic.go, keyword.operator.address.go#00ff99
entity.name.package.go#85ffce
support.type.prelude.elm#85ffce
support.constant.elm#66ffc2
punctuation.quasi.element#00ff99
constant.character.entity#ffffff
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#85ffce
entity.global.clojure#85ffce
meta.symbol.clojure#ffffff
constant.keyword.clojure#85ffce
meta.arguments.coffee, variable.parameter.function.coffee#ffffff
source.ini#47ffb6
meta.scope.prerequisites.makefile#ffffff
source.makefile#85ffce
storage.modifier.import.groovy#85ffce
meta.method.groovy#a3ffda
meta.definition.variable.name.groovy#ffffff
meta.definition.class.inherited.classes.groovy#47ffb6
support.variable.semantic.hlsl#85ffce
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#00ff99
text.variable, text.bracketed#ffffff
support.type.swift, support.type.vb.asp#85ffce
entity.name.function.xi#85ffce
entity.name.class.xi#85ffce
constant.character.character-class.regexp.xi#ffffff
constant.regexp.xi#00ff99
keyword.control.xi#85ffce
invalid.xi#e0fff3
beginning.punctuation.definition.quote.markdown.xi#47ffb6
beginning.punctuation.definition.list.markdown.xi#5c5c5c
constant.character.xi#a3ffda
accent.xi#a3ffda
wikiword.xi#66ffc2
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#85ffce
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ffffff
meta.brace.square#e0fff3
comment, punctuation.definition.comment#5c5c5citalic
markup.quote.markdown#5c5c5c
punctuation.definition.block.sequence.item.yaml#e0fff3
constant.language.symbol.elixir#85ffce
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