Skip to main content
Coding Theme

Beach Vibes

Publisher: dward1502Themes in package: 2

Dark theme inspired by 1980's VICE CITY and SUNSETS

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#ffffff00
  • activityBar.background#000000ad
  • activityBar.border#ff060600
  • activityBar.foreground#ff9002
  • activityBar.inactiveForeground#e0e0e085
  • activityBarBadge.background#d311b5
  • activityBarBadge.foreground#ffffff
  • badge.background#7001f7
  • badge.foreground#ff6c00
  • breadcrumb.activeSelectionForeground#eed0d0
  • breadcrumb.background#000000
  • breadcrumb.focusForeground#eed0d0
  • breadcrumb.foreground#bababacc
  • button.background#c09000
  • button.foreground#ffffff
  • button.hoverBackground#bb11b0
  • button.secondaryBackground#282d32
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#3f3d3d
  • checkbox.border#00000000
  • 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#3f3d3d
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#0d1124
  • editor.findMatchBackground#000000
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#ca2dea
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#35465c
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#23d5dea7
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#054a56
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#d55353
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#cb2a2a
  • editorCursor.foreground#7cf504
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#23d5dea7
  • editorGroup.border#5ef3fba1
  • editorGroup.emptyBackground#0d1124
  • editorGroupHeader.tabsBackground#0a173fdb
  • editorGroupHeader.tabsBorder#00f3ff97
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#0d1124
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#2a2a2a
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#f047473c
  • editorIndentGuide.background#2ba1cf4e
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#de3dcc
  • editorLineNumber.foreground#a1a1a1
  • editorLink.activeForeground#d0d53d
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#1a1a36
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#b410a9
  • editorSuggestWidget.selectedBackground#0d687dc3
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#7b117a
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#d33c0d
  • foreground#d33c0d
  • 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#d33c0d
  • input.background#3f3d3d
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#775a14
  • list.activeSelectionForeground#000000
  • list.dropBackground#775a14
  • list.focusBackground#44cddb
  • list.focusForeground#ffe300
  • list.highlightForeground#0097fb
  • list.hoverBackground#30b2de
  • list.hoverForeground#000000
  • list.inactiveSelectionBackground#34344f
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#d7ff14
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#151515
  • menu.border#f7c16ed5
  • menu.foreground#d9d9d9
  • menu.selectionBackground#e48f0ad5
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#22b0f5
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionBorder#901919
  • menubar.selectionForeground#e2781b
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#3f5b66
  • merge.currentContentBackground#1d5629
  • merge.currentHeaderBackground#1ea195
  • merge.incomingContentBackground#4bb6e081
  • merge.incomingHeaderBackground#aa02c2
  • minimap.background#0d1124
  • minimap.errorHighlight#23d5dea7
  • minimap.findMatchHighlight#000000
  • minimap.selectionHighlight#054a56
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#474747
  • notificationCenterHeader.background#0a173fdb
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#1f1f1f
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#ff2b00
  • notificationsInfoIcon.foreground#00d5e0
  • notificationsWarningIcon.foreground#ffd829
  • notificationToast.border#24eaea46
  • panel.background#000000
  • panel.border#80808059
  • panelSection.border#00dbffbd
  • panelTitle.activeBorder#fb01f7
  • panelTitle.activeForeground#f700ff
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#1e98f0
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#9b6e3699
  • peekViewEditor.matchHighlightBorder#ea8e1889
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#000000
  • 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#f937ff
  • progressBar.background#ad17ab
  • scrollbar.shadow#e005b3
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#34344f
  • scrollbarSlider.hoverBackground#580171db
  • selection.background#a91999
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#d33c0d
  • sideBar.background#0a173fdb
  • sideBar.dropBackground#775a14
  • sideBar.foreground#ab62aa
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#fdfdfd33
  • sideBarSectionHeader.foreground#62bdff
  • sideBarTitle.foreground#62bdff
  • statusBar.background#007acc
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#16825d
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#1e1e1e
  • tab.activeBorder#ff06d897
  • tab.activeBorderTop#ffffff00
  • tab.activeForeground#ffffff
  • tab.border#252526
  • tab.inactiveBackground#15275cb3
  • 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#00dbffbd
  • terminal.foreground#c2c2c2
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#7001f7
  • terminalCursor.foreground#ffffff
  • textLink.foreground#2ea7ff
  • titleBar.activeBackground#000000
  • titleBar.activeForeground#a5ddff
  • titleBar.border#00000000
  • titleBar.inactiveBackground#322f2f99
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#00dbff
  • 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#28baac
variable.other.generic-type.haskell#de1fdb
storage.type.haskell#f98a15
support.variable.magic.python#28baac
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#ca2dea
variable.parameter.function.language.special.self.python#2982e0fb
storage.modifier.lifetime.rust#ca2dea
support.function.std.rust#00de0efb
entity.name.lifetime.rust#2982e0fb
variable.language.rust#28baac
support.constant.edge#de1fdb
constant.other.character-class.regexp#28baac
keyword.operator.quantifier.regexp#f98a15
punctuation.definition.string.begin,punctuation.definition.string.end#b0a231
variable.parameter.function#ca2dea
comment markup.link#5e6064
markup.changed.diff#2982e0fb
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#00de0efb
markup.inserted.diff#b0a231
markup.deleted.diff#28baac
meta.function.c,meta.function.cpp#28baac
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#ca2dea
punctuation.separator.key-value#ca2dea
keyword.operator.expression.import#00de0efb
support.constant.math#2982e0fb
support.constant.property.math#f98a15
variable.other.constant#2982e0fb
storage.type.annotation.java, storage.type.object.array.java#2982e0fb
source.java#28baac
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#ca2dea
meta.method.java#00de0efb
storage.modifier.import.java,storage.type.java,storage.type.generic.java#2982e0fb
keyword.operator.instanceof.java#de1fdb
meta.definition.variable.name.java#28baac
keyword.operator.logical#d3d3d3
keyword.operator.bitwise#d3d3d3
keyword.operator.channel#d3d3d3
support.constant.property-value.scss,support.constant.property-value.css#f98a15
keyword.operator.css,keyword.operator.scss,keyword.operator.less#d3d3d3
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#f98a15
punctuation.separator.list.comma.css#ca2dea
support.constant.color.w3c-standard-color-name.css#f98a15
support.type.vendored.property-name.css#d3d3d3
support.module.node,support.type.object.module,support.module.node#2982e0fb
entity.name.type.module#2982e0fb
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#28baac
support.constant.json#f98a15
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#de1fdb
support.type.object.console#28baac
support.variable.property.process#f98a15
entity.name.function,support.function.console#00de0efb
keyword.operator.misc.rust#ca2dea
keyword.operator.sigil.rust#de1fdb
keyword.operator.delete#de1fdb
support.type.object.dom#d3d3d3
support.variable.dom,support.variable.property.dom#28baac
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#d3d3d3
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#de1fdb
punctuation.separator.delimiter#ca2dea
punctuation.separator.c,punctuation.separator.cpp#de1fdb
support.type.posix-reserved.c,support.type.posix-reserved.cpp#d3d3d3
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#de1fdb
variable.parameter.function.language.python#f98a15
support.type.python#d3d3d3
keyword.operator.logical.python#de1fdb
variable.parameter.function.python#f98a15
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#ca2dea
meta.function-call.generic.python#00de0efb
constant.character.format.placeholder.other.python#f98a15
keyword.operator#ca2dea
keyword.operator.assignment.compound#de1fdb
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#d3d3d3
keyword#de1fdb
entity.name.namespace#2982e0fb
variable#28baac
variable.c#ca2dea
variable.language#2982e0fb
token.variable.parameter.java#ca2dea
import.storage.java#2982e0fb
token.package.keyword#de1fdb
token.package#ca2dea
entity.name.function, meta.require, support.function.any-method, variable.function#00de0efb
entity.name.type.namespace#2982e0fb
support.class, entity.name.type.class#2982e0fb
entity.name.class.identifier.namespace.type#2982e0fb
entity.name.class, variable.other.class.js, variable.other.class.ts#2982e0fb
variable.other.class.php#28baac
entity.name.type#2982e0fb
keyword.control#de1fdb
control.elements, keyword.operator.less#f98a15
keyword.other.special-method#00de0efb
storage#de1fdb
token.storage#de1fdb
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#de1fdb
token.storage.type.java#2982e0fb
support.function#d3d3d3
support.type.property-name#ca2dea
support.constant.property-value#ca2dea
support.constant.font-name#f98a15
meta.tag#ca2dea
string#b0a231
entity.other.inherited-class#2982e0fb
constant.other.symbol#d3d3d3
constant.numeric#f98a15
constant#f98a15
punctuation.definition.constant#f98a15
entity.name.tag#28baac
entity.other.attribute-name#f98a15
entity.other.attribute-name.id#00de0efbnormal
entity.other.attribute-name.class.css#f98a15normal
meta.selector#de1fdb
markup.heading#28baac
markup.heading punctuation.definition.heading, entity.name.section#00de0efb
keyword.other.unit#28baac
markup.bold,todo.bold#f98a15
punctuation.definition.bold#2982e0fb
markup.italic, punctuation.definition.italic,todo.emphasis#de1fdb
emphasis md#de1fdb
entity.name.section.markdown#28baac
punctuation.definition.heading.markdown#28baac
punctuation.definition.list.begin.markdown#28baac
markup.heading.setext#ca2dea
punctuation.definition.bold.markdown#f98a15
markup.inline.raw.markdown#b0a231
markup.inline.raw.string.markdown#b0a231
punctuation.definition.list.markdown#28baac
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#28baac
beginning.punctuation.definition.list.markdown#28baac
punctuation.definition.metadata.markdown#28baac
markup.underline.link.markdown,markup.underline.link.image.markdown#de1fdb
string.other.link.title.markdown,string.other.link.description.markdown#00de0efb
string.regexp#d3d3d3
constant.character.escape#d3d3d3
punctuation.section.embedded, variable.interpolation#28baac
punctuation.section.embedded.begin,punctuation.section.embedded.end#de1fdb
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#ca2dea
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#28baac
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#28baac
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#b0a231
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#d3d3d3
support.type.property-name.json#28baac
support.type.property-name.json punctuation#28baac
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#de1fdb
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#de1fdb
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#2982e0fb
keyword.operator.error-control.php#de1fdb
keyword.operator.type.php#de1fdb
punctuation.section.array.begin.php#ca2dea
punctuation.section.array.end.php#ca2dea
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#2982e0fb
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#00de0efb
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#ca2dea
support.constant.core.rust#f98a15
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#f98a15
entity.name.goto-label.php,support.other.php#00de0efb
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#d3d3d3
keyword.operator.regexp.php#de1fdb
keyword.operator.comparison.php#d3d3d3
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#de1fdb
meta.function.decorator.python#00de0efb
support.token.decorator.python,meta.function.decorator.identifier.python#d3d3d3
function.parameter#ca2dea
function.brace#ca2dea
function.parameter.ruby, function.parameter.cs#ca2dea
constant.language.symbol.ruby#d3d3d3
rgb-value#d3d3d3
inline-color-decoration rgb-value#f98a15
less rgb-value#f98a15
selector.sass#28baac
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#2982e0fb
block.scope.end,block.scope.begin#ca2dea
storage.type.cs#2982e0fb
entity.name.variable.local.cs#28baac
token.info-token#00de0efb
token.warn-token#f98a15
token.error-token#f44747
token.debug-token#de1fdb
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#de1fdb
meta.template.expression#ca2dea
keyword.operator.module#de1fdb
support.type.type.flowtype#00de0efb
support.type.primitive#2982e0fb
meta.property.object#28baac
variable.parameter.function.js#28baac
keyword.other.template.begin#b0a231
keyword.other.template.end#b0a231
keyword.other.substitution.begin#b0a231
keyword.other.substitution.end#b0a231
keyword.operator.assignment#d3d3d3
keyword.operator.assignment.go#2982e0fb
keyword.operator.arithmetic.go, keyword.operator.address.go#de1fdb
entity.name.package.go#2982e0fb
support.type.prelude.elm#d3d3d3
support.constant.elm#f98a15
punctuation.quasi.element#de1fdb
constant.character.entity#28baac
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#d3d3d3
entity.global.clojure#2982e0fb
meta.symbol.clojure#28baac
constant.keyword.clojure#d3d3d3
meta.arguments.coffee, variable.parameter.function.coffee#28baac
source.ini#b0a231
meta.scope.prerequisites.makefile#28baac
source.makefile#2982e0fb
storage.modifier.import.groovy#2982e0fb
meta.method.groovy#00de0efb
meta.definition.variable.name.groovy#28baac
meta.definition.class.inherited.classes.groovy#b0a231
support.variable.semantic.hlsl#2982e0fb
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#de1fdb
text.variable, text.bracketed#28baac
support.type.swift, support.type.vb.asp#2982e0fb
entity.name.function.xi#2982e0fb
entity.name.class.xi#d3d3d3
constant.character.character-class.regexp.xi#28baac
constant.regexp.xi#de1fdb
keyword.control.xi#d3d3d3
invalid.xi#ca2dea
beginning.punctuation.definition.quote.markdown.xi#b0a231
beginning.punctuation.definition.list.markdown.xi#5e6064
constant.character.xi#00de0efb
accent.xi#00de0efb
wikiword.xi#f98a15
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#5e6064
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#2982e0fb
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#28baac
meta.brace.square#ca2dea
comment, punctuation.definition.comment#5e6064italic
markup.quote.markdown#5e6064
punctuation.definition.block.sequence.item.yaml#ca2dea
constant.language.symbol.elixir#d3d3d3
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...