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#c7c7c7
  • activityBar.border#ffffff00
  • activityBar.foreground#000000ad
  • activityBar.inactiveForeground#0000007a
  • activityBarBadge.background#007acc
  • activityBarBadge.foreground#ffffff
  • badge.background#646464
  • badge.foreground#fffefe
  • breadcrumb.activeSelectionForeground#000000
  • breadcrumb.background#eeeeee
  • breadcrumb.focusForeground#000000
  • breadcrumb.foreground#000000b3
  • button.background#007acc
  • button.foreground#ffffff
  • button.hoverBackground#0062a3
  • button.secondaryBackground#5f6a79
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#4c5561
  • checkbox.background#ffffff
  • checkbox.border#00000000
  • checkbox.foreground#616161
  • debugExceptionWidget.background#f3f3f3
  • debugExceptionWidget.border#d5d5d5
  • debugToolBar.background#f3f3f3
  • debugToolBar.border#d5d5d5
  • diffEditor.border#d7d7d7
  • diffEditor.insertedTextBackground#1fff2d30
  • diffEditor.removedTextBackground#ff000024
  • dropdown.background#ffffff
  • dropdown.border#00000000
  • dropdown.foreground#616161
  • editor.background#eeeeee
  • editor.findMatchBackground#a8ac94
  • editor.findMatchBorder#979b83
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#b4b4b44d
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#add6ff4d
  • editor.foreground#000000
  • editor.hoverHighlightBackground#d1e8ff26
  • editor.inactiveSelectionBackground#dde6f0
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#eeeeee
  • editor.rangeHighlightBackground#fdff0033
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#add6ff
  • editor.selectionHighlightBackground#add6ff80
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#57575740
  • editor.wordHighlightStrongBackground#0e639c40
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#b9b9b9
  • editorCodeLens.foreground#999999
  • editorCursor.background#ffffff
  • editorCursor.foreground#000000
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#e51400
  • editorGroup.border#d1d1d100
  • editorGroup.emptyBackground#eeeeee
  • editorGroupHeader.border#dbdbdb
  • editorGroupHeader.tabsBackground#c7c7c7
  • editorGroupHeader.tabsBorder#ffffff00
  • editorGutter.addedBackground#26c044
  • editorGutter.background#eeeeee
  • editorGutter.commentRangeForeground#2e2e2e
  • editorGutter.deletedBackground#e0151e
  • editorGutter.foldingControlForeground#2e2e2e
  • editorGutter.modifiedBackground#349ce2
  • editorHoverWidget.background#f3f3f3
  • editorHoverWidget.border#c8c8c86e
  • editorHoverWidget.foreground#616161
  • editorIndentGuide.activeBackground#939393
  • editorIndentGuide.background#d3d3d3
  • editorInfo.background#4490BF00
  • editorInfo.border#4490bf1c
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#0b216f
  • editorLineNumber.foreground#00000072
  • editorLink.activeForeground#007cffe7
  • editorMarkerNavigation.background#eeeeee
  • editorMarkerNavigationError.background#e51400
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#e9a700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#c0c0c04d
  • editorRuler.foreground#d3d3d3
  • editorSuggestWidget.background#f3f3f3
  • editorSuggestWidget.border#00000022
  • editorSuggestWidget.foreground#000000ab
  • editorSuggestWidget.highlightForeground#0066bf
  • editorSuggestWidget.selectedBackground#d6ebff
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#e9a700
  • editorWhitespace.foreground#33333333
  • editorWidget.background#f3f3f3
  • editorWidget.foreground#616161
  • editorWidget.resizeBorder#c7c7c7
  • focusBorder#0090f1
  • foreground#000000
  • gitDecoration.addedResourceForeground#587c0c
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#ad0707
  • gitDecoration.ignoredResourceForeground#8e8e90
  • gitDecoration.modifiedResourceForeground#895503
  • gitDecoration.stageDeletedResourceForeground#ad0707
  • gitDecoration.stageModifiedResourceForeground#895503
  • gitDecoration.submoduleResourceForeground#1258a7
  • gitDecoration.untrackedResourceForeground#007100
  • icon.foreground#000000
  • input.background#ffffff
  • input.border#00000000
  • input.foreground#616161
  • input.placeholderForeground#767676
  • inputOption.activeBackground#0090f133
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#000000
  • list.activeSelectionBackground#0060c0
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#d6ebff
  • list.focusBackground#d6ebff
  • list.focusForeground#454545
  • list.highlightForeground#0066bf
  • list.hoverBackground#fbfbfb68
  • list.hoverForeground#000000
  • list.inactiveSelectionBackground#f9faff76
  • list.inactiveSelectionForeground#020202
  • listFilterWidget.background#efc1ad
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#f0f0f0
  • menu.border#cbcbcb85
  • menu.foreground#616161
  • menu.selectionBackground#0060c0
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#888888
  • menubar.selectionBackground#0000001a
  • menubar.selectionForeground#000000
  • merge.commonContentBackground#E5E5E5
  • merge.commonHeaderBackground#BFBFBF
  • merge.currentContentBackground#DBF4EF
  • merge.currentHeaderBackground#A4E3D6
  • merge.incomingContentBackground#DBECFF
  • merge.incomingHeaderBackground#A6CFFF
  • minimap.background#eeeeee
  • minimap.errorHighlight#e51400
  • minimap.findMatchHighlight#a8ac94
  • minimap.selectionHighlight#add6ff
  • minimap.warningHighlight#e9a700
  • minimapGutter.addedBackground#26c044bf
  • minimapGutter.deletedBackground#e0151e
  • minimapGutter.modifiedBackground#349ce2
  • notificationCenter.border#d5d5d5
  • notificationCenterHeader.background#e7e7e7
  • notificationCenterHeader.foreground#616161
  • notifications.background#f3f3f3
  • notifications.border#e7e7e7
  • notifications.foreground#616161
  • notificationsErrorIcon.foreground#e51400
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#e9a700
  • notificationToast.border#d5d5d5
  • panel.background#eeeeee
  • panel.border#7d7d7d59
  • panelSection.border#41414159
  • panelTitle.activeBorder#3d3d3d
  • panelTitle.activeForeground#000000
  • panelTitle.inactiveForeground#000000bf
  • peekView.border#007acc
  • peekViewEditor.background#f2f8fc
  • peekViewEditor.matchHighlightBackground#f5d802de
  • peekViewEditor.matchHighlightBorder#dbc417
  • peekViewEditorGutter.background#f2f8fc
  • peekViewResult.background#f3f3f3
  • peekViewResult.fileForeground#1e1e1e
  • peekViewResult.lineForeground#646465
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#6c6c6c
  • peekViewTitle.background#ffffff
  • peekViewTitleDescription.foreground#616161e6
  • peekViewTitleLabel.foreground#333333
  • pickerGroup.border#cccedb
  • pickerGroup.foreground#0066bf
  • progressBar.background#0e70c0
  • scrollbar.shadow#dddddd
  • scrollbarSlider.activeBackground#00000099
  • scrollbarSlider.background#64646466
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#b0daff
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#000000
  • sideBar.background#dbdbdb
  • sideBar.border#f0f0f000
  • sideBar.dropBackground#d6ebff
  • sideBar.foreground#000000
  • sideBarSectionHeader.background#ffffff24
  • sideBarSectionHeader.border#0000001c
  • sideBarSectionHeader.foreground#414141
  • sideBarTitle.foreground#000000
  • statusBar.background#007acc
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#16825d
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#eeeeee
  • tab.activeBorder#ffffff00
  • tab.activeBorderTop#7d7d7d
  • tab.activeForeground#565656
  • tab.border#00000018
  • tab.hoverBackground#eeeeee
  • tab.hoverBorder#ffffff00
  • tab.hoverForeground#323232
  • tab.inactiveBackground#dbdbdb
  • tab.inactiveForeground#0a0a0a
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#0451a5
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#0451a5
  • terminal.ansiBrightCyan#0598bc
  • terminal.ansiBrightGreen#14ce14
  • terminal.ansiBrightMagenta#bc05bc
  • terminal.ansiBrightRed#cd3131
  • terminal.ansiBrightWhite#a5a5a5
  • terminal.ansiBrightYellow#b5ba00
  • terminal.ansiCyan#0598bc
  • terminal.ansiGreen#00bc00
  • terminal.ansiMagenta#bc05bc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#555555
  • terminal.ansiYellow#949800
  • terminal.border#41414159
  • terminal.foreground#333333
  • terminal.selectionBackground#f2f2f2
  • terminalCursor.background#ffffff
  • terminalCursor.foreground#0087ff
  • textLink.foreground#006ab1
  • titleBar.activeBackground#c0c0c0
  • titleBar.activeForeground#333333
  • titleBar.border#00000000
  • titleBar.inactiveBackground#dddddd99
  • titleBar.inactiveForeground#33333399
  • tree.indentGuidesStroke#949494
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000029

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#A8A9ACitalic
comment markup.link#A8A9AC
entity.name.type#CD7F01
entity.other.inherited-class#CD7F01
keyword#A626A4
keyword.control#A626A4
keyword.operator#0F1012
keyword.other.special-method#203CEC
keyword.other.unit#AB5801
storage#A626A4
storage.type.annotation, storage.type.primitive#A626A4
storage.modifier.package, storage.modifier.import#0F1012
constant#AB5801
constant.variable#AB5801
constant.character.escape#0184BC
constant.numeric#AB5801
constant.other.color#0184BC
constant.other.symbol#0184BC
variable#F51B2C
variable.interpolation#CA1243
variable.parameter#0F1012
string#449428
string > source, string embedded#0F1012
string.regexp#0184BC
string.regexp source.ruby.embedded#CD7F01
string.other.link#F51B2C
punctuation.definition.comment#A8A9AC
punctuation.definition.method-parameters, punctuation.definition.function-parameters, punctuation.definition.parameters, punctuation.definition.separator, punctuation.definition.seperator, punctuation.definition.array#0F1012
punctuation.definition.heading, punctuation.definition.identity#203CEC
punctuation.definition.bold#CD7F01bold
punctuation.definition.italic#A626A4italic
punctuation.section.embedded#CA1243
punctuation.section.method, punctuation.section.class, punctuation.section.inner-class#0F1012
support.class#CD7F01
support.type#0184BC
support.function#0184BC
support.function.any-method#203CEC
entity.name.function#203CEC
entity.name.class, entity.name.type.class#CD7F01
entity.name.section#203CEC
entity.name.tag#F51B2C
entity.other.attribute-name#AB5801
entity.other.attribute-name.id#203CEC
meta.class#CD7F01
meta.class.body#0F1012
meta.method-call, meta.method#0F1012
meta.definition.variable#F51B2C
meta.link#AB5801
meta.require#203CEC
meta.selector#A626A4
meta.separator#0F1012
meta.tag#0F1012
underline
none#0F1012
invalid.deprecated#000000
invalid.illegalwhite
markup.bold#AB5801bold
markup.changed#A626A4
markup.deleted#F51B2C
markup.italic#A626A4italic
markup.heading#F51B2C
markup.heading punctuation.definition.heading#203CEC
markup.link#0184BC
markup.inserted#449428
markup.quote#AB5801
markup.raw#449428
source.c keyword.operator#A626A4
source.cpp keyword.operator#A626A4
source.cs keyword.operator#A626A4
source.css property-name, source.css property-value#696C77
source.css property-name.support, source.css property-value.support#0F1012
source.elixir source.embedded.source#0F1012
source.elixir constant.language, source.elixir constant.numeric, source.elixir constant.definition#203CEC
source.elixir variable.definition, source.elixir variable.anonymous#A626A4
source.elixir parameter.variable.function#AB5801italic
source.elixir quoted#449428
source.elixir keyword.special-method, source.elixir embedded.section, source.elixir embedded.source.empty#F51B2C
source.elixir readwrite.module punctuation#F51B2C
source.elixir regexp.section, source.elixir regexp.string#CA1243
source.elixir separator, source.elixir keyword.operator#AB5801
source.elixir variable.constant#CD7F01
source.elixir array, source.elixir scope, source.elixir section#696C77
source.gfm markup
source.gfm link entity#203CEC
source.go storage.type.string#A626A4
source.ini keyword.other.definition.ini#F51B2C
source.java storage.modifier.import#CD7F01
source.java storage.type#CD7F01
source.java keyword.operator.instanceof#A626A4
source.java-properties meta.key-pair#F51B2C
source.java-properties meta.key-pair > punctuation#0F1012
source.js keyword.operator#0184BC
source.js keyword.operator.delete, source.js keyword.operator.in, source.js keyword.operator.of, source.js keyword.operator.instanceof, source.js keyword.operator.new, source.js keyword.operator.typeof, source.js keyword.operator.void#A626A4
source.ts keyword.operator#0184BC
source.flow keyword.operator#0184BC
source.json meta.structure.dictionary.json > string.quoted.json#F51B2C
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#F51B2C
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#449428
source.json meta.structure.dictionary.json > constant.language.json, source.json meta.structure.array.json > constant.language.json#0184BC
ng.interpolation#F51B2C
ng.interpolation.begin, ng.interpolation.end#203CEC
ng.interpolation function#F51B2C
ng.interpolation function.begin, ng.interpolation function.end#203CEC
ng.interpolation bool#AB5801
ng.interpolation bracket#0F1012
ng.pipe, ng.operator#0F1012
ng.tag#0184BC
ng.attribute-with-value attribute-name#CD7F01
ng.attribute-with-value string#A626A4
ng.attribute-with-value string.begin, ng.attribute-with-value string.end#0F1012
source.ruby constant.other.symbol > punctuationinherit
source.php class.bracket#0F1012
source.python keyword.operator.logical.python#A626A4
source.python variable.parameter#AB5801
customrule#0F1012
support.type.property-name#0F1012
string.quoted.double punctuation#449428
support.constant#AB5801
support.type.property-name.json#F51B2C
support.type.property-name.json punctuation#F51B2C
punctuation.separator.key-value.ts, punctuation.separator.key-value.js, punctuation.separator.key-value.tsx#0184BC
source.js.embedded.html keyword.operator, source.ts.embedded.html keyword.operator#0184BC
variable.other.readwrite.js, variable.other.readwrite.ts, variable.other.readwrite.tsx#0F1012
support.variable.dom.js, support.variable.dom.ts#F51B2C
support.variable.property.dom.js, support.variable.property.dom.ts#F51B2C
meta.template.expression.js punctuation.definition, meta.template.expression.ts punctuation.definition#CA1243
source.ts punctuation.definition.typeparameters, source.js punctuation.definition.typeparameters, source.tsx punctuation.definition.typeparameters#0F1012
source.ts punctuation.definition.block, source.js punctuation.definition.block, source.tsx punctuation.definition.block#0F1012
source.ts punctuation.separator.comma, source.js punctuation.separator.comma, source.tsx punctuation.separator.comma#0F1012
support.variable.property.js, support.variable.property.ts, support.variable.property.tsx#F51B2C
keyword.control.default.js, keyword.control.default.ts, keyword.control.default.tsx#F51B2C
keyword.operator.expression.instanceof.js, keyword.operator.expression.instanceof.ts, keyword.operator.expression.instanceof.tsx#A626A4
keyword.operator.expression.of.js, keyword.operator.expression.of.ts, keyword.operator.expression.of.tsx#A626A4
meta.brace.round.js, meta.array-binding-pattern-variable.js, meta.brace.square.js, meta.brace.round.ts, meta.array-binding-pattern-variable.ts, meta.brace.square.ts, meta.brace.round.tsx, meta.array-binding-pattern-variable.tsx, meta.brace.square.tsx#0F1012
source.js punctuation.accessor, source.ts punctuation.accessor, source.tsx punctuation.accessor#0F1012
punctuation.terminator.statement.js, punctuation.terminator.statement.ts, punctuation.terminator.statement.tsx#0F1012
meta.array-binding-pattern-variable.js variable.other.readwrite.js, meta.array-binding-pattern-variable.ts variable.other.readwrite.ts, meta.array-binding-pattern-variable.tsx variable.other.readwrite.tsx#AB5801
source.js support.variable, source.ts support.variable, source.tsx support.variable#F51B2C
variable.other.constant.property.js, variable.other.constant.property.ts, variable.other.constant.property.tsx#AB5801
keyword.operator.new.ts, keyword.operator.new.j, keyword.operator.new.tsx#A626A4
source.ts keyword.operator, source.tsx keyword.operator#0184BC
punctuation.separator.parameter.js, punctuation.separator.parameter.ts, punctuation.separator.parameter.tsx #0F1012
constant.language.import-export-all.js, constant.language.import-export-all.ts#F51B2C
constant.language.import-export-all.jsx, constant.language.import-export-all.tsx#0184BC
keyword.control.as.js, keyword.control.as.ts, keyword.control.as.jsx, keyword.control.as.tsx#0F1012
variable.other.readwrite.alias.js, variable.other.readwrite.alias.ts, variable.other.readwrite.alias.jsx, variable.other.readwrite.alias.tsx#F51B2C
variable.other.constant.js, variable.other.constant.ts, variable.other.constant.jsx, variable.other.constant.tsx#AB5801
meta.export.default.js variable.other.readwrite.js, meta.export.default.ts variable.other.readwrite.ts#F51B2C
source.js meta.template.expression.js punctuation.accessor, source.ts meta.template.expression.ts punctuation.accessor, source.tsx meta.template.expression.tsx punctuation.accessor#449428
source.js meta.import-equals.external.js keyword.operator, source.jsx meta.import-equals.external.jsx keyword.operator, source.ts meta.import-equals.external.ts keyword.operator, source.tsx meta.import-equals.external.tsx keyword.operator#0F1012
entity.name.type.module.js,entity.name.type.module.ts,entity.name.type.module.jsx,entity.name.type.module.tsx#449428
meta.class.js,meta.class.ts,meta.class.jsx,meta.class.tsx#0F1012
meta.definition.property.js variable, meta.definition.property.ts variable, meta.definition.property.jsx variable, meta.definition.property.tsx variable#0F1012
meta.type.parameters.js support.type, meta.type.parameters.jsx support.type, meta.type.parameters.ts support.type, meta.type.parameters.tsx support.type#0F1012
source.js meta.tag.js keyword.operator, source.jsx meta.tag.jsx keyword.operator, source.ts meta.tag.ts keyword.operator, source.tsx meta.tag.tsx keyword.operator#0F1012
meta.tag.js punctuation.section.embedded, meta.tag.jsx punctuation.section.embedded, meta.tag.ts punctuation.section.embedded, meta.tag.tsx punctuation.section.embedded#0F1012
meta.array.literal.js variable, meta.array.literal.jsx variable, meta.array.literal.ts variable, meta.array.literal.tsx variable#CD7F01
support.type.object.module.js, support.type.object.module.jsx, support.type.object.module.ts, support.type.object.module.tsx#F51B2C
constant.language.json#0184BC
variable.other.constant.object.js, variable.other.constant.object.jsx, variable.other.constant.object.ts, variable.other.constant.object.tsx#AB5801
storage.type.property.js, storage.type.property.jsx, storage.type.property.ts, storage.type.property.tsx#0184BC
meta.template.expression.js string.quoted punctuation.definition, meta.template.expression.jsx string.quoted punctuation.definition, meta.template.expression.ts string.quoted punctuation.definition, meta.template.expression.tsx string.quoted punctuation.definition#449428
meta.template.expression.js string.template punctuation.definition.string.template, meta.template.expression.jsx string.template punctuation.definition.string.template, meta.template.expression.ts string.template punctuation.definition.string.template, meta.template.expression.tsx string.template punctuation.definition.string.template#449428
keyword.operator.expression.in.js, keyword.operator.expression.in.jsx, keyword.operator.expression.in.ts, keyword.operator.expression.in.tsx#A626A4
variable.other.object.js, variable.other.object.ts#0F1012
meta.object-literal.key.js, meta.object-literal.key.ts#F51B2C
source.python constant.other#0F1012
source.python constant#AB5801
constant.character.format.placeholder.other.python storage#AB5801
support.variable.magic.python#F51B2C
meta.function.parameters.python#AB5801
punctuation.separator.annotation.python#0F1012
punctuation.separator.parameters.python#0F1012
entity.name.variable.field.cs#F51B2C
source.cs keyword.operator#0F1012
variable.other.readwrite.cs#0F1012
variable.other.object.cs#0F1012
variable.other.object.property.cs#0F1012
entity.name.variable.property.cs#203CEC
storage.type.cs#CD7F01
keyword.other.unsafe.rust#A626A4
entity.name.type.rust#0184BC
storage.modifier.lifetime.rust#0F1012
entity.name.lifetime.rust#AB5801
storage.type.core.rust#0184BC
meta.attribute.rust#AB5801
storage.class.std.rust#0184BC
markup.raw.block.markdown#0F1012
punctuation.definition.variable.shell#F51B2C
support.constant.property-value.css#0F1012
punctuation.definition.constant.css#AB5801
punctuation.separator.key-value.scss#F51B2C
punctuation.definition.constant.scss#AB5801
meta.property-list.scss punctuation.separator.key-value.scss#0F1012
storage.type.primitive.array.java#CD7F01
entity.name.section.markdown#F51B2C
punctuation.definition.heading.markdown#F51B2C
markup.heading.setext#0F1012
punctuation.definition.bold.markdown#AB5801
markup.inline.raw.markdown#449428
beginning.punctuation.definition.list.markdown#F51B2C
markup.quote.markdown#A8A9ACitalic
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#0F1012
punctuation.definition.metadata.markdown#A626A4
markup.underline.link.markdown, markup.underline.link.image.markdown#A626A4
string.other.link.title.markdown, string.other.link.description.markdown#203CEC
punctuation.separator.variable.ruby#F51B2C
variable.other.constant.ruby#AB5801
keyword.operator.other.ruby#449428
punctuation.definition.variable.php#F51B2C
meta.class.php#0F1012

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...