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