Skip to main content
Coding Theme

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#b6b6b6
  • activityBar.background#cdcdcd
  • activityBar.border#b0b0b0
  • activityBar.foreground#006610
  • activityBar.inactiveForeground#686868
  • activityBarBadge.background#006610
  • activityBarBadge.foreground#ffffff
  • badge.background#c4c4c4
  • badge.foreground#333333
  • breadcrumb.activeSelectionForeground#4e4e4e
  • breadcrumb.background#fff7ee
  • breadcrumb.focusForeground#4e4e4e
  • breadcrumb.foreground#616161cc
  • button.background#006610
  • button.foreground#ffffff
  • button.hoverBackground#0d9022
  • button.secondaryBackground#5f6a79
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#4c5561
  • checkbox.background#ffffff
  • checkbox.border#00000000
  • checkbox.foreground#616161
  • debugExceptionWidget.background#f3f3f3
  • debugExceptionWidget.border#d5d5d5
  • debugToolBar.background#f3f3f3
  • debugToolBar.border#d5d5d5
  • diffEditor.border#d7d7d7
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#ffffff
  • dropdown.border#00000000
  • dropdown.foreground#616161
  • editor.background#fff7ee
  • editor.findMatchBackground#a8ac94
  • editor.findMatchBorder#979b83
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#b4b4b44d
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#add6ff4d
  • editor.foreground#383838
  • editor.hoverHighlightBackground#add6ff26
  • editor.inactiveSelectionBackground#e5ebf1
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#eeeeee
  • editor.rangeHighlightBackground#fdff0033
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#add6ff
  • editor.selectionHighlightBackground#add6ff80
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#57575740
  • editor.wordHighlightStrongBackground#0e639c40
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#b9b9b9
  • editorCodeLens.foreground#999999
  • editorCursor.background#ffffff
  • editorCursor.foreground#000000
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#e51400
  • editorGroup.border#e7e7e7
  • editorGroup.emptyBackground#ffffff
  • editorGroupHeader.tabsBackground#f3f3f3
  • editorGutter.addedBackground#81b88b
  • editorGutter.background#fff7ee
  • editorGutter.commentRangeForeground#424242
  • editorGutter.deletedBackground#ca4b51
  • editorGutter.foldingControlForeground#424242
  • editorGutter.modifiedBackground#66afe0
  • editorHoverWidget.background#f3f3f3
  • editorHoverWidget.border#c8c8c8
  • editorHoverWidget.foreground#616161
  • editorIndentGuide.activeBackground#939393
  • editorIndentGuide.background#d3d3d3
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#0b216f
  • editorLineNumber.foreground#237893
  • editorLink.activeForeground#0000ff
  • editorMarkerNavigation.background#ffffff
  • editorMarkerNavigationError.background#e51400
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#e9a700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#d3d3d3
  • editorSuggestWidget.background#f3f3f3
  • editorSuggestWidget.border#c8c8c8
  • editorSuggestWidget.foreground#000000
  • editorSuggestWidget.highlightForeground#006610
  • editorSuggestWidget.selectedBackground#d6ebff
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#e9a700
  • editorWhitespace.foreground#33333333
  • editorWidget.background#f3f3f3
  • editorWidget.foreground#616161
  • editorWidget.resizeBorder#c7c7c7
  • focusBorder#915dcf
  • foreground#2a2a2a
  • gitDecoration.addedResourceForeground#587c0c
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#ad0707
  • gitDecoration.ignoredResourceForeground#8e8e90
  • gitDecoration.modifiedResourceForeground#895503
  • gitDecoration.stageDeletedResourceForeground#ad0707
  • gitDecoration.stageModifiedResourceForeground#895503
  • gitDecoration.submoduleResourceForeground#1258a7
  • gitDecoration.untrackedResourceForeground#007100
  • icon.foreground#2a2a2a
  • input.background#ffffff
  • input.border#00000000
  • input.foreground#616161
  • input.placeholderForeground#767676
  • inputOption.activeBackground#00661032
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#000000
  • list.activeSelectionBackground#0060c0
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#d6ebff
  • list.focusBackground#d6ebff
  • list.focusForeground#616161
  • list.highlightForeground#0066bf
  • list.hoverBackground#e8e8e8
  • list.hoverForeground#616161
  • list.inactiveSelectionBackground#e4e6f1
  • list.inactiveSelectionForeground#616161
  • listFilterWidget.background#efc1ad
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#ffffff
  • menu.border#00000085
  • menu.foreground#616161
  • menu.selectionBackground#006610
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#888888
  • menubar.selectionBackground#0000001a
  • menubar.selectionForeground#333333
  • merge.commonContentBackground#E5E5E5
  • merge.commonHeaderBackground#BFBFBF
  • merge.currentContentBackground#DBF4EF
  • merge.currentHeaderBackground#A4E3D6
  • merge.incomingContentBackground#DBECFF
  • merge.incomingHeaderBackground#A6CFFF
  • minimap.background#ffffff
  • minimap.errorHighlight#e51400
  • minimap.findMatchHighlight#a8ac94
  • minimap.selectionHighlight#add6ff
  • minimap.warningHighlight#e9a700
  • minimapGutter.addedBackground#81b88b
  • minimapGutter.deletedBackground#ca4b51
  • minimapGutter.modifiedBackground#66afe0
  • notificationCenter.border#d5d5d5
  • notificationCenterHeader.background#e7e7e7
  • notificationCenterHeader.foreground#616161
  • notifications.background#f3f3f3
  • notifications.border#e7e7e7
  • notifications.foreground#616161
  • notificationsErrorIcon.foreground#e51400
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#e9a700
  • notificationToast.border#d5d5d5
  • panel.background#ececec
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#424242
  • panelTitle.activeForeground#424242
  • panelTitle.inactiveForeground#424242bf
  • peekView.border#007acc
  • peekViewEditor.background#f2f8fc
  • peekViewEditor.matchHighlightBackground#f5d802de
  • peekViewEditor.matchHighlightBorder#dbc417
  • peekViewEditorGutter.background#f2f8fc
  • peekViewResult.background#f3f3f3
  • peekViewResult.fileForeground#1e1e1e
  • peekViewResult.lineForeground#646465
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#6c6c6c
  • peekViewTitle.background#ffffff
  • peekViewTitleDescription.foreground#616161e6
  • peekViewTitleLabel.foreground#333333
  • pickerGroup.border#cccedb
  • pickerGroup.foreground#006610
  • progressBar.background#006610
  • scrollbar.shadow#e0e0e0
  • scrollbarSlider.activeBackground#00000099
  • scrollbarSlider.background#64646466
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#cae6ff
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#2a2a2a
  • sideBar.background#f3f3f3
  • sideBar.dropBackground#d6ebff
  • sideBar.foreground#616161
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#61616130
  • sideBarSectionHeader.foreground#616161
  • sideBarTitle.foreground#6f6f6f
  • statusBar.background#cdcdcd
  • statusBar.border#949494
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#111111
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#006610
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#ffffff
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#333333
  • tab.border#f3f3f3
  • tab.inactiveBackground#ececec
  • tab.inactiveForeground#333333b3
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#0451a5
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#0451a5
  • terminal.ansiBrightCyan#0598bc
  • terminal.ansiBrightGreen#14ce14
  • terminal.ansiBrightMagenta#bc05bc
  • terminal.ansiBrightRed#cd3131
  • terminal.ansiBrightWhite#a5a5a5
  • terminal.ansiBrightYellow#b5ba00
  • terminal.ansiCyan#0598bc
  • terminal.ansiGreen#00bc00
  • terminal.ansiMagenta#bc05bc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#555555
  • terminal.ansiYellow#949800
  • terminal.border#80808059
  • terminal.foreground#333333
  • terminal.selectionBackground#00000040
  • terminalCursor.background#0093ff
  • terminalCursor.foreground#ffffff
  • textLink.foreground#006610
  • titleBar.activeBackground#dddddd
  • titleBar.activeForeground#333333
  • titleBar.border#00000000
  • titleBar.inactiveBackground#dddddd99
  • 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#f97525
variable.other.generic-type.haskell#9700ff
storage.type.haskell#ff009b
support.variable.magic.python#f97525
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#383838
variable.parameter.function.language.special.self.python#006410
storage.modifier.lifetime.rust#383838
support.function.std.rust#009ba3
entity.name.lifetime.rust#006410
variable.language.rust#f97525
support.constant.edge#9700ff
constant.other.character-class.regexp#f97525
keyword.operator.quantifier.regexp#ff009b
punctuation.definition.string.begin,punctuation.definition.string.end#a38f24
variable.parameter.function#383838
comment markup.link#a5a5a5d1
markup.changed.diff#006410
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#009ba3
markup.inserted.diff#a38f24
markup.deleted.diff#f97525
meta.function.c,meta.function.cpp#f97525
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#383838
punctuation.separator.key-value#383838
keyword.operator.expression.import#009ba3
variable.other.readwrite.alias.ts, variable.other.readwrite.alias.tsx#ff009b
variable.language.thisitalic
support.constant.math#006410
support.constant.property.math#ff009b
variable.other.constant#006410
storage.type.annotation.java, storage.type.object.array.java#006410
source.java#f97525
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#383838
meta.method.java#009ba3
storage.modifier.import.java,storage.type.java,storage.type.generic.java#006410
keyword.operator.instanceof.java#9700ff
meta.definition.variable.name.java#f97525
keyword.operator.logical#606060
keyword.operator.bitwise#606060
keyword.operator.channel#606060
support.constant.property-value.scss,support.constant.property-value.css#ff009b
keyword.operator.css,keyword.operator.scss,keyword.operator.less#606060
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#ff009b
punctuation.separator.list.comma.css#383838
support.constant.color.w3c-standard-color-name.css#ff009b
support.type.vendored.property-name.css#606060
support.module.node,support.type.object.module,support.module.node#006410
entity.name.type.module#006410
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#f97525
support.constant.json#ff009b
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#9700ff
support.type.object.console#f97525
support.variable.property.process#ff009b
entity.name.function,support.function.console#009ba3
keyword.operator.misc.rust#383838
keyword.operator.sigil.rust#9700ff
keyword.operator.delete#9700ff
support.type.object.dom#606060
support.variable.dom,support.variable.property.dom#f97525
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#606060
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#9700ff
punctuation.separator.delimiter#383838
punctuation.separator.c,punctuation.separator.cpp#9700ff
support.type.posix-reserved.c,support.type.posix-reserved.cpp#606060
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#9700ff
variable.parameter.function.language.python#ff009b
support.type.python#606060
keyword.operator.logical.python#9700ff
variable.parameter.function.python#ff009b
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#383838
meta.function-call.generic.python#009ba3
constant.character.format.placeholder.other.python#ff009b
keyword.operator#383838
keyword.operator.assignment.compound#9700ff
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#606060
keyword#9700ff
entity.name.namespace#006410
variable#f97525
variable.c#383838
variable.language#006410
token.variable.parameter.java#383838
import.storage.java#006410
token.package.keyword#9700ff
token.package#383838
entity.name.function, meta.require, support.function.any-method, variable.function#009ba3
entity.name.type.namespace#006410
support.class, entity.name.type.class#006410
entity.name.class.identifier.namespace.type#006410
entity.name.class, variable.other.class.js, variable.other.class.ts#006410
variable.other.class.php#f97525
entity.name.type#cd7415
keyword.control#9700ff
control.elements, keyword.operator.less#ff009b
keyword.other.special-method#009ba3
storage#9700ff
token.storage#9700ff
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#9700ff
token.storage.type.java#006410
support.function#606060
support.type.property-name#383838
support.constant.property-value#383838
support.constant.font-name#ff009b
meta.tag#383838
string#a38f24
entity.other.inherited-class#219900
constant.other.symbol#606060
constant.numeric#ff009b
constant#ff009b
punctuation.definition.constant#ff009b
entity.name.tag#f97525bold
entity.other.attribute-name#f252b4
entity.other.attribute-name.id#009ba3normal
entity.other.attribute-name.class.css#ff009bnormal
meta.selector#9700ff
markup.heading#f97525
markup.heading punctuation.definition.heading, entity.name.section#009ba3
keyword.other.unit#f97525
markup.bold,todo.bold#ff009b
punctuation.definition.bold#006410
markup.italic, punctuation.definition.italic,todo.emphasis#9700ff
emphasis md#9700ff
entity.name.section.markdown#f97525
punctuation.definition.heading.markdown#f97525
punctuation.definition.list.begin.markdown#f97525
markup.heading.setext#383838
punctuation.definition.bold.markdown#ff009b
markup.inline.raw.markdown#a38f24
markup.inline.raw.string.markdown#a38f24
punctuation.definition.list.markdown#f97525
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#f97525
beginning.punctuation.definition.list.markdown#f97525
punctuation.definition.metadata.markdown#f97525
markup.underline.link.markdown,markup.underline.link.image.markdown#9700ff
string.other.link.title.markdown,string.other.link.description.markdown#009ba3
string.regexp#606060
constant.character.escape#606060
punctuation.section.embedded, variable.interpolation#f97525
punctuation.section.embedded.begin,punctuation.section.embedded.end#9700ff
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#383838
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#f97525
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#f97525
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#a38f24
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#606060
support.type.property-name.json#f97525
support.type.property-name.json punctuation#f97525
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#9700ff
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#9700ff
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#006410
keyword.operator.error-control.php#9700ff
keyword.operator.type.php#9700ff
punctuation.section.array.begin.php#383838
punctuation.section.array.end.php#383838
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#006410
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#009ba3
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#383838
support.constant.core.rust#ff009b
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#ff009b
entity.name.goto-label.php,support.other.php#009ba3
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#606060
keyword.operator.regexp.php#9700ff
keyword.operator.comparison.php#606060
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#9700ff
meta.function.decorator.python#009ba3
support.token.decorator.python,meta.function.decorator.identifier.python#606060
function.parameter#383838
function.brace#383838
function.parameter.ruby, function.parameter.cs#383838
constant.language.symbol.ruby#606060
rgb-value#606060
inline-color-decoration rgb-value#ff009b
less rgb-value#ff009b
selector.sass#f97525
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#006410
block.scope.end,block.scope.begin#383838
storage.type.cs#006410
entity.name.variable.local.cs#f97525
token.info-token#009ba3
token.warn-token#ff009b
token.error-token#f44747
token.debug-token#9700ff
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#9700ff
meta.template.expression#383838
keyword.operator.module#9700ff
support.type.type.flowtype#009ba3
support.type.primitive#006410
meta.property.object#f97525
variable.parameter.function.js#f97525
keyword.other.template.begin#a38f24
keyword.other.template.end#a38f24
keyword.other.substitution.begin#a38f24
keyword.other.substitution.end#a38f24
keyword.operator.assignment#606060
keyword.operator.assignment.go#006410
keyword.operator.arithmetic.go, keyword.operator.address.go#9700ff
entity.name.package.go#006410
support.type.prelude.elm#606060
support.constant.elm#ff009b
punctuation.quasi.element#9700ff
constant.character.entity#f97525
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#606060
entity.global.clojure#006410
meta.symbol.clojure#f97525
constant.keyword.clojure#606060
meta.arguments.coffee, variable.parameter.function.coffee#f97525
source.ini#a38f24
meta.scope.prerequisites.makefile#f97525
source.makefile#006410
storage.modifier.import.groovy#006410
meta.method.groovy#009ba3
meta.definition.variable.name.groovy#f97525
meta.definition.class.inherited.classes.groovy#a38f24
support.variable.semantic.hlsl#006410
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#9700ff
text.variable, text.bracketed#f97525
support.type.swift, support.type.vb.asp#006410
entity.name.function.xi#006410
entity.name.class.xi#606060
constant.character.character-class.regexp.xi#f97525
constant.regexp.xi#9700ff
keyword.control.xi#606060
invalid.xi#383838
beginning.punctuation.definition.quote.markdown.xi#a38f24
beginning.punctuation.definition.list.markdown.xi#a5a5a5d1
constant.character.xi#009ba3
accent.xi#009ba3
wikiword.xi#ff009b
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#a5a5a5d1
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#006410
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#f97525
meta.brace.square#383838
comment, punctuation.definition.comment#a5a5a5d1italic
markup.quote.markdown#a5a5a5d1
punctuation.definition.block.sequence.item.yaml#383838
constant.language.symbol.elixir#606060
entity.other.attribute-name.js,entity.other.attribute-name.ts,entity.other.attribute-name.jsx,entity.other.attribute-name.tsx,variable.parameter,variable.language.supernormal
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...

NucleaR'z Theme Light - Coding Theme