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