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#282828
  • activityBar.background#0E0E10
  • activityBar.border#282828
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#64484860
  • activityBarBadge.background#e9a700
  • activityBarBadge.foreground#000000
  • badge.background#0a805d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#4e4e4e
  • breadcrumb.background#0E0E10
  • breadcrumb.focusForeground#4e4e4e
  • breadcrumb.foreground#616161cc
  • button.background#0a805d
  • button.foreground#ffffff
  • button.hoverBackground#0E0E10
  • button.secondaryBackground#e9a700
  • button.secondaryForeground#0E0E10
  • button.secondaryHoverBackground#0E0E10
  • checkbox.background#0E0E10
  • checkbox.border#0E0E1000
  • checkbox.foreground#ffffff
  • debugExceptionWidget.background#f3f3f3
  • debugExceptionWidget.border#d5d5d5
  • debugToolBar.background#f3f3f3
  • debugToolBar.border#d5d5d5
  • diffEditor.border#282828
  • diffEditor.insertedTextBackground#0a805d2a
  • diffEditor.removedTextBackground#e7000b1c
  • dropdown.background#0E0E10
  • dropdown.border#0E0E1000
  • dropdown.foreground#ffffff
  • editor.background#0E0E10
  • editor.findMatchBackground#282828aa
  • editor.findMatchBorder#0E0E1000
  • editor.findMatchHighlightBackground#e9a7003f
  • editor.findMatchHighlightBorder#0E0E10
  • editor.findRangeHighlightBackground#b4b4b44d
  • editor.findRangeHighlightBorder#0E0E1000
  • editor.foldBackground#e7000b80
  • editor.foreground#ffffff
  • editor.hoverHighlightBackground#282828
  • editor.inactiveSelectionBackground#e9a70078
  • editor.lineHighlightBackground#28282862
  • editor.lineHighlightBorder#28282800
  • editor.rangeHighlightBackground#fdff0033
  • editor.rangeHighlightBorder#0E0E1000
  • editor.selectionBackground#282828
  • editor.selectionHighlightBackground#282828
  • editor.selectionHighlightBorder#0E0E10
  • editor.wordHighlightBackground#57575740
  • editor.wordHighlightStrongBackground#0e639c40
  • editorBracketMatch.background#e9a700
  • editorBracketMatch.border#0E0E1085
  • editorCodeLens.foreground#999999
  • editorCursor.background#0E0E10
  • editorCursor.foreground#ffffff
  • editorError.background#b73a341c
  • editorError.border#0E0E1000
  • editorError.foreground#e51400
  • editorGroup.border#282828
  • editorGroup.emptyBackground#0E0E10
  • editorGroupHeader.tabsBackground#0E0E10
  • editorGroupHeader.tabsBorder#0E0E1000
  • editorGutter.addedBackground#0a805d
  • editorGutter.background#22222200
  • editorGutter.commentRangeForeground#0a805d
  • editorGutter.deletedBackground#e7000b
  • editorGutter.foldingControlForeground#0a805d
  • editorGutter.modifiedBackground#2e3192
  • editorHoverWidget.background#282828
  • editorHoverWidget.border#0E0E10
  • editorHoverWidget.foreground#ffffff
  • editorIndentGuide.activeBackground1#282828
  • editorIndentGuide.background1#0a805d
  • editorInfo.background#4490bf2e
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#e7000b
  • editorLineNumber.foreground#0a805d
  • editorLink.activeForeground#e25600
  • editorMarkerNavigation.background#0E0E10
  • editorMarkerNavigationError.background#e7000b
  • editorMarkerNavigationInfo.background#0a805d
  • editorMarkerNavigationWarning.background#e9a700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#282828
  • editorSuggestWidget.background#0E0E10
  • editorSuggestWidget.border#282828
  • editorSuggestWidget.foreground#ffffff
  • editorSuggestWidget.highlightForeground#0a805d
  • editorSuggestWidget.selectedBackground#282828
  • editorWarning.background#a9904030
  • editorWarning.border#0E0E1000
  • editorWarning.foreground#e9a700
  • editorWhitespace.foreground#282828
  • editorWidget.background#282828
  • editorWidget.foreground#616161
  • editorWidget.resizeBorder#c7c7c7
  • focusBorder#282828
  • foreground#ffffff
  • gitDecoration.addedResourceForeground#0a805d
  • gitDecoration.conflictingResourceForeground#a855f7
  • gitDecoration.deletedResourceForeground#e7000b
  • gitDecoration.ignoredResourceForeground#282828
  • gitDecoration.modifiedResourceForeground#e25600
  • gitDecoration.stageDeletedResourceForeground#e7000b
  • gitDecoration.stageModifiedResourceForeground#e25600
  • gitDecoration.submoduleResourceForeground#0d94fa
  • gitDecoration.untrackedResourceForeground#0a805d
  • icon.foreground#ffffff
  • input.background#0E0E10
  • input.border#0E0E1000
  • input.foreground#ffffff
  • input.placeholderForeground#767676
  • inputOption.activeBackground#e7000b
  • inputOption.activeBorder#0E0E1000
  • inputOption.activeForeground#0E0E10
  • list.activeSelectionBackground#282828
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#f2f2f3
  • list.focusBackground#0E0E10
  • list.focusForeground#ffffff
  • list.highlightForeground#0a805d
  • list.hoverBackground#282828
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#282828
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#e9a700
  • listFilterWidget.noMatchesOutline#0E0E10
  • listFilterWidget.outline#0E0E10
  • menu.background#0E0E10
  • menu.border#0E0E1085
  • menu.foreground#616161
  • menu.selectionBackground#0a805d
  • menu.selectionBorder#0E0E1000
  • menu.selectionForeground#0E0E10
  • menu.separatorBackground#888888
  • menubar.selectionBackground#0E0E101a
  • menubar.selectionForeground#333333
  • merge.commonContentBackground#f2f2f3
  • merge.commonHeaderBackground#BFBFBF
  • merge.currentContentBackground#94c9b9
  • merge.currentHeaderBackground#0a805d
  • merge.incomingContentBackground#fbdf97
  • merge.incomingHeaderBackground#e9a700
  • minimap.background#0E0E10
  • minimap.errorHighlight#e51400
  • minimap.findMatchHighlight#e7000c86
  • minimap.selectionHighlight#ffb70040
  • minimap.warningHighlight#e9a700
  • minimapGutter.addedBackground#0a805d
  • minimapGutter.deletedBackground#e7000b
  • minimapGutter.modifiedBackground#2e3192
  • notificationCenter.border#282828
  • notificationCenterHeader.background#e7e7e7
  • notificationCenterHeader.foreground#616161
  • notifications.background#282828
  • notifications.border#e7e7e7
  • notifications.foreground#ffffff
  • notificationsErrorIcon.foreground#e7000b
  • notificationsInfoIcon.foreground#0a805d
  • notificationsWarningIcon.foreground#e9a700
  • notificationToast.border#282828
  • panel.background#0E0E10
  • panel.border#282828
  • panelSection.border#282828
  • panelTitle.activeBorder#282828
  • panelTitle.activeForeground#ffffff
  • panelTitle.inactiveForeground#282828
  • peekView.border#282828
  • peekViewEditor.background#0E0E10
  • peekViewEditor.matchHighlightBackground#e9a70038
  • peekViewEditor.matchHighlightBorder#e9a700
  • peekViewEditorGutter.background#0E0E10
  • peekViewResult.background#0E0E10
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#ffffff
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#0a805d3e
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#0a805d
  • peekViewTitleDescription.foreground#ffffff
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#cccedb
  • pickerGroup.foreground#0a805d
  • progressBar.background#0a805d
  • scrollbar.shadow#282828
  • scrollbarSlider.activeBackground#e9a700
  • scrollbarSlider.background#303030
  • scrollbarSlider.hoverBackground#282828
  • selection.background#282828
  • settings.focusedRowBackground#0E0E1007
  • settings.headerForeground#0E0E10
  • sideBar.background#0E0E10
  • sideBar.border#282828
  • sideBar.dropBackground#f2f2f3
  • sideBar.foreground#ffffff
  • sideBarSectionHeader.background#0E0E10
  • sideBarSectionHeader.border#282828
  • sideBarSectionHeader.foreground#ffffff
  • sideBarTitle.foreground#ffffff
  • statusBar.background#e9a700
  • statusBar.debuggingBackground#0a805d
  • statusBar.debuggingForeground#0E0E10
  • statusBar.foreground#000000
  • statusBar.noFolderBackground#e7000b
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#0E0E101a
  • statusBarItem.remoteBackground#e9a700
  • statusBarItem.remoteForeground#000000
  • tab.activeBackground#202020
  • tab.activeBorder#0E0E1000
  • tab.activeBorderTop#0E0E1000
  • tab.activeForeground#ffffff
  • tab.border#0E0E1000
  • tab.hoverBackground#202020
  • tab.inactiveBackground#282828
  • tab.inactiveForeground#ffffff
  • terminal.ansiBlack#0E0E10
  • 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#282828
  • terminal.foreground#ffffff
  • terminal.selectionBackground#2828283e
  • terminalCursor.background#e9a700
  • terminalCursor.foreground#0E0E10
  • textLink.foreground#0a805d
  • titleBar.activeBackground#0E0E10
  • titleBar.activeForeground#ffffff
  • titleBar.border#282828
  • titleBar.inactiveBackground#0E0E10
  • titleBar.inactiveForeground#ffffff
  • tree.indentGuidesStroke#282828
  • walkThrough.embeddedEditorBackground#0E0E1050
  • widget.shadow#0E0E1029

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

Berkeley Theme - Coding Theme