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#ffff0000
  • activityBar.background#3a4049
  • activityBar.border#3d4451
  • activityBar.foreground#7477b2
  • activityBar.inactiveForeground#9a9c9d
  • activityBarBadge.background#4d4f7d
  • activityBarBadge.foreground#ffffff
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#2e343f
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#6b6fb2
  • button.foreground#ffffff
  • button.hoverBackground#4d4f7d
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#413e3e
  • checkbox.border#4d4f7d
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#413e3e
  • dropdown.border#4d4f7d
  • dropdown.foreground#cccccc
  • editor.background#2e343f
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#d4d4d4
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#4d4f7d
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#646768
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#2e343f
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#8f3e1e
  • editorGroup.border#444444
  • editorGroup.emptyBackground#2e343f
  • editorGroupHeader.tabsBackground#353a43
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#2e343f
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#252526
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#5c5a5a
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#587a99
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#6b6fb2
  • editorSuggestWidget.selectedBackground#353a43
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#be572e
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#252526
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#4d4f7d
  • foreground#9d9d9d
  • gitDecoration.addedResourceForeground#81b88b
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#c74e39
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#e2c08d
  • gitDecoration.stageDeletedResourceForeground#c74e39
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#9d9d9d
  • input.background#434956
  • input.border#4d4f7d
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#37716c
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#353a43
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#383b3d
  • list.focusBackground#062f4a
  • list.focusForeground#cccccc
  • list.highlightForeground#6b6fb2
  • list.hoverBackground#2a2d2e
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#37373d
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#353a43
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#6b6fb2
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#2e343f
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#646768
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#474747
  • notificationCenterHeader.background#4d4f7d
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#353a43
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f06d36
  • notificationsInfoIcon.foreground#1f94e6
  • notificationsWarningIcon.foreground#f9c31c
  • notificationToast.border#494949
  • panel.background#20252e
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#4d4f7d
  • peekViewEditor.background#3d3f6b
  • peekViewEditor.matchHighlightBackground#e6820270
  • peekViewEditor.matchHighlightBorder#c48330
  • peekViewEditorGutter.background#383a62
  • peekViewResult.background#434577
  • 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#3f3f46
  • pickerGroup.foreground#6b6fb2
  • progressBar.background#4d4f7d
  • scrollbar.shadow#292d34
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#4d4f7d
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#9d9d9d
  • sideBar.background#353a43
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#3e444f
  • statusBar.border#ff000000
  • statusBar.debuggingBackground#6b6fb2
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#a1a8ab
  • statusBar.noFolderBackground#2a7670
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#2a7670
  • statusBarItem.remoteBackground#4d5562
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#2e343f
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#f8f6ef
  • tab.border#39393b
  • tab.inactiveBackground#3d424c
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#3b8eea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#23d18b
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#e5e510
  • terminal.border#80808059
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#bea47b
  • terminalCursor.foreground#6b6fb2
  • textLink.foreground#6b6fb2
  • titleBar.activeBackground#3b4049
  • titleBar.activeForeground#8c9396
  • titleBar.border#00000000
  • titleBar.inactiveBackground#2e343f
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#585858
  • 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#d9c8a7
variable.other.generic-type.haskell#9396d3
storage.type.haskell#98c379
support.variable.magic.python#d9c8a7
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d4d4d4
variable.parameter.function.language.special.self.python#e2c690
storage.modifier.lifetime.rust#d4d4d4
support.function.std.rust#be5b34
entity.name.lifetime.rust#e2c690
variable.language.rust#d9c8a7
support.constant.edge#9396d3
constant.other.character-class.regexp#d9c8a7
keyword.operator.quantifier.regexp#98c379
punctuation.definition.string.begin,punctuation.definition.string.end#98c379
variable.parameter.function#d4d4d4
comment markup.link#7f848e
markup.changed.diff#e2c690
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#be5b34
markup.inserted.diff#98c379
markup.deleted.diff#d9c8a7
meta.function.c,meta.function.cpp#d9c8a7
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#d4d4d4
punctuation.separator.key-value#d4d4d4
keyword.operator.expression.import#be5b34
support.constant.math#e2c690
support.constant.property.math#98c379
variable.other.constant#e2c690
storage.type.annotation.java, storage.type.object.array.java#e2c690
source.java#d9c8a7
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#d4d4d4
meta.method.java#be5b34
storage.modifier.import.java,storage.type.java,storage.type.generic.java#e2c690
keyword.operator.instanceof.java#9396d3
meta.definition.variable.name.java#d9c8a7
keyword.operator.logical#bea47b
keyword.operator.bitwise#bea47b
keyword.operator.channel#bea47b
support.constant.property-value.scss,support.constant.property-value.css#98c379
keyword.operator.css,keyword.operator.scss,keyword.operator.less#bea47b
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#98c379
punctuation.separator.list.comma.css#d4d4d4
support.constant.color.w3c-standard-color-name.css#98c379
support.type.vendored.property-name.css#bea47b
support.module.node,support.type.object.module,support.module.node#e2c690
entity.name.type.module#e2c690
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#d9c8a7
support.constant.json#98c379
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#9396d3
support.type.object.console#d9c8a7
support.variable.property.process#98c379
entity.name.function,support.function.console#be5b34
keyword.operator.misc.rust#d4d4d4
keyword.operator.sigil.rust#9396d3
keyword.operator.delete#9396d3
support.type.object.dom#bea47b
support.variable.dom,support.variable.property.dom#d9c8a7
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#bea47b
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#9396d3
punctuation.separator.delimiter#d4d4d4
punctuation.separator.c,punctuation.separator.cpp#9396d3
support.type.posix-reserved.c,support.type.posix-reserved.cpp#bea47b
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#9396d3
variable.parameter.function.language.python#98c379
support.type.python#bea47b
keyword.operator.logical.python#9396d3
variable.parameter.function.python#98c379
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#d4d4d4
meta.function-call.generic.python#be5b34
constant.character.format.placeholder.other.python#98c379
keyword.operator#d4d4d4
keyword.operator.assignment.compound#9396d3
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#bea47b
keyword#9396d3
entity.name.namespace#e2c690
variable#d9c8a7
variable.c#d4d4d4
variable.language#e2c690
token.variable.parameter.java#d4d4d4
import.storage.java#e2c690
token.package.keyword#9396d3
token.package#d4d4d4
entity.name.function, meta.require, support.function.any-method, variable.function#be5b34
entity.name.type.namespace#e2c690
support.class, entity.name.type.class#e2c690
entity.name.class.identifier.namespace.type#e2c690
entity.name.class, variable.other.class.js, variable.other.class.ts#e2c690
variable.other.class.php#d9c8a7
entity.name.type#e2c690
keyword.control#9396d3
control.elements, keyword.operator.less#98c379
keyword.other.special-method#be5b34
storage#9396d3
token.storage#9396d3
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#9396d3
token.storage.type.java#e2c690
support.function#bea47b
support.type.property-name#d4d4d4
support.constant.property-value#d4d4d4
support.constant.font-name#98c379
meta.tag#d4d4d4
string#98c379
entity.other.inherited-class#e2c690
constant.other.symbol#bea47b
constant.numeric#98c379
constant#98c379
punctuation.definition.constant#98c379
entity.name.tag#d9c8a7
entity.other.attribute-name#98c379
entity.other.attribute-name.id#be5b34normal
entity.other.attribute-name.class.css#98c379normal
meta.selector#9396d3
markup.heading#d9c8a7
markup.heading punctuation.definition.heading, entity.name.section#be5b34
keyword.other.unit#d9c8a7
markup.bold,todo.bold#98c379
punctuation.definition.bold#e2c690
markup.italic, punctuation.definition.italic,todo.emphasis#9396d3
emphasis md#9396d3
entity.name.section.markdown#d9c8a7
punctuation.definition.heading.markdown#d9c8a7
punctuation.definition.list.begin.markdown#d9c8a7
markup.heading.setext#d4d4d4
punctuation.definition.bold.markdown#98c379
markup.inline.raw.markdown#98c379
markup.inline.raw.string.markdown#98c379
punctuation.definition.list.markdown#d9c8a7
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#d9c8a7
beginning.punctuation.definition.list.markdown#d9c8a7
punctuation.definition.metadata.markdown#d9c8a7
markup.underline.link.markdown,markup.underline.link.image.markdown#9396d3
string.other.link.title.markdown,string.other.link.description.markdown#be5b34
string.regexp#bea47b
constant.character.escape#bea47b
punctuation.section.embedded, variable.interpolation#d9c8a7
punctuation.section.embedded.begin,punctuation.section.embedded.end#9396d3
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#d4d4d4
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#d9c8a7
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#d9c8a7
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#98c379
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#bea47b
support.type.property-name.json#d9c8a7
support.type.property-name.json punctuation#d9c8a7
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#9396d3
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#9396d3
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#e2c690
keyword.operator.error-control.php#9396d3
keyword.operator.type.php#9396d3
punctuation.section.array.begin.php#d4d4d4
punctuation.section.array.end.php#d4d4d4
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#e2c690
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#be5b34
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#d4d4d4
support.constant.core.rust#98c379
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#98c379
entity.name.goto-label.php,support.other.php#be5b34
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#bea47b
keyword.operator.regexp.php#9396d3
keyword.operator.comparison.php#bea47b
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#9396d3
meta.function.decorator.python#be5b34
support.token.decorator.python,meta.function.decorator.identifier.python#bea47b
function.parameter#d4d4d4
function.brace#d4d4d4
function.parameter.ruby, function.parameter.cs#d4d4d4
constant.language.symbol.ruby#bea47b
rgb-value#bea47b
inline-color-decoration rgb-value#98c379
less rgb-value#98c379
selector.sass#d9c8a7
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#e2c690
block.scope.end,block.scope.begin#d4d4d4
storage.type.cs#e2c690
entity.name.variable.local.cs#d9c8a7
token.info-token#be5b34
token.warn-token#98c379
token.error-token#f44747
token.debug-token#9396d3
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#9396d3
meta.template.expression#d4d4d4
keyword.operator.module#9396d3
support.type.type.flowtype#be5b34
support.type.primitive#e2c690
meta.property.object#d9c8a7
variable.parameter.function.js#d9c8a7
keyword.other.template.begin#98c379
keyword.other.template.end#98c379
keyword.other.substitution.begin#98c379
keyword.other.substitution.end#98c379
keyword.operator.assignment#bea47b
keyword.operator.assignment.go#e2c690
keyword.operator.arithmetic.go, keyword.operator.address.go#9396d3
entity.name.package.go#e2c690
support.type.prelude.elm#bea47b
support.constant.elm#98c379
punctuation.quasi.element#9396d3
constant.character.entity#d9c8a7
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#bea47b
entity.global.clojure#e2c690
meta.symbol.clojure#d9c8a7
constant.keyword.clojure#bea47b
meta.arguments.coffee, variable.parameter.function.coffee#d9c8a7
source.ini#98c379
meta.scope.prerequisites.makefile#d9c8a7
source.makefile#e2c690
storage.modifier.import.groovy#e2c690
meta.method.groovy#be5b34
meta.definition.variable.name.groovy#d9c8a7
meta.definition.class.inherited.classes.groovy#98c379
support.variable.semantic.hlsl#e2c690
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#9396d3
text.variable, text.bracketed#d9c8a7
support.type.swift, support.type.vb.asp#e2c690
entity.name.function.xi#e2c690
entity.name.class.xi#bea47b
constant.character.character-class.regexp.xi#d9c8a7
constant.regexp.xi#9396d3
keyword.control.xi#bea47b
invalid.xi#d4d4d4
beginning.punctuation.definition.quote.markdown.xi#98c379
beginning.punctuation.definition.list.markdown.xi#7f848e
constant.character.xi#be5b34
accent.xi#be5b34
wikiword.xi#98c379
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#7f848e
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#e2c690
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#d9c8a7
meta.brace.square#d4d4d4
comment, punctuation.definition.comment#7f848eitalic
markup.quote.markdown#7f848e
punctuation.definition.block.sequence.item.yaml#d4d4d4
constant.language.symbol.elixir#bea47b
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...

Yet Another Solarized Theme by Julian Schelb - VS Code Theme