Skip to main content
CodingTheme

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#1f1f1f
  • activityBar.border#f1f1f10e
  • activityBar.foreground#f1f1f1
  • activityBar.inactiveForeground#f1f1f166
  • activityBarBadge.background#646b60
  • activityBarBadge.foreground#ffffff
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#f1f1f1c1
  • breadcrumb.background#1f1f1f
  • breadcrumb.focusForeground#f1f1f1c1
  • breadcrumb.foreground#f1f1f180
  • button.background#f1f1f180
  • button.foreground#1f1f1f
  • button.hoverBackground#f1f1f18d
  • button.secondaryBackground#f1f1f124
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#f1f1f134
  • checkbox.background#3c3c3c
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#70b95514
  • diffEditor.removedTextBackground#ff000016
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#1f1f1f
  • editor.findMatchBackground#f1f1f118
  • editor.findMatchBorder#f1f1f106
  • editor.findMatchHighlightBackground#f1f1f11c
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#f1f1f10e
  • editor.findRangeHighlightBorder#f1f1f102
  • editor.foldBackground#f1f1f10e
  • editor.foreground#f1f1f180
  • editor.hoverHighlightBackground#f1f1f118
  • editor.inactiveSelectionBackground#f1f1f122
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#f1f1f11a
  • editor.selectionHighlightBackground#f1f1f116
  • editor.selectionHighlightBorder#f1f1f112
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#f1f1f11c
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f471b5
  • editorGroup.border#444444
  • editorGroup.emptyBackground#1f1f1f
  • editorGroupHeader.border#ffffff1a
  • editorGroupHeader.tabsBackground#f1f1f10e
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#1e1e1e
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#6cba8f
  • editorHoverWidget.background#1f1f1f
  • editorHoverWidget.border#f1f1f12e
  • editorHoverWidget.foreground#f1f1f1
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#6cba8f00
  • editorInfo.foreground#6cba8f
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#f1f1f1b3
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#6cba8f
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#0097fb
  • editorSuggestWidget.selectedBackground#062f4a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#1f1f1f
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#646b60
  • foreground#f1f1f1
  • gitDecoration.addedResourceForeground#f1f1f100
  • gitDecoration.conflictingResourceForeground#f1f1f180
  • gitDecoration.deletedResourceForeground#f1f1f180
  • gitDecoration.ignoredResourceForeground#f1f1f13c
  • gitDecoration.modifiedResourceForeground#f1f1f180
  • gitDecoration.stageDeletedResourceForeground#f1f1f180
  • gitDecoration.stageModifiedResourceForeground#f1f1f180
  • gitDecoration.submoduleResourceForeground#f1f1f180
  • gitDecoration.untrackedResourceForeground#f1f1f180
  • icon.foreground#f1f1f1
  • input.background#3c3c3c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#f1f1f148
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#f1f1f11c
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#f1f1f10e
  • list.focusBackground#f1f1f11a
  • list.focusForeground#f1f1f1
  • list.highlightForeground#f1f1f1
  • list.hoverBackground#f1f1f10a
  • list.hoverForeground#f1f1f199
  • list.inactiveSelectionBackground#f1f1f10e
  • list.inactiveSelectionForeground#f1f1f1
  • listFilterWidget.background#f1f1f134
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#1f1f1f
  • menu.border#00000085
  • menu.foreground#f1f1f1
  • menu.selectionBackground#f1f1f136
  • menu.selectionBorder#00000000
  • menu.selectionForeground#f1f1f1
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#f1f1f132
  • menubar.selectionForeground#f1f1f1
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#a37eba40
  • merge.incomingHeaderBackground#a37eba80
  • minimap.background#1f1f1f
  • minimap.errorHighlight#f471b5
  • minimap.findMatchHighlight#f1f1f118
  • minimap.selectionHighlight#f1f1f11a
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#6cba8f
  • notificationCenter.border#47474704
  • notificationCenterHeader.background#f1f1f108
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#1f1f1f
  • notifications.border#303031
  • notifications.foreground#f1f1f1
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#f1f1f10e
  • panel.background#1e1e1e
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#f1f1f12c
  • peekViewEditor.background#2a2a2a
  • peekViewEditor.matchHighlightBackground#ff8f0038
  • peekViewEditor.matchHighlightBorder#ee931e00
  • peekViewEditorGutter.background#2a2a2a
  • peekViewResult.background#2a2a2a
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c0038
  • peekViewResult.selectionBackground#f1f1f10c
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#2a2a2a
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#f1f1f1
  • progressBar.background#646b60
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#f1f1f134
  • selection.background#646b60
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#f1f1f1
  • sideBar.background#1f1f1f
  • sideBar.border#f1f1f10e
  • sideBar.dropBackground#f1f1f10e
  • sideBar.foreground#f1f1f1
  • sideBarSectionHeader.background#ffffff00
  • sideBarSectionHeader.border#f1f1f10e
  • sideBarSectionHeader.foreground#f1f1f1
  • sideBarTitle.foreground#f1f1f19b
  • statusBar.background#1c1f1e
  • statusBar.debuggingBackground#1c1f1e
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#1c1f1e
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#f1f1f134
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#1e1e1e
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#252526
  • tab.inactiveBackground#f1f1f100
  • tab.inactiveForeground#f1f1f180
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#f1f1f1
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#f1f1f1
  • terminal.ansiBrightCyan#f1f1f1
  • terminal.ansiBrightGreen#f1f1f1
  • terminal.ansiBrightMagenta#f1f1f1
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#f1f1f1
  • terminal.ansiGreen#f1f1f1
  • terminal.ansiMagenta#f1f1f1
  • terminal.ansiRed#f14c4c
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#e5e510
  • terminal.border#80808059
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#ececec3e
  • terminalCursor.foreground#ffffff
  • textLink.foreground#f1f1f180
  • titleBar.activeBackground#1f1f1f
  • titleBar.activeForeground#f1f1f1bf
  • titleBar.border#00000000
  • titleBar.inactiveBackground#1f1f1f
  • titleBar.inactiveForeground#f1f1f15c
  • tree.indentGuidesStroke#f1f1f134
  • walkThrough.embeddedEditorBackground#00000050
  • 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#f1f1f1cc
variable.other.generic-type.haskell#f1f1f199
storage.type.haskell#f1f1f180
support.variable.magic.python#f1f1f1cc
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#f1f1f180
variable.parameter.function.language.special.self.python#f1f1f1e6
storage.modifier.lifetime.rust#f1f1f180
support.function.std.rust#f1f1f1
entity.name.lifetime.rust#f1f1f1e6
variable.language.rust#f1f1f1cc
support.constant.edge#f1f1f199
constant.other.character-class.regexp#f1f1f1cc
keyword.operator.quantifier.regexp#f1f1f180
punctuation.definition.string.begin,punctuation.definition.string.end#f1f1f180
variable.parameter.function#f1f1f180
comment markup.link#ababab46
markup.changed.diff#f1f1f1e6
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#f1f1f1
markup.inserted.diff#f1f1f180
markup.deleted.diff#f1f1f1cc
meta.function.c,meta.function.cpp#f1f1f1cc
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#f1f1f180
punctuation.separator.key-value#f1f1f180
keyword.operator.expression.import#f1f1f1
support.constant.math#f1f1f1e6
support.constant.property.math#f1f1f180
variable.other.constant#f1f1f1e6
storage.type.annotation.java, storage.type.object.array.java#f1f1f1e6
source.java#f1f1f1cc
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#f1f1f180
meta.method.java#f1f1f1
storage.modifier.import.java,storage.type.java,storage.type.generic.java#f1f1f1e6
keyword.operator.instanceof.java#f1f1f199
meta.definition.variable.name.java#f1f1f1cc
keyword.operator.logical#f1f1f180
keyword.operator.bitwise#f1f1f180
keyword.operator.channel#f1f1f180
support.constant.property-value.scss,support.constant.property-value.css#f1f1f180
keyword.operator.css,keyword.operator.scss,keyword.operator.less#f1f1f180
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#f1f1f180
punctuation.separator.list.comma.css#f1f1f180
support.constant.color.w3c-standard-color-name.css#f1f1f180
support.type.vendored.property-name.css#f1f1f180
support.module.node,support.type.object.module,support.module.node#f1f1f1e6
entity.name.type.module#f1f1f1e6
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#f1f1f1cc
support.constant.json#f1f1f180
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#f1f1f199
support.type.object.console#f1f1f1cc
support.variable.property.process#f1f1f180
entity.name.function,support.function.console#f1f1f1
keyword.operator.misc.rust#f1f1f180
keyword.operator.sigil.rust#f1f1f199
keyword.operator.delete#f1f1f199
support.type.object.dom#f1f1f180
support.variable.dom,support.variable.property.dom#f1f1f1cc
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#f1f1f180
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#f1f1f199
punctuation.separator.delimiter#f1f1f180
punctuation.separator.c,punctuation.separator.cpp#f1f1f199
support.type.posix-reserved.c,support.type.posix-reserved.cpp#f1f1f180
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#f1f1f199
variable.parameter.function.language.python#f1f1f180
support.type.python#f1f1f180
keyword.operator.logical.python#f1f1f199
variable.parameter.function.python#f1f1f180
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#f1f1f180
meta.function-call.generic.python#f1f1f1
constant.character.format.placeholder.other.python#f1f1f180
keyword.operator#f1f1f180
keyword.operator.assignment.compound#f1f1f199
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#f1f1f180
keyword#f1f1f199
entity.name.namespace#f1f1f1e6
variable#f1f1f1cc
variable.c#f1f1f180
variable.language#f1f1f1e6
token.variable.parameter.java#f1f1f180
import.storage.java#f1f1f1e6
token.package.keyword#f1f1f199
token.package#f1f1f180
entity.name.function, meta.require, support.function.any-method, variable.function#f1f1f1
entity.name.type.namespace#f1f1f1e6
support.class, entity.name.type.class#f1f1f1e6
entity.name.class.identifier.namespace.type#f1f1f1e6
entity.name.class, variable.other.class.js, variable.other.class.ts#f1f1f1e6
variable.other.class.php#f1f1f1cc
entity.name.type#f1f1f1e6
keyword.control#f1f1f199
control.elements, keyword.operator.less#f1f1f180
keyword.other.special-method#f1f1f1
storage#f1f1f199
token.storage#f1f1f199
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#f1f1f199
token.storage.type.java#f1f1f1e6
support.function#f1f1f180
support.type.property-name#f1f1f180
support.constant.property-value#f1f1f180
support.constant.font-name#f1f1f180
meta.tag#f1f1f180
string#f1f1f180
entity.other.inherited-class#f1f1f1e6
constant.other.symbol#f1f1f180
constant.numeric#f1f1f180
constant#f1f1f180
punctuation.definition.constant#f1f1f180
entity.name.tag#f1f1f1cc
entity.other.attribute-name#f1f1f180
entity.other.attribute-name.id#f1f1f1normal
entity.other.attribute-name.class.css#f1f1f180normal
meta.selector#f1f1f199
markup.heading#f1f1f1cc
markup.heading punctuation.definition.heading, entity.name.section#f1f1f1
keyword.other.unit#f1f1f1cc
markup.bold,todo.bold#f1f1f180
punctuation.definition.bold#f1f1f1e6
markup.italic, punctuation.definition.italic,todo.emphasis#f1f1f199
emphasis md#f1f1f199
entity.name.section.markdown#f1f1f1cc
punctuation.definition.heading.markdown#f1f1f1cc
punctuation.definition.list.begin.markdown#f1f1f1cc
markup.heading.setext#f1f1f180
punctuation.definition.bold.markdown#f1f1f180
markup.inline.raw.markdown#f1f1f180
markup.inline.raw.string.markdown#f1f1f180
punctuation.definition.list.markdown#f1f1f1cc
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#f1f1f1cc
beginning.punctuation.definition.list.markdown#f1f1f1cc
punctuation.definition.metadata.markdown#f1f1f1cc
markup.underline.link.markdown,markup.underline.link.image.markdown#f1f1f199
string.other.link.title.markdown,string.other.link.description.markdown#f1f1f1
string.regexp#f1f1f180
constant.character.escape#f1f1f180
punctuation.section.embedded, variable.interpolation#f1f1f1cc
punctuation.section.embedded.begin,punctuation.section.embedded.end#f1f1f199
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#f1f1f180
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#f1f1f1cc
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#f1f1f1cc
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#f1f1f180
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#f1f1f180
support.type.property-name.json#f1f1f1cc
support.type.property-name.json punctuation#f1f1f1cc
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#f1f1f199
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#f1f1f199
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#f1f1f1e6
keyword.operator.error-control.php#f1f1f199
keyword.operator.type.php#f1f1f199
punctuation.section.array.begin.php#f1f1f180
punctuation.section.array.end.php#f1f1f180
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#f1f1f1e6
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#f1f1f1
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#f1f1f180
support.constant.core.rust#f1f1f180
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#f1f1f180
entity.name.goto-label.php,support.other.php#f1f1f1
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#f1f1f180
keyword.operator.regexp.php#f1f1f199
keyword.operator.comparison.php#f1f1f180
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#f1f1f199
meta.function.decorator.python#f1f1f1
support.token.decorator.python,meta.function.decorator.identifier.python#f1f1f180
function.parameter#f1f1f180
function.brace#f1f1f180
function.parameter.ruby, function.parameter.cs#f1f1f180
constant.language.symbol.ruby#f1f1f180
rgb-value#f1f1f180
inline-color-decoration rgb-value#f1f1f180
less rgb-value#f1f1f180
selector.sass#f1f1f1cc
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#f1f1f1e6
block.scope.end,block.scope.begin#f1f1f180
storage.type.cs#f1f1f1e6
entity.name.variable.local.cs#f1f1f1cc
token.info-token#f1f1f1
token.warn-token#f1f1f180
token.error-token#f44747
token.debug-token#f1f1f199
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#f1f1f199
meta.template.expression#f1f1f180
keyword.operator.module#f1f1f199
support.type.type.flowtype#f1f1f1
support.type.primitive#f1f1f1e6
meta.property.object#f1f1f1cc
variable.parameter.function.js#f1f1f1cc
keyword.other.template.begin#f1f1f180
keyword.other.template.end#f1f1f180
keyword.other.substitution.begin#f1f1f180
keyword.other.substitution.end#f1f1f180
keyword.operator.assignment#f1f1f180
keyword.operator.assignment.go#f1f1f1e6
keyword.operator.arithmetic.go, keyword.operator.address.go#f1f1f199
entity.name.package.go#f1f1f1e6
support.type.prelude.elm#f1f1f180
support.constant.elm#f1f1f180
punctuation.quasi.element#f1f1f199
constant.character.entity#f1f1f1cc
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#f1f1f180
entity.global.clojure#f1f1f1e6
meta.symbol.clojure#f1f1f1cc
constant.keyword.clojure#f1f1f180
meta.arguments.coffee, variable.parameter.function.coffee#f1f1f1cc
source.ini#f1f1f180
meta.scope.prerequisites.makefile#f1f1f1cc
source.makefile#f1f1f1e6
storage.modifier.import.groovy#f1f1f1e6
meta.method.groovy#f1f1f1
meta.definition.variable.name.groovy#f1f1f1cc
meta.definition.class.inherited.classes.groovy#f1f1f180
support.variable.semantic.hlsl#f1f1f1e6
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#f1f1f199
text.variable, text.bracketed#f1f1f1cc
support.type.swift, support.type.vb.asp#f1f1f1e6
entity.name.function.xi#f1f1f1e6
entity.name.class.xi#f1f1f180
constant.character.character-class.regexp.xi#f1f1f1cc
constant.regexp.xi#f1f1f199
keyword.control.xi#f1f1f180
invalid.xi#f1f1f180
beginning.punctuation.definition.quote.markdown.xi#f1f1f180
beginning.punctuation.definition.list.markdown.xi#ababab46
constant.character.xi#f1f1f1
accent.xi#f1f1f1
wikiword.xi#f1f1f180
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#ababab46
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#f1f1f1e6
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#f1f1f1cc
meta.brace.square#f1f1f180
comment, punctuation.definition.comment#ababab46italic
markup.quote.markdown#ababab46
punctuation.definition.block.sequence.item.yaml#f1f1f180
constant.language.symbol.elixir#f1f1f180
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...