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