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