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#ca82ff
  • activityBar.inactiveForeground#ca82ff48
  • activityBarBadge.background#ca82ff
  • activityBarBadge.foreground#060606
  • badge.background#ca82ff
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#f1f1f1c1
  • breadcrumb.background#1f1f1f
  • breadcrumb.focusForeground#f1f1f1c1
  • breadcrumb.foreground#f1f1f180
  • button.background#ca82ff
  • button.foreground#2a2828
  • 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#ca82ff
  • editorGutter.background#1e1e1e
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#b04c7b81
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#e2c08d
  • 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#b04c7b
  • editorMarkerNavigationInfo.background#4cb0ab
  • editorMarkerNavigationWarning.background#ffcc8f
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#ca82ff
  • editorSuggestWidget.selectedBackground#fdfdfd1a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#1f1f1f
  • editorWidget.foreground#bababa
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#646b60
  • foreground#f1f1f1
  • gitDecoration.addedResourceForeground#ca82ff
  • gitDecoration.conflictingResourceForeground#ffcc8fb3
  • gitDecoration.deletedResourceForeground#b04c7b81
  • gitDecoration.ignoredResourceForeground#f1f1f148
  • gitDecoration.modifiedResourceForeground#e2c08d
  • gitDecoration.stageDeletedResourceForeground#b04c7b80
  • gitDecoration.stageModifiedResourceForeground#ffcc8fb3
  • gitDecoration.submoduleResourceForeground#4cb0ab
  • gitDecoration.untrackedResourceForeground#408260
  • 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#b2b2b2
  • list.highlightForeground#ca82ff
  • list.hoverBackground#f1f1f10a
  • list.hoverForeground#f1f1f199
  • list.inactiveSelectionBackground#f1f1f10e
  • list.inactiveSelectionForeground#f1f1f1
  • listFilterWidget.background#f1f1f134
  • listFilterWidget.noMatchesOutline#be0035
  • 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#1d4947
  • merge.currentHeaderBackground#29605d
  • merge.incomingContentBackground#4c2a64
  • merge.incomingHeaderBackground#6d468a
  • minimap.background#1f1f1f
  • minimap.errorHighlight#f471b5
  • minimap.findMatchHighlight#f1f1f118
  • minimap.selectionHighlight#f1f1f11a
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#ca82ff
  • minimapGutter.deletedBackground#b04c7b81
  • minimapGutter.modifiedBackground#e2c08d
  • 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#ca82ff
  • 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#fdfdfd1f
  • statusBarItem.remoteBackground#ca82ff7c
  • 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#7066b6
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#8f80ff
  • terminal.ansiBrightCyan#67eaff
  • terminal.ansiBrightGreen#57ffc7
  • terminal.ansiBrightMagenta#ca82ff
  • terminal.ansiBrightRed#ff0c51
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#ffc71f
  • terminal.ansiCyan#5ac2d3
  • terminal.ansiGreen#3fb48d
  • terminal.ansiMagenta#a469cf
  • terminal.ansiRed#e20e4a
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#e5b010
  • terminal.border#80808059
  • terminal.foreground#999999
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#ececec3e
  • terminalCursor.foreground#ffffff
  • textLink.foreground#ca82ff
  • 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#b04c7b
variable.other.generic-type.haskell#ca82ff
storage.type.haskell#f1f1f1cc
support.variable.magic.python#b04c7b
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#f1f1f180
variable.parameter.function.language.special.self.python#4cb0ab
storage.modifier.lifetime.rust#f1f1f180
support.function.std.rust#ffcc8f
entity.name.lifetime.rust#4cb0ab
variable.language.rust#b04c7b
support.constant.edge#ca82ff
constant.other.character-class.regexp#b04c7b
keyword.operator.quantifier.regexp#f1f1f1cc
punctuation.definition.string.begin,punctuation.definition.string.end#f1f1f1cc
variable.parameter.function#f1f1f180
comment markup.link#ababab80
markup.changed.diff#4cb0ab
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#ffcc8f
markup.inserted.diff#f1f1f1cc
markup.deleted.diff#b04c7b
meta.function.c,meta.function.cpp#b04c7b
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#ffcc8f
support.constant.math#4cb0ab
support.constant.property.math#f1f1f1cc
variable.other.constant#4cb0ab
storage.type.annotation.java, storage.type.object.array.java#4cb0ab
source.java#b04c7b
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#ffcc8f
storage.modifier.import.java,storage.type.java,storage.type.generic.java#4cb0ab
keyword.operator.instanceof.java#ca82ff
meta.definition.variable.name.java#b04c7b
keyword.operator.logical#f1f1f1ef
keyword.operator.bitwise#f1f1f1ef
keyword.operator.channel#f1f1f1ef
support.constant.property-value.scss,support.constant.property-value.css#f1f1f1cc
keyword.operator.css,keyword.operator.scss,keyword.operator.less#f1f1f1ef
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#f1f1f1cc
punctuation.separator.list.comma.css#f1f1f180
support.constant.color.w3c-standard-color-name.css#f1f1f1cc
support.type.vendored.property-name.css#f1f1f1ef
support.module.node,support.type.object.module,support.module.node#4cb0ab
entity.name.type.module#4cb0ab
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#b04c7b
support.constant.json#f1f1f1cc
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#ca82ff
support.type.object.console#b04c7b
support.variable.property.process#f1f1f1cc
entity.name.function,support.function.console#ffcc8f
keyword.operator.misc.rust#f1f1f180
keyword.operator.sigil.rust#ca82ff
keyword.operator.delete#ca82ff
support.type.object.dom#f1f1f1ef
support.variable.dom,support.variable.property.dom#b04c7b
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#f1f1f1ef
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#ca82ff
punctuation.separator.delimiter#f1f1f180
punctuation.separator.c,punctuation.separator.cpp#ca82ff
support.type.posix-reserved.c,support.type.posix-reserved.cpp#f1f1f1ef
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#ca82ff
variable.parameter.function.language.python#f1f1f1cc
support.type.python#f1f1f1ef
keyword.operator.logical.python#ca82ff
variable.parameter.function.python#f1f1f1cc
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#ffcc8f
constant.character.format.placeholder.other.python#f1f1f1cc
keyword.operator#f1f1f180
keyword.operator.assignment.compound#ca82ff
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#f1f1f1ef
keyword#ca82ff
entity.name.namespace#4cb0ab
variable#b04c7b
variable.c#f1f1f180
variable.language#4cb0ab
token.variable.parameter.java#f1f1f180
import.storage.java#4cb0ab
token.package.keyword#ca82ff
token.package#f1f1f180
entity.name.function, meta.require, support.function.any-method, variable.function#ffcc8f
entity.name.type.namespace#4cb0ab
support.class, entity.name.type.class#4cb0ab
entity.name.class.identifier.namespace.type#4cb0ab
entity.name.class, variable.other.class.js, variable.other.class.ts#4cb0ab
variable.other.class.php#b04c7b
entity.name.type#4cb0ab
keyword.control#ca82ff
control.elements, keyword.operator.less#f1f1f1cc
keyword.other.special-method#ffcc8f
storage#ca82ff
token.storage#ca82ff
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#ca82ff
token.storage.type.java#4cb0ab
support.function#f1f1f1ef
support.type.property-name#f1f1f180
support.constant.property-value#f1f1f180
support.constant.font-name#f1f1f1cc
meta.tag#f1f1f180
string#f1f1f1cc
entity.other.inherited-class#4cb0ab
constant.other.symbol#f1f1f1ef
constant.numeric#f1f1f1cc
constant#f1f1f1cc
punctuation.definition.constant#f1f1f1cc
entity.name.tag#b04c7b
entity.other.attribute-name#f1f1f1cc
entity.other.attribute-name.id#ffcc8fnormal
entity.other.attribute-name.class.css#f1f1f1ccnormal
meta.selector#ca82ff
markup.heading#b04c7b
markup.heading punctuation.definition.heading, entity.name.section#ffcc8f
keyword.other.unit#b04c7b
markup.bold,todo.bold#f1f1f1cc
punctuation.definition.bold#4cb0ab
markup.italic, punctuation.definition.italic,todo.emphasis#ca82ff
emphasis md#ca82ff
entity.name.section.markdown#b04c7b
punctuation.definition.heading.markdown#b04c7b
punctuation.definition.list.begin.markdown#b04c7b
markup.heading.setext#f1f1f180
punctuation.definition.bold.markdown#f1f1f1cc
markup.inline.raw.markdown#f1f1f1cc
markup.inline.raw.string.markdown#f1f1f1cc
punctuation.definition.list.markdown#b04c7b
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#b04c7b
beginning.punctuation.definition.list.markdown#b04c7b
punctuation.definition.metadata.markdown#b04c7b
markup.underline.link.markdown,markup.underline.link.image.markdown#ca82ff
string.other.link.title.markdown,string.other.link.description.markdown#ffcc8f
string.regexp#f1f1f1ef
constant.character.escape#f1f1f1ef
punctuation.section.embedded, variable.interpolation#b04c7b
punctuation.section.embedded.begin,punctuation.section.embedded.end#ca82ff
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#b04c7b
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#b04c7b
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#f1f1f1cc
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#f1f1f1ef
support.type.property-name.json#b04c7b
support.type.property-name.json punctuation#b04c7b
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#ca82ff
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#ca82ff
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#4cb0ab
keyword.operator.error-control.php#ca82ff
keyword.operator.type.php#ca82ff
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#4cb0ab
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#ffcc8f
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#f1f1f1cc
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#f1f1f1cc
entity.name.goto-label.php,support.other.php#ffcc8f
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#f1f1f1ef
keyword.operator.regexp.php#ca82ff
keyword.operator.comparison.php#f1f1f1ef
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#ca82ff
meta.function.decorator.python#ffcc8f
support.token.decorator.python,meta.function.decorator.identifier.python#f1f1f1ef
function.parameter#f1f1f180
function.brace#f1f1f180
function.parameter.ruby, function.parameter.cs#f1f1f180
constant.language.symbol.ruby#f1f1f1ef
rgb-value#f1f1f1ef
inline-color-decoration rgb-value#f1f1f1cc
less rgb-value#f1f1f1cc
selector.sass#b04c7b
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#4cb0ab
block.scope.end,block.scope.begin#f1f1f180
storage.type.cs#4cb0ab
entity.name.variable.local.cs#b04c7b
token.info-token#ffcc8f
token.warn-token#f1f1f1cc
token.error-token#f44747
token.debug-token#ca82ff
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#ca82ff
meta.template.expression#f1f1f180
keyword.operator.module#ca82ff
support.type.type.flowtype#ffcc8f
support.type.primitive#4cb0ab
meta.property.object#b04c7b
variable.parameter.function.js#b04c7b
keyword.other.template.begin#f1f1f1cc
keyword.other.template.end#f1f1f1cc
keyword.other.substitution.begin#f1f1f1cc
keyword.other.substitution.end#f1f1f1cc
keyword.operator.assignment#f1f1f1ef
keyword.operator.assignment.go#4cb0ab
keyword.operator.arithmetic.go, keyword.operator.address.go#ca82ff
entity.name.package.go#4cb0ab
support.type.prelude.elm#f1f1f1ef
support.constant.elm#f1f1f1cc
punctuation.quasi.element#ca82ff
constant.character.entity#b04c7b
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#f1f1f1ef
entity.global.clojure#4cb0ab
meta.symbol.clojure#b04c7b
constant.keyword.clojure#f1f1f1ef
meta.arguments.coffee, variable.parameter.function.coffee#b04c7b
source.ini#f1f1f1cc
meta.scope.prerequisites.makefile#b04c7b
source.makefile#4cb0ab
storage.modifier.import.groovy#4cb0ab
meta.method.groovy#ffcc8f
meta.definition.variable.name.groovy#b04c7b
meta.definition.class.inherited.classes.groovy#f1f1f1cc
support.variable.semantic.hlsl#4cb0ab
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#ca82ff
text.variable, text.bracketed#b04c7b
support.type.swift, support.type.vb.asp#4cb0ab
entity.name.function.xi#4cb0ab
entity.name.class.xi#f1f1f1ef
constant.character.character-class.regexp.xi#b04c7b
constant.regexp.xi#ca82ff
keyword.control.xi#f1f1f1ef
invalid.xi#f1f1f180
beginning.punctuation.definition.quote.markdown.xi#f1f1f1cc
beginning.punctuation.definition.list.markdown.xi#ababab80
constant.character.xi#ffcc8f
accent.xi#ffcc8f
wikiword.xi#f1f1f1cc
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#ababab80
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#4cb0ab
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#b04c7b
meta.brace.square#f1f1f180
comment, punctuation.definition.comment#ababab80italic
markup.quote.markdown#ababab80
punctuation.definition.block.sequence.item.yaml#f1f1f180
constant.language.symbol.elixir#f1f1f1ef
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...