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#000000
  • activityBar.background#000000
  • activityBar.border#383838
  • activityBar.foreground#e3e1e3
  • activityBar.inactiveForeground#7a797a
  • activityBarBadge.background#228df2
  • activityBarBadge.foreground#d6d6dd
  • badge.background#228df2
  • badge.foreground#d6d6dd
  • breadcrumb.activeSelectionForeground#d6d6dd
  • breadcrumb.background#000000
  • breadcrumb.focusForeground#d6d6dd
  • breadcrumb.foreground#a6a6a6
  • button.background#228df2
  • button.foreground#e6e6ed
  • button.hoverBackground#359dff
  • button.secondaryBackground#000000
  • button.secondaryForeground#d6d6dd
  • button.secondaryHoverBackground#303030
  • checkbox.background#000000
  • checkbox.border#4f4f4f
  • checkbox.foreground#d6d6dd
  • commandCenter.activeBackground#000000
  • commandCenter.background#000000
  • commandCenter.foreground#c1c1c1
  • debugExceptionWidget.background#000000
  • debugExceptionWidget.border#383838
  • debugToolBar.background#343334
  • debugToolBar.border#383838
  • diffEditor.border#383838
  • diffEditor.insertedTextBackground#52d5bb30
  • diffEditor.insertedTextBorder#d6d6dd00
  • diffEditor.removedTextBackground#f14c4c30
  • diffEditor.removedTextBorder#d6d6dd00
  • dropdown.background#000000
  • dropdown.border#383838
  • dropdown.foreground#d6d6dd
  • editor.background#000000
  • editor.findMatchBackground#163764
  • editor.findMatchBorder#00000000
  • editor.findMatchHighlightBackground#7c521ade
  • editor.findMatchHighlightBorder#d7d7dd02
  • editor.findRangeHighlightBackground#000000d7
  • editor.findRangeHighlightBorder#d6d6dd00
  • editor.foldBackground#000000da
  • editor.foreground#d6d6dd
  • editor.hoverHighlightBackground#5b51ec70
  • editor.inactiveSelectionBackground#363636da
  • editor.lineHighlightBackground#000000
  • editor.lineHighlightBorder#d6d6dd00
  • editor.rangeHighlightBackground#000000d9
  • editor.rangeHighlightBorder#38383800
  • editor.selectionBackground#163761
  • editor.selectionHighlightBackground#16376170
  • editor.selectionHighlightBorder#d6d6dd00
  • editor.wordHighlightBackground#ff000000
  • editor.wordHighlightBorder#d6d6dd00
  • editor.wordHighlightStrongBackground#16376170
  • editor.wordHighlightStrongBorder#d6d6dd00
  • editorBracketMatch.background#163761
  • editorBracketMatch.border#d6d6dd00
  • editorCodeLens.foreground#d6d6dd
  • editorCursor.background#000000
  • editorCursor.foreground#d6d6dd
  • editorError.background#b73a3400
  • editorError.border#d6d6dd00
  • editorError.foreground#f14c4c
  • editorGroup.border#383838
  • editorGroup.emptyBackground#000000
  • editorGroupHeader.border#d6d6dd00
  • editorGroupHeader.tabsBackground#000000
  • editorGroupHeader.tabsBorder#d6d6dd00
  • editorGutter.addedBackground#15ac91
  • editorGutter.background#000000
  • editorGutter.commentRangeForeground#d6d6dd
  • editorGutter.deletedBackground#f14c4c
  • editorGutter.foldingControlForeground#d6d6dd
  • editorGutter.modifiedBackground#e5b95c
  • editorHoverWidget.background#000000
  • editorHoverWidget.border#383838
  • editorHoverWidget.foreground#d6d6dd
  • editorIndentGuide.activeBackground1#737377
  • editorIndentGuide.background1#383838
  • editorInfo.background#d6d6dd00
  • editorInfo.border#d6d6dd00
  • editorInfo.foreground#228df2
  • editorInlayHint.background#2b2b2b
  • editorInlayHint.foreground#838383
  • editorLineNumber.activeForeground#c2c2c2
  • editorLineNumber.foreground#535353
  • editorLink.activeForeground#228df2
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f14c4c
  • editorMarkerNavigationInfo.background#4c9df3
  • editorMarkerNavigationWarning.background#e5b95c
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#383838
  • editorSuggestWidget.background#000000
  • editorSuggestWidget.border#383838
  • editorSuggestWidget.foreground#d6d6dd
  • editorSuggestWidget.highlightForeground#d6d6dd
  • editorSuggestWidget.selectedBackground#163761
  • editorWarning.background#a9904000
  • editorWarning.border#d6d6dd00
  • editorWarning.foreground#ea7620
  • editorWhitespace.foreground#737373
  • editorWidget.background#000000
  • editorWidget.foreground#d6d6dd
  • editorWidget.resizeBorder#ea7620
  • focusBorder#d6d6dd00
  • foreground#d6d6dd
  • gitDecoration.addedResourceForeground#5a964d
  • gitDecoration.conflictingResourceForeground#aaa0fa
  • gitDecoration.deletedResourceForeground#f14c4c
  • gitDecoration.ignoredResourceForeground#666666
  • gitDecoration.modifiedResourceForeground#1981ef
  • gitDecoration.stageDeletedResourceForeground#f14c4c
  • gitDecoration.stageModifiedResourceForeground#1981ef
  • gitDecoration.submoduleResourceForeground#1981ef
  • gitDecoration.untrackedResourceForeground#3ea17f
  • icon.foreground#d6d6dd
  • input.background#0e0e0e
  • input.border#ffffff1e
  • input.foreground#d6d6dd
  • input.placeholderForeground#7b7b7b
  • inputOption.activeBackground#de3c72
  • inputOption.activeBorder#d6d6dd00
  • inputOption.activeForeground#d6d6dd
  • list.activeSelectionBackground#163761
  • list.activeSelectionForeground#d6d6dd
  • list.dropBackground#d6d6dd00
  • list.focusBackground#5b51ec
  • list.focusForeground#d6d6dd
  • list.highlightForeground#d6d6dd
  • list.hoverBackground#1c1c1c
  • list.hoverForeground#d6d6dd
  • list.inactiveSelectionBackground#1c1c1c
  • list.inactiveSelectionForeground#d6d6dd
  • listFilterWidget.background#5b51ec
  • listFilterWidget.noMatchesOutline#f14c4c
  • listFilterWidget.outline#00000000
  • menu.background#000000
  • menu.border#000000
  • menu.foreground#d6d6dd
  • menu.selectionBackground#194176
  • menu.selectionBorder#00000000
  • menu.selectionForeground#d6d6dd
  • menu.separatorBackground#3e3e3e
  • menubar.selectionBackground#d6d6dd20
  • menubar.selectionBorder#d6d6dd00
  • menubar.selectionForeground#d6d6dd
  • merge.commonContentBackground#000000dc
  • merge.commonHeaderBackground#323232d5
  • merge.currentContentBackground#1a493dda
  • merge.currentHeaderBackground#52d5bb95
  • merge.incomingContentBackground#28384bd4
  • merge.incomingHeaderBackground#39608fcc
  • minimap.background#000000
  • minimap.errorHighlight#f14c4c
  • minimap.findMatchHighlight#15ac9170
  • minimap.selectionHighlight#363636d5
  • minimap.warningHighlight#ea7620
  • minimapGutter.addedBackground#15ac91
  • minimapGutter.deletedBackground#f14c4c
  • minimapGutter.modifiedBackground#e5b95c
  • notebook.focusedCellBorder#15ac91
  • notebook.focusedEditorBorder#15ac9177
  • notificationCenter.border#2c2c2c
  • notificationCenterHeader.background#2c2c2c
  • notificationCenterHeader.foreground#d6d6dd
  • notifications.background#000000
  • notifications.border#2c2c2c
  • notifications.foreground#d6d6dd
  • notificationsErrorIcon.foreground#f14c4c
  • notificationsInfoIcon.foreground#228df2
  • notificationsWarningIcon.foreground#ea7620
  • notificationToast.border#383838
  • panel.background#000000
  • panel.border#383838
  • panelSection.border#383838
  • panelTitle.activeBorder#d6d6dd
  • panelTitle.activeForeground#d6d6dd
  • panelTitle.inactiveForeground#d6d6dd
  • peekView.border#383838
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#ea762070
  • peekViewEditor.matchHighlightBorder#d6d6dd00
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#000000
  • peekViewResult.fileForeground#d6d6dd
  • peekViewResult.lineForeground#d6d6dd
  • peekViewResult.matchHighlightBackground#ea762070
  • peekViewResult.selectionBackground#363636
  • peekViewResult.selectionForeground#d6d6dd
  • peekViewTitle.background#000000
  • peekViewTitleDescription.foreground#d6d6dd
  • peekViewTitleLabel.foreground#d6d6dd
  • pickerGroup.border#383838
  • pickerGroup.foreground#d6d6dd
  • progressBar.background#15ac91
  • scrollbar.shadow#d6d6dd00
  • scrollbarSlider.activeBackground#676767
  • scrollbarSlider.background#67676750
  • scrollbarSlider.hoverBackground#676767
  • selection.background#163761
  • settings.focusedRowBackground#d6d6dd07
  • settings.headerForeground#d6d6dd
  • sideBar.background#000000
  • sideBar.border#383838
  • sideBar.dropBackground#d6d6dd00
  • sideBar.foreground#d1d1d1
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#d1d1d100
  • sideBarSectionHeader.foreground#d1d1d1
  • sideBarTitle.foreground#d1d1d1
  • statusBar.background#000000
  • statusBar.border#383838
  • statusBar.debuggingBackground#ea7620
  • statusBar.debuggingBorder#d6d6dd00
  • statusBar.debuggingForeground#e7e7e7
  • statusBar.foreground#d6d6dd
  • statusBar.noFolderBackground#000000
  • statusBar.noFolderBorder#d6d6dd00
  • statusBar.noFolderForeground#6b6b6b
  • statusBarItem.activeBackground#d6d6dd25
  • statusBarItem.hoverBackground#d6d6dd20
  • statusBarItem.remoteBackground#5b51ec
  • statusBarItem.remoteForeground#d6d6dd
  • tab.activeBackground#000000
  • tab.activeBorder#d6d6dd00
  • tab.activeBorderTop#3a3aff
  • tab.activeForeground#d6d6dd
  • tab.border#d6d6dd00
  • tab.hoverBorder#6d6d7071
  • tab.hoverForeground#d6d6dd
  • tab.inactiveBackground#000000
  • tab.inactiveForeground#d6d6dd
  • terminal.ansiBlack#676767
  • terminal.ansiBlue#4c9df3
  • terminal.ansiBrightBlack#676767
  • terminal.ansiBrightBlue#4c9df3
  • terminal.ansiBrightCyan#75d3ba
  • terminal.ansiBrightGreen#15ac91
  • terminal.ansiBrightMagenta#e567dc
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#d6d6dd
  • terminal.ansiBrightYellow#e5b95c
  • terminal.ansiCyan#75d3ba
  • terminal.ansiGreen#15ac91
  • terminal.ansiMagenta#e567dc
  • terminal.ansiRed#f14c4c
  • terminal.ansiWhite#d6d6dd
  • terminal.ansiYellow#e5b95c
  • terminal.background#000000
  • terminal.border#383838
  • terminal.foreground#d6d6dd
  • terminal.selectionBackground#636262fd
  • terminalCursor.background#5b51ec
  • terminalCursor.foreground#d6d6dd
  • textLink.foreground#228df2
  • titleBar.activeBackground#000000
  • titleBar.activeForeground#d1d1d1
  • titleBar.border#383838
  • titleBar.inactiveBackground#1c1c1c
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#d6d6dd00
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#111111eb

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

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

Cursor Default Oled 1600nits by redpredator8 - VS Code Theme