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#5f6a795a
  • activityBar.background#fdf6e3
  • activityBar.border#00000000
  • activityBar.foreground#000000
  • activityBar.inactiveForeground#0000007a
  • activityBarBadge.background#5f6a79
  • activityBarBadge.foreground#ffffff
  • badge.background#c4c4c4
  • badge.foreground#333333
  • breadcrumb.activeSelectionForeground#4e4e4e
  • breadcrumb.background#fdf6e3
  • breadcrumb.focusForeground#4e4e4e
  • breadcrumb.foreground#616161cc
  • button.background#5a5a5a
  • button.foreground#ffffff
  • button.hoverBackground#c9c3b4
  • button.secondaryBackground#5f6a79
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#4c556144
  • checkbox.background#fdf6e3
  • checkbox.border#c2b9b900
  • checkbox.foreground#616161
  • debugExceptionWidget.background#fdf6e3
  • debugExceptionWidget.border#000000
  • debugToolBar.background#fdf6e3
  • debugToolBar.border#000000
  • diffEditor.border#d7d7d7
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#fdf6e3
  • dropdown.border#c2b9b900
  • dropdown.foreground#616161
  • editor.background#fdf6e3
  • editor.findMatchBackground#797b6f34
  • editor.findMatchBorder#7e826d00
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#b4b4b44d
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#add6ff4d
  • editor.foreground#909090
  • editor.hoverHighlightBackground#add6ff26
  • editor.inactiveSelectionBackground#f5eacd
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#eeeeee
  • editor.rangeHighlightBackground#fdff0033
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#eae0c3
  • editor.selectionHighlightBackground#00000080
  • editor.selectionHighlightBorder#ffffff00
  • editor.wordHighlightBackground#57575740
  • editor.wordHighlightStrongBackground#0e639c40
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#b9b9b9
  • editorCodeLens.foreground#999999
  • editorCursor.background#ffffff
  • editorCursor.foreground#626262
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#00000000
  • editorGroup.border#e7e7e7
  • editorGroup.emptyBackground#fdf6e3
  • editorGroupHeader.tabsBackground#fdf6e3
  • editorGroupHeader.tabsBorder#fdf6e3
  • editorGutter.addedBackground#7f8e81
  • editorGutter.background#fdf6e3
  • editorGutter.commentRangeForeground#424242
  • editorGutter.deletedBackground#ca4b51
  • editorGutter.foldingControlForeground#424242
  • editorGutter.modifiedBackground#7f8182
  • editorHoverWidget.background#fdf6e3
  • editorHoverWidget.border#000000
  • editorHoverWidget.foreground#000000
  • editorIndentGuide.activeBackground#0000006c
  • editorIndentGuide.background#adadad
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#5e9dd57e
  • editorLineNumber.activeForeground#ff636387
  • editorLineNumber.foreground#000000
  • editorLink.activeForeground#000000
  • editorMarkerNavigation.background#fdf6e3
  • editorMarkerNavigationError.background#ff8b80
  • editorMarkerNavigationInfo.background#000000
  • editorMarkerNavigationWarning.background#000000
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#0000002e
  • editorSuggestWidget.background#fdf6e3
  • editorSuggestWidget.border#000000
  • editorSuggestWidget.foreground#717171
  • editorSuggestWidget.highlightForeground#000000
  • editorSuggestWidget.selectedBackground#dbd5c4
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#e9a7008d
  • editorWhitespace.foreground#33333333
  • editorWidget.background#fdf6e3
  • editorWidget.foreground#616161
  • editorWidget.resizeBorder#000000
  • focusBorder#fdf6e3
  • foreground#616161
  • 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#52b044
  • icon.foreground#616161
  • input.background#fdf6e3
  • input.border#c2b9b900
  • input.foreground#616161
  • input.placeholderForeground#767676
  • inputOption.activeBackground#adadad33
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#000000
  • list.activeSelectionBackground#5c5c5c
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#ab8c8c4c
  • list.focusBackground#00000030
  • list.focusForeground#616161
  • list.highlightForeground#000000
  • list.hoverBackground#5f6a79a5
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#1f1f1fdd
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#efc1ad
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#fdf6e3
  • menu.border#00000081
  • menu.foreground#616161
  • menu.selectionBackground#c9c3b4
  • menu.selectionBorder#00000000
  • menu.selectionForeground#000000
  • menu.separatorBackground#fdf6e3
  • menubar.selectionBackground#fdf6e3
  • menubar.selectionForeground#333333
  • merge.commonContentBackground#E5E5E5
  • merge.commonHeaderBackground#BFBFBF
  • merge.currentContentBackground#DBF4EF
  • merge.currentHeaderBackground#A4E3D6
  • merge.incomingContentBackground#DBECFF
  • merge.incomingHeaderBackground#A6CFFF
  • minimap.background#fdf6e3
  • minimap.errorHighlight#00000000
  • minimap.findMatchHighlight#797b6f34
  • minimap.selectionHighlight#eae0c3
  • minimap.warningHighlight#e9a7008d
  • minimapGutter.addedBackground#7f8e81
  • minimapGutter.deletedBackground#ca4b51
  • minimapGutter.modifiedBackground#7f8182
  • notificationCenter.border#d5d5d5
  • notificationCenterHeader.background#e7e7e7
  • notificationCenterHeader.foreground#616161
  • notifications.background#fdf6e3
  • notifications.border#e7e7e7
  • notifications.foreground#616161
  • notificationsErrorIcon.foreground#ff8c8c
  • notificationsInfoIcon.foreground#000000
  • notificationsWarningIcon.foreground#000000
  • notificationToast.border#d5d5d5
  • panel.background#fdf6e3
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#424242
  • panelTitle.activeForeground#424242
  • panelTitle.inactiveForeground#424242bf
  • peekView.border#000000
  • peekViewEditor.background#fdf6e3
  • peekViewEditor.matchHighlightBackground#ffffff
  • peekViewEditor.matchHighlightBorder#4d4d4d
  • peekViewEditorGutter.background#fdf6e3
  • peekViewResult.background#fdf6e3
  • peekViewResult.fileForeground#1e1e1e
  • peekViewResult.lineForeground#646465
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#5a5a5a
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#dbd5c4
  • peekViewTitleDescription.foreground#616161e6
  • peekViewTitleLabel.foreground#333333
  • pickerGroup.border#000000
  • pickerGroup.foreground#000000
  • progressBar.background#000000
  • scrollbar.shadow#ffffff00
  • scrollbarSlider.activeBackground#00000099
  • scrollbarSlider.background#948989dd
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#eae0c3
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#616161
  • sideBar.background#fdf6e3
  • sideBar.border#8a3d3d00
  • sideBar.dropBackground#ab8c8c4c
  • sideBar.foreground#000000
  • sideBarSectionHeader.background#ad585800
  • sideBarSectionHeader.border#61616100
  • sideBarSectionHeader.foreground#000000
  • sideBarTitle.foreground#000000
  • statusBar.background#fdf6e3
  • statusBar.border#ff000000
  • statusBar.debuggingBackground#fdf6e3
  • statusBar.debuggingBorder#fdf6e300
  • statusBar.debuggingForeground#000000
  • statusBar.foreground#000000
  • statusBar.noFolderBackground#fdf6e3
  • statusBar.noFolderBorder#ffffff00
  • statusBar.noFolderForeground#000000
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#0000006e
  • statusBarItem.remoteBackground#00000000
  • statusBarItem.remoteForeground#000000
  • tab.activeBackground#e2d8bf
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#333333
  • tab.border#f3f3f3
  • tab.inactiveBackground#fdf6e3
  • tab.inactiveForeground#000000b3
  • terminal.ansiBlack#767676
  • terminal.ansiBlue#474f88
  • terminal.ansiBrightBlack#767676
  • terminal.ansiBrightBlue#474f88
  • terminal.ansiBrightCyan#81d6bc
  • terminal.ansiBrightGreen#574657
  • terminal.ansiBrightMagenta#b46e90
  • terminal.ansiBrightRed#e74856
  • terminal.ansiBrightWhite#a5a5a5
  • terminal.ansiBrightYellow#9b9665
  • terminal.ansiCyan#81d6bc
  • terminal.ansiGreen#574657
  • terminal.ansiMagenta#b46e90
  • terminal.ansiRed#e74856
  • terminal.ansiWhite#928f8f
  • terminal.ansiYellow#9b9665
  • terminal.border#80808059
  • terminal.foreground#000000
  • terminal.selectionBackground#00000040
  • terminalCursor.background#999999
  • terminalCursor.foreground#ffffff
  • textLink.foreground#999999
  • titleBar.activeBackground#fdf6e3
  • titleBar.activeForeground#333333
  • titleBar.border#00000000
  • titleBar.inactiveBackground#fdf6e3
  • titleBar.inactiveForeground#33333399
  • tree.indentGuidesStroke#a9a9a9
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000029

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#5f6a79a5
variable.other.generic-type.haskell#7f8e81
storage.type.haskell#000000
support.variable.magic.python#5f6a79a5
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#909090
variable.parameter.function.language.special.self.python#828282
storage.modifier.lifetime.rust#909090
support.function.std.rust#b68b8b
entity.name.lifetime.rust#828282
variable.language.rust#5f6a79a5
support.constant.edge#7f8e81
constant.other.character-class.regexp#5f6a79a5
keyword.operator.quantifier.regexp#000000
punctuation.definition.string.begin,punctuation.definition.string.end#9d9d9d
variable.parameter.function#909090
comment markup.link#4f4f4f68
markup.changed.diff#828282
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#b68b8b
markup.inserted.diff#9d9d9d
markup.deleted.diff#5f6a79a5
meta.function.c,meta.function.cpp#5f6a79a5
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#909090
punctuation.separator.key-value#909090
keyword.operator.expression.import#b68b8b
support.constant.math#828282
support.constant.property.math#000000
variable.other.constant#828282
storage.type.annotation.java, storage.type.object.array.java#828282
source.java#5f6a79a5
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#909090
meta.method.java#b68b8b
storage.modifier.import.java,storage.type.java,storage.type.generic.java#828282
keyword.operator.instanceof.java#7f8e81
meta.definition.variable.name.java#5f6a79a5
keyword.operator.logical#000000
keyword.operator.bitwise#000000
keyword.operator.channel#000000
support.constant.property-value.scss,support.constant.property-value.css#000000
keyword.operator.css,keyword.operator.scss,keyword.operator.less#000000
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#000000
punctuation.separator.list.comma.css#909090
support.constant.color.w3c-standard-color-name.css#000000
support.type.vendored.property-name.css#000000
support.module.node,support.type.object.module,support.module.node#828282
entity.name.type.module#828282
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#5f6a79a5
support.constant.json#000000
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#7f8e81
support.type.object.console#5f6a79a5
support.variable.property.process#000000
entity.name.function,support.function.console#b68b8b
keyword.operator.misc.rust#909090
keyword.operator.sigil.rust#7f8e81
keyword.operator.delete#7f8e81
support.type.object.dom#000000
support.variable.dom,support.variable.property.dom#5f6a79a5
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#000000
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#7f8e81
punctuation.separator.delimiter#909090
punctuation.separator.c,punctuation.separator.cpp#7f8e81
support.type.posix-reserved.c,support.type.posix-reserved.cpp#000000
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#7f8e81
variable.parameter.function.language.python#000000
support.type.python#000000
keyword.operator.logical.python#7f8e81
variable.parameter.function.python#000000
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#909090
meta.function-call.generic.python#b68b8b
constant.character.format.placeholder.other.python#000000
keyword.operator#909090
keyword.operator.assignment.compound#7f8e81
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#000000
keyword#7f8e81
entity.name.namespace#828282
variable#5f6a79a5
variable.c#909090
variable.language#828282
token.variable.parameter.java#909090
import.storage.java#828282
token.package.keyword#7f8e81
token.package#909090
entity.name.function, meta.require, support.function.any-method, variable.function#b68b8b
entity.name.type.namespace#828282
support.class, entity.name.type.class#828282
entity.name.class.identifier.namespace.type#828282
entity.name.class, variable.other.class.js, variable.other.class.ts#828282
variable.other.class.php#5f6a79a5
entity.name.type#828282
keyword.control#7f8e81
control.elements, keyword.operator.less#000000
keyword.other.special-method#b68b8b
storage#7f8e81
token.storage#7f8e81
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#7f8e81
token.storage.type.java#828282
support.function#000000
support.type.property-name#909090
support.constant.property-value#909090
support.constant.font-name#000000
meta.tag#909090
string#9d9d9d
entity.other.inherited-class#828282
constant.other.symbol#000000
constant.numeric#000000
constant#000000
punctuation.definition.constant#000000
entity.name.tag#5f6a79a5
entity.other.attribute-name#000000
entity.other.attribute-name.id#b68b8bnormal
entity.other.attribute-name.class.css#000000normal
meta.selector#7f8e81
markup.heading#5f6a79a5
markup.heading punctuation.definition.heading, entity.name.section#b68b8b
keyword.other.unit#5f6a79a5
markup.bold,todo.bold#000000
punctuation.definition.bold#828282
markup.italic, punctuation.definition.italic,todo.emphasis#7f8e81
emphasis md#7f8e81
entity.name.section.markdown#5f6a79a5
punctuation.definition.heading.markdown#5f6a79a5
punctuation.definition.list.begin.markdown#5f6a79a5
markup.heading.setext#909090
punctuation.definition.bold.markdown#000000
markup.inline.raw.markdown#9d9d9d
markup.inline.raw.string.markdown#9d9d9d
punctuation.definition.list.markdown#5f6a79a5
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#5f6a79a5
beginning.punctuation.definition.list.markdown#5f6a79a5
punctuation.definition.metadata.markdown#5f6a79a5
markup.underline.link.markdown,markup.underline.link.image.markdown#7f8e81
string.other.link.title.markdown,string.other.link.description.markdown#b68b8b
string.regexp#000000
constant.character.escape#000000
punctuation.section.embedded, variable.interpolation#5f6a79a5
punctuation.section.embedded.begin,punctuation.section.embedded.end#7f8e81
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#909090
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#5f6a79a5
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#5f6a79a5
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#9d9d9d
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#000000
support.type.property-name.json#5f6a79a5
support.type.property-name.json punctuation#5f6a79a5
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#7f8e81
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#7f8e81
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#828282
keyword.operator.error-control.php#7f8e81
keyword.operator.type.php#7f8e81
punctuation.section.array.begin.php#909090
punctuation.section.array.end.php#909090
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#828282
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#b68b8b
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#909090
support.constant.core.rust#000000
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#000000
entity.name.goto-label.php,support.other.php#b68b8b
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#000000
keyword.operator.regexp.php#7f8e81
keyword.operator.comparison.php#000000
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#7f8e81
meta.function.decorator.python#b68b8b
support.token.decorator.python,meta.function.decorator.identifier.python#000000
function.parameter#909090
function.brace#909090
function.parameter.ruby, function.parameter.cs#909090
constant.language.symbol.ruby#000000
rgb-value#000000
inline-color-decoration rgb-value#000000
less rgb-value#000000
selector.sass#5f6a79a5
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#828282
block.scope.end,block.scope.begin#909090
storage.type.cs#828282
entity.name.variable.local.cs#5f6a79a5
token.info-token#b68b8b
token.warn-token#000000
token.error-token#f44747
token.debug-token#7f8e81
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#7f8e81
meta.template.expression#909090
keyword.operator.module#7f8e81
support.type.type.flowtype#b68b8b
support.type.primitive#828282
meta.property.object#5f6a79a5
variable.parameter.function.js#5f6a79a5
keyword.other.template.begin#9d9d9d
keyword.other.template.end#9d9d9d
keyword.other.substitution.begin#9d9d9d
keyword.other.substitution.end#9d9d9d
keyword.operator.assignment#000000
keyword.operator.assignment.go#828282
keyword.operator.arithmetic.go, keyword.operator.address.go#7f8e81
entity.name.package.go#828282
support.type.prelude.elm#000000
support.constant.elm#000000
punctuation.quasi.element#7f8e81
constant.character.entity#5f6a79a5
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#000000
entity.global.clojure#828282
meta.symbol.clojure#5f6a79a5
constant.keyword.clojure#000000
meta.arguments.coffee, variable.parameter.function.coffee#5f6a79a5
source.ini#9d9d9d
meta.scope.prerequisites.makefile#5f6a79a5
source.makefile#828282
storage.modifier.import.groovy#828282
meta.method.groovy#b68b8b
meta.definition.variable.name.groovy#5f6a79a5
meta.definition.class.inherited.classes.groovy#9d9d9d
support.variable.semantic.hlsl#828282
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#7f8e81
text.variable, text.bracketed#5f6a79a5
support.type.swift, support.type.vb.asp#828282
entity.name.function.xi#828282
entity.name.class.xi#000000
constant.character.character-class.regexp.xi#5f6a79a5
constant.regexp.xi#7f8e81
keyword.control.xi#000000
invalid.xi#909090
beginning.punctuation.definition.quote.markdown.xi#9d9d9d
beginning.punctuation.definition.list.markdown.xi#4f4f4f68
constant.character.xi#b68b8b
accent.xi#b68b8b
wikiword.xi#000000
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#4f4f4f68
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#828282
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#5f6a79a5
meta.brace.square#909090
comment, punctuation.definition.comment#4f4f4f68italic
markup.quote.markdown#4f4f4f68
punctuation.definition.block.sequence.item.yaml#909090
constant.language.symbol.elixir#000000
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...