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#13151f
  • activityBar.background#13151f
  • activityBar.border#40434f
  • activityBar.foreground#00b4fb
  • activityBar.inactiveForeground#d9d9d9
  • activityBarBadge.background#2f3f80
  • activityBarBadge.foreground#ffffff
  • badge.background#282c3f
  • breadcrumb.activeSelectionForeground#ffffff
  • breadcrumb.background#13151f
  • breadcrumb.focusForeground#ffffff
  • breadcrumb.foreground#ffffffb9
  • button.background#262c45
  • button.foreground#ffffff
  • button.hoverBackground#19203d
  • button.secondaryBackground#007cff
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#262c45
  • checkbox.background#262c45
  • checkbox.border#00000000
  • checkbox.foreground#ffffff
  • debugExceptionWidget.background#1e2234
  • debugExceptionWidget.border#e8e8e82e
  • debugToolBar.background#ffffff62
  • debugToolBar.border#ffffff4c
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#262c45
  • dropdown.border#00000000
  • dropdown.foreground#ffffff
  • editor.background#13151f
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#212538
  • editor.foreground#d3d3d3
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0a
  • editor.lineHighlightBorder#22273d
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#272b3d
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#7d7d7d
  • editorCodeLens.foreground#999999
  • editorCursor.background#ffffff
  • editorCursor.foreground#3258ff
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#ff512e
  • editorGroup.border#444444
  • editorGroup.emptyBackground#13151f
  • editorGroupHeader.border#00000000
  • editorGroupHeader.tabsBackground#13151f
  • editorGroupHeader.tabsBorder#221d54
  • editorGutter.addedBackground#0c7c32
  • editorGutter.background#13151f
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#ab3238
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#13151f
  • editorHoverWidget.border#2a314d
  • editorHoverWidget.foreground#d9d9d9
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#ffff05
  • editorLineNumber.foreground#b3b3b3
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#00000000
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#13151f
  • editorSuggestWidget.border#232943
  • editorSuggestWidget.foreground#eaeaea
  • editorSuggestWidget.highlightForeground#007cff
  • editorSuggestWidget.selectedBackground#242a43
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffd100
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#13172a
  • editorWidget.foreground#bcbcbc
  • editorWidget.resizeBorder#ffffff
  • focusBorder#ffffff1c
  • foreground#ffffff
  • gitDecoration.addedResourceForeground#59b86b
  • gitDecoration.conflictingResourceForeground#6161f9
  • gitDecoration.deletedResourceForeground#f54d2f
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#ffba53
  • gitDecoration.stageDeletedResourceForeground#e2725e
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#ffffff
  • input.background#151826
  • input.border#00000000
  • input.foreground#ffffff
  • input.placeholderForeground#a9a9a9
  • inputOption.activeBackground#262c45
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#eeeeee
  • list.activeSelectionBackground#1b2034
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#21263d
  • list.focusBackground#13151f
  • list.focusForeground#cccccc
  • list.highlightForeground#ffffff
  • list.hoverBackground#1b2034
  • list.hoverForeground#e8e8e8
  • list.inactiveSelectionBackground#1b2034
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#0e111d
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#ffffff00
  • menu.background#16192c
  • menu.border#ffffff34
  • menu.foreground#ffffff
  • menu.selectionBackground#10131d
  • menu.selectionBorder#10131d
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#a5a5a5
  • menubar.selectionBackground#222945
  • menubar.selectionForeground#ffffff
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#13151f
  • minimap.errorHighlight#ff512e
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#272b3d
  • minimap.warningHighlight#ffd100
  • minimapGutter.addedBackground#0c7c32
  • minimapGutter.deletedBackground#ab3238
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#13151f
  • notificationCenterHeader.background#2c3045
  • notificationCenterHeader.foreground#ffffff
  • notifications.background#13151f
  • notifications.border#ffffff0e
  • notifications.foreground#e6e6e6
  • notificationsErrorIcon.foreground#ff0000
  • notificationsInfoIcon.foreground#62b5ff
  • notificationsWarningIcon.foreground#ffd100
  • notificationToast.border#ffffff14
  • panel.background#13151f
  • panel.border#ffffff59
  • panelSection.border#ffffff59
  • panelTitle.activeBorder#ffffff
  • panelTitle.activeForeground#ffffff
  • panelTitle.inactiveForeground#ffffff99
  • peekView.border#007acc
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#ffffff
  • pickerGroup.foreground#3794ff
  • progressBar.background#0e70c0
  • scrollbar.shadow#000000b9
  • scrollbarSlider.activeBackground#242d54
  • scrollbarSlider.background#25293d
  • scrollbarSlider.hoverBackground#1b1f38
  • selection.background#256aa7
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ffffff
  • sideBar.background#13151f
  • sideBar.border#201b3f
  • sideBar.dropBackground#21263d
  • sideBar.foreground#ffffff
  • sideBarSectionHeader.background#1d2134
  • sideBarSectionHeader.border#ffffff33
  • sideBarSectionHeader.foreground#ffffff
  • sideBarTitle.foreground#00ffab
  • statusBar.background#11141f
  • statusBar.border#ff000000
  • statusBar.debuggingBackground#d55a00
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#692a79
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#0a9061
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#0b0c13
  • tab.activeBorder#ffffff00
  • tab.activeBorderTop#ffffff00
  • tab.activeForeground#ffffff
  • tab.border#ffffff12
  • tab.hoverBackground#10111a
  • tab.hoverBorder#ffffff00
  • tab.hoverForeground#ffffff
  • tab.inactiveBackground#161b28
  • tab.inactiveForeground#ffffffce
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#002fff
  • terminal.ansiBrightBlack#ff6f00
  • terminal.ansiBrightBlue#0fd301
  • terminal.ansiBrightCyan#00ffe1
  • terminal.ansiBrightGreen#00ff00
  • terminal.ansiBrightMagenta#fff42a
  • terminal.ansiBrightRed#ff4646
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#317dff
  • terminal.ansiCyan#00eeff
  • terminal.ansiGreen#00DB00
  • terminal.ansiMagenta#e600e6
  • terminal.ansiRed#ff0000
  • terminal.ansiWhite#ffffff
  • terminal.ansiYellow#FFFF00
  • terminal.background#13151f
  • terminal.border#ffffff59
  • terminalCursor.background#007cff
  • terminalCursor.foreground#15ff00
  • textLink.foreground#00ffff
  • titleBar.activeBackground#13151f
  • titleBar.activeForeground#ffffff
  • titleBar.border#ffffff00
  • titleBar.inactiveBackground#171b2b
  • titleBar.inactiveForeground#ffffffa9
  • tree.indentGuidesStroke#3062d7
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#131419

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
entity.name.tag#00b3ff
entity.other.attribute-name#ff9615italic
entity.other.attribute-name.class.css#ff28f8
entity.other.keyframe-offset.percentage.css, entity.other.keyframe-offset.css#00ffaa
variable.parameter.keyframe-list.css#FED604
support.type.property-name.media.css#ffad2a
support.function.misc.css#ffad2a
support.function.calc.css#ffad2a
support.function.gradient.css#ffad2a
variable.css#ff5c4e
variable.argument.css#ff5c4e
meta.at-rule.media.header.css#f15a4c
entity.other.attribute-name.pseudo-class.css#1aff00
meta.tag.other, entity.name.tag.style, entity.name.tag.script, meta.tag.block.script, source.js.embedded punctuation.definition.tag.html, source.css.embedded punctuation.definition.tag.html#1ab2f8
text.html.derivative#ffffff
meta.tag.metadata.meta.void.html,punctuation.separator.key-value.html#FF9615
meta.attribute.border.html#FED604
entity.other.attribute-name.id.html#ff5ac0
punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end#327bdb
meta.tag string -source -punctuation, text source text meta.tag string -punctuation#37E7AC
punctuation.section.embedded -(source string source punctuation.section.embedded), meta.brace.erb.html#D0B344
meta.toc-list.id#88F2AF
string.quoted.double.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html, string.quoted.double.handlebars#dadada
support.type.property-name.css#00fffb
meta.property-list.css#ff7125
entity.other.attribute-name.id.css#ff9500
punctuation.separator.list.comma.css#c5c5c5
keyword.other.unit#fee904
entity.name.tag.css, meta.selector.css#00B2FF
keyword.control.at-rule.media.css#ab54fd
constant.other.color.rgb-value.hex.css#e1e1e1
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css#FED604
support.constant.color.current.css#FED604
constant.numeric.css#FEE904
punctuation.definition.string.begin.css,string.quoted.double.css,punctuation.definition.string.end.css,string.quoted.double.css#b6b6b6
entity.other.attribute-name.css#37E7AC
keyword.operator.pattern.css#37E7AC
string.quoted.double.json#ffffff
support.type.property-name.json#FED604
punctuation.definition.string.end.json,punctuation.definition.string.begin.json#21fd6b
constant.language.json#f533db
constant.numeric.json#f15a4c
constant.numeric.json#f15a4c
source.shell#f15a4c
string.unquoted.plain.out.yaml#f15a4c
constant.language.boolean.yaml#FED604
constant.numeric.integer.yaml#F39C12
source.ignore#F39C12
storage.type.interface.ts, storage.type.interface.tsx, storage.type.interface.js, storage.type.interface.jsx#f859b1italic
variable.object.property.ts, variable.object.property.tsx, variable.object.property.js, variable.object.property.jsx#21fd6b
support.type.primitive.ts, support.type.primitive.tsx, support.type.primitive.js, support.type.primitive.jsx#21fd6bbold
string.quoted.single.js,punctuation.definition.string.end.js,punctuation.definition.string.begin.js,string.quoted.single.ts,string.quoted.single.tsx#21fd6b
string.quoted.double.js,string.quoted.double.ts,string.quoted.double.tsx#bebebe
meta.object-literal.key.js,meta.object-literal.key.ts,meta.object-literal.key.tsx#7cff54
keyword.control.default.js,keyword.control.default.ts,keyword.control.default.tsx#ff5a4b
switch-block.expr.js,switch-block.expr.ts,switch-block.expr.tsx#ff5a4b
meta.object.member.js,meta.object.member.ts,meta.object.member.tsx#E2E2E2EC
punctuation.separator.parameter.js,punctuation.separator.parameter.ts,punctuation.separator.parameter.tsx#E2E2E2EC
punctuation.definition.section.case-statement.js,punctuation.definition.section.case-statement.ts,punctuation.definition.section.case-statement.tsx#E2E2E2EC
storage.modifier.async.js,constant.language.null.js,constant.language.undefined.js,storage.modifier.async.ts,constant.language.null.ts,constant.language.undefined.ts,storage.modifier.async.tsx,constant.language.null.tsx,constant.language.undefined.tsx#2493fabold
constant.language.boolean.true.js,constant.language.boolean.true.ts,constant.language.boolean.true.tsx#46fc55
constant.language.boolean.false.js,constant.language.boolean.false.ts,constant.language.boolean.false.tsx#ee1f18
support.type.object.module.js,support.type.object.module.ts,support.type.object.module.tsx#F39C12
punctuation.terminator.statement.js,punctuation.separator.comma.js,punctuation.terminator.statement.ts,punctuation.separator.comma.ts,punctuation.terminator.statement.tsx,punctuation.separator.comma.tsx#efefefec
variable.other.readwrite.js,meta.definition.variable.js,meta.var-single-variable.expr.js,variable.other.readwrite.ts,meta.definition.variable.ts,meta.var-single-variable.expr.ts,variable.other.readwrite.tsx,meta.definition.variable.tsx,meta.var-single-variable.expr.tsx#ffffff
meta.jsx.children.js.jsx, meta.jsx.children.js, meta.jsx.children.tsx, meta.jsx.children.ts#ffffff
variable.language.this.js, variable.language.this.ts, variable.language.this.tsx#f859b1
entity.other.inherited-class.js,entity.other.inherited-class.ts,entity.other.inherited-class.tsx#f859b1
support.class.builtin.js,support.class.builtin.ts,support.class.builtin.tsx#f859b1
variable.other.readwrite.alias.js,meta.var.expr.js,variable.other.readwrite.alias.ts,meta.var.expr.ts,variable.other.readwrite.alias.tsx,meta.var.expr.tsx#2493FA
variable.parameter.js,variable.parameter.ts,variable.parameter.tsx#00ffd9bold
string.template.js,punctuation.definition.string.template.begin.js,punctuation.definition.string.template.end.js,string.template.ts,punctuation.definition.string.template.begin.ts,punctuation.definition.string.template.end.ts,string.template.tsx,punctuation.definition.string.template.begin.tsx,punctuation.definition.string.template.end.tsx#21fd6b
meta.template.expression.js,punctuation.definition.template-expression.begin.js,meta.template.expression.ts,punctuation.definition.template-expression.begin.ts,meta.template.expression.tsx,punctuation.definition.template-expression.begin.tsx,#21fd6b
comment.block.js. comment.line.double-slash.js,comment.block.ts. comment.line.double-slash.ts,comment.block.tsx. comment.line.double-slash.tsxbold
punctuation.definition.template-expression.begin.js,punctuation.definition.template-expression.begin.ts,punctuation.definition.template-expression.begin.tsx#21fd6b
keyword.control.import.js,meta.import.js, keyword.control.from.js,keyword.control.import.ts,meta.import.ts, keyword.control.from.ts,keyword.control.import.tsx,meta.import.tsx, keyword.control.from.tsxbold
punctuation.definition.template-expression.end.js,punctuation.definition.template-expression.end.ts,punctuation.definition.template-expression.end.tsx#4d595f
punctuation.definition.template-expression.begin.js,punctuation.definition.template-expression.begin.ts,punctuation.definition.template-expression.begin.tsx#4d595f
meta.embedded.line.js,meta.embedded.line.ts,meta.embedded.line.tsx#00ffd9
meta.function-call.js,variable.other.object.js,meta.function-call.ts,variable.other.object.ts,meta.function-call.tsx,variable.other.object.tsx#00e5ff
entity.name.function.js,support.variable.property.js,variable.other.property.js,entity.name.function.ts,support.variable.property.ts,variable.other.property.ts,entity.name.function.tsx,support.variable.property.tsx,variable.other.property.tsx#ffee00
storage.type.js,storage.type.function.js,storage.type.class.js,storage.type.function.arrow.js,torage.modifier.js,meta.class.js,storage.type.ts,storage.type.function.ts,storage.type.class.ts,storage.type.function.arrow.ts,meta.class.ts,storage.type.tsx,storage.type.function.tsx,storage.type.class.tsx,storage.type.function.arrow.tsx,meta.class.tsx#c16affitalic
entity.name.type.class.js,entity.name.type.class.ts,entity.name.type.class.tsx#f859b1
constant.numeric.decimal.js,constant.numeric.decimal.ts,constant.numeric.decimal.tsx#F39C12
punctuation.section.embedded.begin.php#aa95f7
punctuation.section.embedded.end.php#aa95f7
punctuation.definition.variable#E26674
variable.other.php,variable.other.global.php,variable.other.property.php#E26674
constant.numeric.decimal.php#F39C12
support.function.construct.output.php,meta.function-call.php,support.class.php#F39C12
string.quoted.single.php,string.quoted.double.php#b6b6b6
constant.language.php#FED604
storage.type.function.php,storage.type.php,storage.type.php,meta.function.parameter.typehinted.php,storage.type.class.php,storage.modifier.php,storage.modifier.extends.php,storage.type.trait.php,storage.modifier.final.php#b267e6italic
entity.name.function.php,support.function.constructor.php,support.function.magic.php,support.class.builtin.php#FED604
storage.modifier.implements.php#b267e6
entity.name.type.class.php,variable.language.this.php,entity.name.type.trait.php#f859b1
entity.other.inherited-class.php#f859b1bold underline
entity.other.alias.php#f859b1
support.class.php,meta.use.php#f859b1
variable.other.global.safer.php#E26674
variable.other.class.php#E26674
support.function.construct.php, meta.array.php#F39C12
constant.other.class.php#F39C12
constant.other.php#F39C12
support.other.namespace.php#fca420
entity.name.type.namespace.php#fca420
keyword.other.sql, keyword#ff9615
support.function.table.sql, source.sql#37E7AC
keyword.operator.comparison.sql, source.sql#0C88FF
keyword.other.DML.sql#f8ec40
source.sql#f44747
storage.modifier.sql#0C88FF
variable.scss#CC6699
meta.definition.variable.scss#E26662
source.css.scss#CC6699
punctuation.separator.key-value.scss,punctuation.terminator.rule.scss,punctuation.terminator.rule.css#c8c8c8
punctuation.definition.string.begin.scss,punctuation.definition.string.end.scss#37E7AC
keyword.control.at-rule.include.scss#B267E6
keyword.control.at-rule.mixin.scss#B267E6
keyword.control.at-rule.use.scss#B267E6
entity.name.function.scss#B267E6
punctuation.section.property-list.begin.bracket.curly.scss,punctuation.section.property-list.end.bracket.curly.scss#c8c8c8
punctuation.definition.heading.markdown, markup.heading.markdown#0C88FF
markup.italic.markdown#eb0cffitalic
punctuation.definition.bold.markdown,markup.bold.markdown#db1c75
markup.quote.markdown#41aeec
markup.underline.link.markdown,meta.link.inline.markdown#1f22fa
markup.underline.link.markdown,meta.link.inline.markdown#7538e6
markup.list.unnumbered.markdown#e6e336
markup.list.numbered.markdown#d3aa25
markup.inline.raw.string.markdown#eb6632
meta.paragraph.markdown#ffffff
comment#4d595fbold
markup.fenced_code.block.markdown#b132eb
punctuation.separator.key-value.css#c2c2c2
markup.raw.block.markdown#2c7233bold
entity.name.function.mongodb#fca420
variable.other.object.property.mongodb#fca420
string.quoted.single.mongodb,string.quoted.double.mongodb#b6b6b6
variable.other.object.mongodb,meta.function-call.mongodb,support.function.mongodb#FED604
variable.other.property.mongodb, constant.numeric.decimal.mongodb#fca420
variable.other.constant.object.property.mongodb#fca420
variable.other.readwrite.mongodb,meta.object-literal.key.mongodb#f44747
punctuation.accessor.mongodb#e6f0ee
variable.other.env#FED604
constant.language.env,source.env#21fd6b
keyword.operator.assignment.env#00ffd9
constant.numeric.env#F39C12
comment.line.double-slash.js, comment.line.number-sign.pythonbold
source.python#00FFD9
constant.numeric.dec.python#F39C12
constant.numeric.float.python#e6e336
string.quoted.single.python#21FD6B
support.function.builtin.python, meta.function-call.python, entity.name.function.python, support.function.magic.python#FED604
punctuation.separator.dict.python, punctuation.separator.element.python#B267E6
keyword.control.flow.python, storage.type.function.python, storage.type.class.python#B267E6italic
entity.name.type.class.python#F859B1
keyword.operator.comparison.python, keyword.operator.bitwise.python#2796ff
meta.function-call.arguments.python#00FFD9
meta.attribute.python#ff6152
constant.language.python#ff5d4e
punctuation.separator.colon.python, punctuation.separator.arguments.python#B267E6
string.quoted.single.cpp,punctuation.definition.string.end.cpp,punctuation.definition.string.begin.cpp#21fd6b
string.quoted.double.cpp#b6b6b6
meta.object-literal.key.cpp#ffffff
keyword.control.default.cpp#ff5a4b
switch-block.expr.cpp#ff5a4b
meta.object.member.cpp#E2E2E2EC
punctuation.separator.parameter.cpp#E2E2E2EC
punctuation.definition.section.case-statement.cpp#E2E2E2EC
storage.modifier.async.cpp,constant.language.null.cpp,constant.language.undefined.cpp#2493fa
constant.language.boolean.true.cpp#46fc55
constant.language.boolean.false.cpp#ee1f18
support.type.object.module.cpp#F39C12
punctuation.terminator.statement.cpp,punctuation.separator.comma.cpp#aaa8a8ec
variable.other.readwrite.cpp,meta.definition.variable.cpp,meta.var-single-variable.expr.cpp#ffffff
variable.language.this.cpp#f859b1
entity.other.inherited-class.cpp#f859b1
support.class.builtin.cpp#f859b1
variable.other.readwrite.alias.cpp,meta.var.expr.cpp#FED604
variable.parameter.cpp#00ffd9
string.template.cpp,punctuation.definition.string.template.begin.cpp,punctuation.definition.string.template.end.cpp#21fd6b
meta.template.expression.cpp,punctuation.definition.template-expression.begin.cpp,#21fd6b
punctuation.definition.template-expression.begin.cpp,#21fd6b
punctuation.definition.template-expression.end.cpp#4d595f
punctuation.definition.template-expression.begin.cpp#4d595f
meta.embedded.line.cpp#00ffd9
meta.function-call.cpp,variable.other.object.cpp#74efff
entity.name.function.cpp,support.variable.property.cpp,variable.other.property.cpp#FED604
entity.name.namespace.cpp#f859b1
constant.numeric.decimal.cpp#F39C12
storage.type.built-in.primitive.cpp#c16aff
string.quoted.single.cs,string.quoted.double.cs,punctuation.definition.string.end.cs,punctuation.definition.string.begin.cs#21fd6b
keyword.control.default.cs#ff5a4b
meta.object-literal.key.cs#7cff54
meta.object.member.cs#E2E2E2EC
punctuation.separator.parameter.cs#E2E2E2EC
constant.language.boolean.true.cs#46fc55
constant.language.boolean.false.cs#ee1f18
support.type.object.module.cs#F39C12
punctuation.terminator.statement.cs,punctuation.separator.comma.cs#efefefec
variable.other.readwrite.cs,meta.definition.variable.cs,meta.var-single-variable.expr.cs#ffffff
meta.children.cs#ffffff
variable.language.this.cs#f859b1
entity.other.inherited-class.cs#f859b1
support.class.builtin.cs#f859b1
variable.parameter.cs#00ffd9bold
string.template.cs,punctuation.definition.string.template.begin.cs,punctuation.definition.string.template.end.cs#21fd6b
meta.template.expression.cs,punctuation.definition.template-expression.begin.cs,punctuation.definition.template-expression.end.cs#21fd6b
comment.block.cs,comment.line.double-slash.csbold
meta.function-call.cs,variable.other.object.cs#00e5ff
entity.name.function.cs,support.variable.property.cs,variable.other.property.cs#ffee00
storage.type.cs,storage.type.function.cs,storage.type.class.cs,storage.type.function.arrow.cs,meta.class.cs#c16affitalic
entity.name.type.class.cs#f859b1
constant.numeric.decimal.cs#F39C12
entity.name.variable.field.cs#c16affitalic
entity.name.type.cs#c16affitalic
estorage.modifier.private.cs,storage.modifier.public.cs,storage.modifier.protected.cs,storage.modifier.internal.cs,storage.modifier.protected-internal.cs,storage.modifier.private-protected.cs#f859b1
storage.modifier.async.cs#2493fabold
entity.name.type.namespace.cs#d5d800bold

Shiki preview

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

Loading...

Rex Dark Themes by FighterOP - VS Code Theme