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