Gotthard Theme

Name: Gotthard Theme
Author: Jan Biasi

Publisher: Jan BiasiThemes in package: 3

A nature inspired matte theme for everyday use, colorblind-friendly.

Open in VS Code GitHub

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Gotthard Theme — Gotthard

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#F5F5F5
activityBar.background#000000
activityBar.border#292929
activityBar.foreground#F5F5F5
activityBar.inactiveForeground#F5F5F545
activityBarBadge.background#836781
activityBarBadge.foreground#F5F5F5
breadcrumb.activeSelectionForeground#836781
breadcrumb.focusForeground#836781
breadcrumb.foreground#F5F5F580
button.background#836781
button.hoverBackground#b19db4
button.secondaryBackground#707070
button.secondaryHoverBackground#292929
checkbox.background#836781
debugConsole.errorForeground#AB6369
debugConsole.infoForeground#6F98B3
debugConsole.sourceForeground#F5F5F5
debugConsole.warningForeground#CAAB6D
debugIcon.breakpointDisabledForeground#1D201F
debugIcon.breakpointForeground#AB6369
debugIcon.continueForeground#81B19B
debugIcon.disconnectForeground#AB6369
debugIcon.pauseForeground#6F98B3
debugIcon.restartForeground#6F98B3
debugIcon.startForeground#81B19B
debugIcon.stepBackForeground#AB6369
debugIcon.stepIntoForeground#81B19B
debugIcon.stepOutForeground#AB6369
debugIcon.stepOverForeground#CAAB6D
debugIcon.stopForeground#AB6369
debugToolBar.background#191919
descriptionForeground#F5F5F545
diffEditor.insertedTextBackground#81B19B30
diffEditor.removedTextBackground#AB636930
dropdown.background#000000
dropdown.border#292929
editor.background#000000
editor.findMatchBackground#292929
editor.findMatchBorder#707070
editor.findMatchHighlightBackground#292929
editor.findMatchHighlightBorder#707070
editor.foldBackground#191919
editor.foreground#F5F5F5
editor.lineHighlightBackground#191919
editor.lineHighlightBorder#191919
editor.selectionBackground#292929
editor.selectionHighlightBackground#292929
editor.selectionHighlightBorder#707070
editor.wordHighlightBackground#292929
editorCodeLens.foreground#F5F5F555
editorCursor.background#F5F5F5
editorCursor.foreground#F5F5F5
editorError.foreground#AB6369
editorGroup.border#292929
editorGroupHeader.border#292929
editorGroupHeader.tabsBackground#000000
editorGroupHeader.tabsBorder#292929
editorGutter.addedBackground#81B19B50
editorGutter.deletedBackground#AB636950
editorGutter.modifiedBackground#CAAB6D50
editorHoverWidget.background#191919
editorHoverWidget.border#292929
editorHoverWidget.foreground#F5F5F580
editorIndentGuide.activeBackground#83678180
editorInfo.foreground#6F98B3
editorLineNumber.activeForeground#b19db4
editorLineNumber.foreground#F5F5F545
editorLink.activeForeground#F5F5F5
editorOverviewRuler.addedForeground#81B19B
editorOverviewRuler.deletedForeground#AB6369
editorOverviewRuler.errorForeground#AB6369
editorOverviewRuler.incomingContentForeground#AB6369
editorOverviewRuler.infoForeground#6F98B3
editorOverviewRuler.modifiedForeground#CAAB6D
editorOverviewRuler.warningForeground#CAAB6D
editorSuggestWidget.selectedBackground#83678110
editorUnnecessaryCode.opacity#19191975
editorWarning.foreground#CAAB6D
editorWidget.background#191919
editorWidget.border#292929
editorWidget.foreground#707070
extensionIcon.starForeground#CAAB6D
focusBorder#836781
foreground#F5F5F5
gitDecoration.addedResourceForeground#81B19B
gitDecoration.conflictingResourceForeground#AB6369
gitDecoration.deletedResourceForeground#AB6369
gitDecoration.ignoredResourceForeground#707070
gitDecoration.modifiedResourceForeground#CAAB6D
gitDecoration.renamedResourceForeground#CAAB6D
gitDecoration.stageDeletedResourceForeground#AB6369
gitDecoration.stageModifiedResourceForeground#CAAB6D
gitDecoration.untrackedResourceForeground#81B19B
icon.foreground#F5F5F5
input.background#000000
input.border#292929
input.foreground#F5F5F5
input.placeholderForeground#F5F5F545
inputValidation.errorBackground#AB636925
inputValidation.errorBorder#AB6369
inputValidation.errorForeground#AB6369
inputValidation.infoBackground#6F98B325
inputValidation.infoBorder#6F98B3
inputValidation.infoForeground#6F98B3
inputValidation.warningBackground#CAAB6D25
inputValidation.warningBorder#CAAB6D
inputValidation.warningForeground#CAAB6D
list.activeSelectionBackground#191919
list.activeSelectionForeground#F5F5F5
list.errorForeground#AB6369
list.filterMatchBackground#b19db450
list.focusBackground#191919
list.focusForeground#F5F5F5
list.highlightForeground#836781
list.hoverBackground#19191980
list.inactiveFocusBackground#191919
list.inactiveSelectionBackground#191919
list.invalidItemForeground#CAAB6D
list.warningForeground#CAAB6D
listFilterWidget.background#191919
listFilterWidget.outline#b19db4
menu.background#000000
menu.border#191919
menu.separatorBackground#707070
merge.border#191919
merge.currentContentBackground#81B19B40
merge.currentHeaderBackground#81B19B98
merge.incomingContentBackground#CAAB6D40
merge.incomingHeaderBackground#CAAB6D98
minimap.background#000000
minimap.errorHighlight#AB6369
minimap.findMatchHighlight#707070
minimap.selectionHighlight#b19db4
minimap.warningHighlight#CAAB6D
minimapGutter.deletedBackground#AB6369
minimapSlider.activeBackground#83678165
minimapSlider.background#83678150
minimapSlider.hoverBackground#83678155
notificationCenter.border#836781
notificationCenterHeader.background#292929
notificationLink.foreground#b19db4
notifications.background#191919
notifications.border#836781
notifications.foreground#F5F5F5
notificationsErrorIcon.foreground#AB6369
notificationsInfoIcon.foreground#6F98B3
notificationsWarningIcon.foreground#CAAB6D
notificationToast.border#836781
panel.background#000000
panel.border#292929
panel.dropBorder#292929
peekView.border#836781
peekViewEditor.background#191919
peekViewEditor.matchHighlightBackground#292929
peekViewEditor.matchHighlightBorder#707070
peekViewEditorGutter.background#292929
peekViewResult.background#191919
peekViewResult.fileForeground#F5F5F5
peekViewResult.lineForeground#836781
peekViewResult.matchHighlightBackground#292929
peekViewResult.selectionBackground#707070
peekViewTitle.background#000000
peekViewTitleDescription.foreground#707070
peekViewTitleLabel.foreground#F5F5F5
pickerGroup.border#292929
problemsErrorIcon.foreground#AB6369
problemsInfoIcon.foreground#6F98B3
problemsWarningIcon.foreground#CAAB6D
progressBar.background#836781
quickInput.background#191919
quickInput.foreground#F5F5F590
quickInputList.focusBackground#292929
quickInputList.focusForeground#F5F5F5
quickInputList.focusIconForeground#836781
scrollbarSlider.activeBackground#292929
scrollbarSlider.background#191919
scrollbarSlider.hoverBackground#292929
searchEditor.textInputBorder#836781
settings.checkboxBackground#292929
settings.checkboxForeground#836781
settings.dropdownBorder#292929
sideBar.background#000000
sideBar.border#292929
sideBarSectionHeader.background#000000
sideBarSectionHeader.border#292929
sideBarTitle.foreground#F5F5F5
statusBar.background#000000
statusBar.border#292929
statusBar.debuggingBackground#836781
statusBar.debuggingForeground#F5F5F5
statusBar.foreground#F5F5F5
statusBar.noFolderBackground#191919
statusBarItem.errorBackground#AB6369
tab.activeBackground#191919
tab.activeForeground#F5F5F5
tab.activeModifiedBorder#CAAB6D
tab.border#292929
tab.inactiveBackground#000000
tab.inactiveForeground#F5F5F550
tab.inactiveModifiedBorder#CAAB6D
tab.unfocusedActiveModifiedBorder#CAAB6D
tab.unfocusedInactiveModifiedBorder#CAAB6D
terminal.ansiBlack#000000
terminal.ansiBlue#6F98B3
terminal.ansiBrightBlack#777777
terminal.ansiBrightBlue#6F98B3
terminal.ansiBrightCyan#6F98B3
terminal.ansiBrightGreen#81B19B
terminal.ansiBrightMagenta#b19db4
terminal.ansiBrightRed#AB6369
terminal.ansiBrightWhite#F5F5F5
terminal.ansiBrightYellow#CAAB6D
terminal.ansiCyan#6F98B3
terminal.ansiGreen#81B19B
terminal.ansiMagenta#b19db4
terminal.ansiRed#AB6369
terminal.ansiWhite#F5F5F5
terminal.ansiYellow#CAAB6D
textLink.activeForeground#b19db4
textLink.foreground#836781
titleBar.activeBackground#000000
titleBar.activeForeground#F5F5F5
titleBar.border#292929
tree.indentGuidesStroke#29292990
tree.tableColumnsBorder#29292990
welcomePage.progress.background#292929
welcomePage.progress.foreground#81B19B
welcomePage.tileBackground#191919
widget.shadow#000000
window.activeBorder#000000
window.inactiveBorder#292929

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#F5F5F545	—
keyword.other.documentation.javadoc, comment punctuation.definition.block.tag	#836781	—
variable, string constant.other.placeholder	#F5F5F5	—
constant.other.color	#F5F5F5	—
invalid, invalid.illegal	#AB6369	—
keyword, storage.modifier	#b19db4	—
keyword.operator.new	#836781	—
punctuation, meta.brace.square, punctuation.definition.block	#F5F5F5	—
keyword.control, constant.other.color, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.section.embedded, keyword.other.template, keyword.other.substitution	#6F98B3	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#AB6369	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method, entity.name.operator.custom-literal	#b19db4	—
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other	#AB6369	—
constant.other.symbol, constant.other.key, support.class.builtin, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js	#81B19B	—
entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types	#CAAB6D	—
support.type	#81B19B	—
variable.language	#AB6369	italic
entity.other.attribute-name	#b19db4	—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#CAAB6D	italic
entity.other.attribute-name.class, entity.other.attribute-name.class, source.css entity.name.tag, source.html entity.name.tag.css, source.css punctuation.definition.entity, source.html punctuation.definition.entity	#b19db4	—
support.type.property-name	#F5F5F5	—
source.css support.constant.property-value, source.css support.function.misc, source.html support.function.misc	#836781	—
keyword.control.at-rule, keyword.control.at-rule punctuation, source.css punctuation.definition.interpolation.begin.bracket.curly, source.css punctuation.definition.interpolation.end.bracket.curly, source.html punctuation.definition.interpolation.begin.bracket.curly, source.html punctuation.definition.interpolation.end.bracket.curly, source.css variable.other.less, source.css punctuation.definition.variable.less	#81B19B	—
source.css variable, source.css variable.other.less, source.css punctuation.definition.variable.less	#6F98B3	—
source.css constant.other.color, source.css punctuation.definition.constant	#B89784	—
source.css entity.name.function	#836781	—
source.css keyword.other.unit	#B89784	—
markup.inserted	#81B19B	—
markup.deleted	#AB6369	—
markup.changed	#CAAB6D	—
string.regexp	#6F98B3	—
constant.character.escape	#6F98B3	—
url, link, uri, variable.other.link.underline	#F5F5F560	italic underline
source.json meta.structure.dictionary.json support.type.property-name.json, source.json meta.structure.dictionary.json punctuation.support.type.property-name.begin.json, source.json meta.structure.dictionary.json punctuation.support.type.property-name.end.json	#836781	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json punctuation.support.type.property-name.begin.json, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json punctuation.support.type.property-name.end.json	#b19db4	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json punctuation.support.type.property-name.begin.json, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json punctuation.support.type.property-name.end.json	#836781	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json punctuation.support.type.property-name.begin.json, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json punctuation.support.type.property-name.end.json	#b19db4	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json punctuation.support.type.property-name.begin.json, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json punctuation.support.type.property-name.end.json	#836781	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json punctuation.support.type.property-name.begin.json, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json punctuation.support.type.property-name.end.json	#b19db4	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json punctuation.support.type.property-name.begin.json, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json punctuation.support.type.property-name.end.json	#836781	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json punctuation.support.type.property-name.begin.json, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json punctuation.support.type.property-name.end.json	#b19db4	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json punctuation.support.type.property-name.begin.json, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json punctuation.support.type.property-name.end.json	#836781	—
source.json constant.language	#6F98B3	—
source.yaml entity.name.tag	#836781	—
source.yaml string.unquoted.plain.out	#b19db4	—
source.yaml string.unquoted.block	#6F98B3	—
source.yaml keyword.control.flow	#81B19B	—
markup punctuation.definition	#b19db4	—
markup.heading.markdown, markup.heading.markdown punctuation.definition, markup.heading.markdown entity.name	#836781	—
markup.bold, markup.italic, markup.strikethrough, markup punctuation.definition.strikethrough, markup punctuation.definition.bold, markup punctuation.definition.italic	#B89784	—
string.other.link.title.markdown, markup string.other.link.title, markup punctuation.definition.string.begin, markup punctuation.definition.string.end	#6F98B3	—
markup punctuation.definition.link.title.begin, markup punctuation.definition.link.title.end, punctuation.definition.link.title.begin.markdown, punctuation.definition.link.title.end.markdown, meta.link.inline.markdown punctuation, meta.image.inline.markdown punctuation	#F5F5F590	—
markup.underline.link	#F5F5F580	italic underline
markup punctuation.definition.metadata, meta.separator.markdown	#F5F5F580	—
markup punctuation.definition.quote, markup.quote.markdown	#F5F5F590	italic
markup punctuation.definition.raw, markup.inline.raw, markup.fenced_code.block	#F5F5F580	—
markup fenced_code.block, markup fenced_code.block punctuation.definition	#F5F5F590	—
markup fenced_code.block.language	#B89784	—
punctuation.definition.list.begin.markdown	#81B19B	—
text.html punctuation.definition.tag.begin, text.html punctuation.definition.tag.end, text.xml punctuation.definition.tag, text.xml meta.tag.preprocessor, source.tsx punctuation.definition.tag.begin, source.tsx punctuation.definition.tag.end, source.jsx punctuation.definition.tag.begin, source.jsx punctuation.definition.tag.end	#F5F5F5	—
text.html entity.name.tag, text.xml entity.name.tag.localname, text.xml entity.name.tag, source.tsx entity.name.tag, source.jsx entity.name.tag	#836781	—
text.html entity.name.function, text.html meta.brace.round.js	#6F98B3	—
source.tsx meta.jsx.children	#F5F5F5	—
source.tsx meta.jsx.children support.class	#81B19B	—
string, punctuation.definition.string.begin, punctuation.definition.string.end, punctuation.definition.string.template.begin, punctuation.definition.string.template.end	#CAAB6D	—
constant.numeric	#B89784	—
keyword.control, storage.modifier	#836781	—
storage.type	#836781	—
source.ts punctuation.decorator.ts, source.ts meta.decorator variable, source.ts meta.decorator entity.name.function, source.python punctuation.definition.decorator, source.python entity.name.function.decorator, source.java punctuation.definition.annotation.java, source.java storage.type.annotation.java, tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#81B19B	—
variable.parameter	#F5F5F5	—
meta.object.member	#6F98B3	—
entity.name.type	#81B19B	—
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end	#6F98B3	—
meta.array.literal.ts meta.brace.square.ts	#b19db4	—
keyword.generator.asterisk	#81B19B	—
source.js support.type.object.module	#836781	—
source.java storage.type	#81B19B	—
source.java storage.type.function.arrow	#b19db4	—
source.java keyword.other.import, source.java keyword.other.package	#6F98B3	—
source.java storage.modifier.import, source.java storage.modifier.package	#F5F5F5	—
source.sql keyword.other	#836781	—
source.powershell keyword.operator.assignment	#F5F5F5	—
source.powershell punctuation.definition.variable, source.powershell variable.other.readwrite	#b19db4	—
source.powershell support.function, source.powershell meta.hashtable, source.powershell keyword.other.hashtable.begin, source.powershell meta.group.simple.subexpression	#81B19B	—
source.shell meta.scope.case-pattern, source.shell punctuation.definition.case-pattern	#B89784	—
source.shell meta.scope.case-clause-body	#F5F5F5	—
source.shell meta.scope.logical-expression	#B89784	—
source.shell variable.other.normal, source.shell variable.other.positional, source.shell punctuation.definition.variable	#6F98B3	—
source.shell variable.other.special	#AB6369	—
text.html punctuation.definition.block, punctuation.definition.ng-binding-name.begin, punctuation.definition.ng-binding-name.end	#81B19B	—
expression.ng variable, expression.ng variable.other.readwrite	#6F98B3	—
meta.decorator meta.ng-binding.event expression.ng entity.name.function	#6F98B3	—
keyword.operation.graphql, keyword.fragment.graphql, keyword.on.graphql, entity.name.function.directive.graphql	#836781	—
entity.name.fragment.graphql	#b19db4	—
entity.name.function.graphql, entity.name.fragment.graphql	#81B19B	—
string.unquoted.alias.graphql	#b19db4	—
variable.fragment.graphql	#81B19B	—
meta.variables.graphql variable.parameter.graphql, meta.arguments.graphql variable.graphql	#B89784	—
variable.parameter.graphql	#b19db4	—
punctuation.section.embedded	#F5F5F580	—
keyword.other.namespace.php, keyword.other.use.php, keyword.other.new.php	#836781	—
entity.name.type.namespace, support.other.namespace.php	#b19db4	—
punctuation.separator.inheritance.php	#F5F5F5	—
support.class.php, keyword.other.type.php	#81B19B	—
entity.name.function.php	#b19db4	—
source.toml support.type.property-name.table.toml, source.toml punctuation.definition.table	#81B19B	—
source.toml punctuation.definition.table.inline.toml	#836781	—
source.toml punctuation.definition.array	#b19db4	—
source.rust string.quoted.double, source.rust punctuation.definition.string	#CAAB6D	—
source.rust keyword.other	#836781	—
source.rust meta.attribute	#836781	—
source.rust punctuation.brackets.attribute	#6F98B3	—
source.rust meta.interpolation	#6F98B3	—

Shiki preview

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

export interface User {
  id: string;
  name: string;
  role: "admin" | "member";
  tags: string[];
}

/**
 * Fetch user data by ID
 * @param id  
 * @returns User object or null if ID is invalid
 */
export async function fetchUser(id: string): Promise<User | null> {
  if (!id) {
    return null;
  }

  const response = await fetch(`/api/users/${id}`, {
    method: "GET",
    headers: { Accept: "application/json" },
  });

  if (!response.ok) {
    throw new Error(`HTTP ${response.status}`);
  }

  return (await response.json()) as User;
}

function greet(user: User): string {
  // Simple greeting function that uses the user's name
  return `Hello, ${user.name}!`;
}