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 - Light

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#141414
activityBar.background#F5F5F5
activityBar.border#CCCCCC
activityBar.foreground#141414
activityBar.inactiveForeground#14141445
activityBarBadge.background#795676
activityBarBadge.foreground#F5F5F5
breadcrumb.activeSelectionForeground#795676
breadcrumb.focusForeground#795676
breadcrumb.foreground#14141480
button.background#795676
button.hoverBackground#A281A7
button.secondaryBackground#E0E0E0
button.secondaryHoverBackground#CCCCCC
checkbox.background#795676
debugConsole.errorForeground#9F4E55
debugConsole.infoForeground#5389AC
debugConsole.sourceForeground#141414
debugConsole.warningForeground#C49D4E
debugIcon.breakpointDisabledForeground#1D201F
debugIcon.breakpointForeground#9F4E55
debugIcon.continueForeground#65A88A
debugIcon.disconnectForeground#9F4E55
debugIcon.pauseForeground#5389AC
debugIcon.restartForeground#5389AC
debugIcon.startForeground#65A88A
debugIcon.stepBackForeground#9F4E55
debugIcon.stepIntoForeground#65A88A
debugIcon.stepOutForeground#9F4E55
debugIcon.stepOverForeground#C49D4E
debugIcon.stopForeground#9F4E55
debugToolBar.background#EBEBEB
descriptionForeground#14141445
diffEditor.insertedTextBackground#65A88A30
diffEditor.removedTextBackground#9F4E5530
dropdown.background#F5F5F5
dropdown.border#CCCCCC
editor.background#F5F5F5
editor.findMatchBackground#CCCCCC
editor.findMatchBorder#E0E0E0
editor.findMatchHighlightBackground#CCCCCC
editor.findMatchHighlightBorder#E0E0E0
editor.foldBackground#EBEBEB
editor.foreground#141414
editor.lineHighlightBackground#EBEBEB
editor.lineHighlightBorder#EBEBEB
editor.selectionBackground#CCCCCC
editor.selectionHighlightBackground#CCCCCC
editor.selectionHighlightBorder#E0E0E0
editor.wordHighlightBackground#CCCCCC
editorCodeLens.foreground#14141455
editorCursor.background#141414
editorCursor.foreground#141414
editorError.foreground#9F4E55
editorGroup.border#CCCCCC
editorGroupHeader.border#CCCCCC
editorGroupHeader.tabsBackground#F5F5F5
editorGroupHeader.tabsBorder#CCCCCC
editorGutter.addedBackground#65A88A50
editorGutter.deletedBackground#9F4E5550
editorGutter.modifiedBackground#C49D4E50
editorHoverWidget.background#EBEBEB
editorHoverWidget.border#CCCCCC
editorHoverWidget.foreground#14141480
editorIndentGuide.activeBackground#79567680
editorInfo.foreground#5389AC
editorLineNumber.activeForeground#A281A7
editorLineNumber.foreground#14141445
editorLink.activeForeground#141414
editorOverviewRuler.addedForeground#65A88A
editorOverviewRuler.deletedForeground#9F4E55
editorOverviewRuler.errorForeground#9F4E55
editorOverviewRuler.incomingContentForeground#9F4E55
editorOverviewRuler.infoForeground#5389AC
editorOverviewRuler.modifiedForeground#C49D4E
editorOverviewRuler.warningForeground#C49D4E
editorSuggestWidget.selectedBackground#79567610
editorUnnecessaryCode.opacity#EBEBEB75
editorWarning.foreground#C49D4E
editorWidget.background#EBEBEB
editorWidget.border#CCCCCC
editorWidget.foreground#E0E0E0
extensionIcon.starForeground#C49D4E
focusBorder#795676
foreground#141414
gitDecoration.addedResourceForeground#65A88A
gitDecoration.conflictingResourceForeground#9F4E55
gitDecoration.deletedResourceForeground#9F4E55
gitDecoration.ignoredResourceForeground#E0E0E0
gitDecoration.modifiedResourceForeground#C49D4E
gitDecoration.renamedResourceForeground#C49D4E
gitDecoration.stageDeletedResourceForeground#9F4E55
gitDecoration.stageModifiedResourceForeground#C49D4E
gitDecoration.untrackedResourceForeground#65A88A
icon.foreground#141414
input.background#F5F5F5
input.border#CCCCCC
input.foreground#141414
input.placeholderForeground#14141445
inputValidation.errorBackground#9F4E5525
inputValidation.errorBorder#9F4E55
inputValidation.errorForeground#9F4E55
inputValidation.infoBackground#5389AC25
inputValidation.infoBorder#5389AC
inputValidation.infoForeground#5389AC
inputValidation.warningBackground#C49D4E25
inputValidation.warningBorder#C49D4E
inputValidation.warningForeground#C49D4E
list.activeSelectionBackground#EBEBEB
list.activeSelectionForeground#141414
list.errorForeground#9F4E55
list.filterMatchBackground#A281A750
list.focusBackground#EBEBEB
list.focusForeground#141414
list.highlightForeground#795676
list.hoverBackground#EBEBEB80
list.inactiveFocusBackground#EBEBEB
list.inactiveSelectionBackground#EBEBEB
list.invalidItemForeground#C49D4E
list.warningForeground#C49D4E
listFilterWidget.background#EBEBEB
listFilterWidget.outline#A281A7
menu.background#F5F5F5
menu.border#EBEBEB
menu.separatorBackground#E0E0E0
merge.border#EBEBEB
merge.currentContentBackground#65A88A40
merge.currentHeaderBackground#65A88A98
merge.incomingContentBackground#C49D4E40
merge.incomingHeaderBackground#C49D4E98
minimap.background#F5F5F5
minimap.errorHighlight#9F4E55
minimap.findMatchHighlight#E0E0E0
minimap.selectionHighlight#A281A7
minimap.warningHighlight#C49D4E
minimapGutter.deletedBackground#9F4E55
minimapSlider.activeBackground#79567665
minimapSlider.background#79567650
minimapSlider.hoverBackground#79567655
notificationCenter.border#795676
notificationCenterHeader.background#CCCCCC
notificationLink.foreground#A281A7
notifications.background#EBEBEB
notifications.border#795676
notifications.foreground#141414
notificationsErrorIcon.foreground#9F4E55
notificationsInfoIcon.foreground#5389AC
notificationsWarningIcon.foreground#C49D4E
notificationToast.border#795676
panel.background#F5F5F5
panel.border#CCCCCC
panel.dropBorder#CCCCCC
peekView.border#795676
peekViewEditor.background#EBEBEB
peekViewEditor.matchHighlightBackground#CCCCCC
peekViewEditor.matchHighlightBorder#E0E0E0
peekViewEditorGutter.background#CCCCCC
peekViewResult.background#EBEBEB
peekViewResult.fileForeground#141414
peekViewResult.lineForeground#795676
peekViewResult.matchHighlightBackground#CCCCCC
peekViewResult.selectionBackground#E0E0E0
peekViewTitle.background#F5F5F5
peekViewTitleDescription.foreground#E0E0E0
peekViewTitleLabel.foreground#141414
pickerGroup.border#CCCCCC
problemsErrorIcon.foreground#9F4E55
problemsInfoIcon.foreground#5389AC
problemsWarningIcon.foreground#C49D4E
progressBar.background#795676
quickInput.background#EBEBEB
quickInput.foreground#14141490
quickInputList.focusBackground#CCCCCC
quickInputList.focusForeground#141414
quickInputList.focusIconForeground#795676
scrollbarSlider.activeBackground#CCCCCC
scrollbarSlider.background#EBEBEB
scrollbarSlider.hoverBackground#CCCCCC
searchEditor.textInputBorder#795676
settings.checkboxBackground#CCCCCC
settings.checkboxForeground#795676
settings.dropdownBorder#CCCCCC
sideBar.background#F5F5F5
sideBar.border#CCCCCC
sideBarSectionHeader.background#F5F5F5
sideBarSectionHeader.border#CCCCCC
sideBarTitle.foreground#141414
statusBar.background#F5F5F5
statusBar.border#CCCCCC
statusBar.debuggingBackground#795676
statusBar.debuggingForeground#141414
statusBar.foreground#141414
statusBar.noFolderBackground#EBEBEB
statusBarItem.errorBackground#9F4E55
tab.activeBackground#EBEBEB
tab.activeForeground#141414
tab.activeModifiedBorder#C49D4E
tab.border#CCCCCC
tab.inactiveBackground#F5F5F5
tab.inactiveForeground#14141450
tab.inactiveModifiedBorder#C49D4E
tab.unfocusedActiveModifiedBorder#C49D4E
tab.unfocusedInactiveModifiedBorder#C49D4E
terminal.ansiBlack#F5F5F5
terminal.ansiBlue#5389AC
terminal.ansiBrightBlack#777777
terminal.ansiBrightBlue#5389AC
terminal.ansiBrightCyan#5389AC
terminal.ansiBrightGreen#65A88A
terminal.ansiBrightMagenta#A281A7
terminal.ansiBrightRed#9F4E55
terminal.ansiBrightWhite#141414
terminal.ansiBrightYellow#C49D4E
terminal.ansiCyan#5389AC
terminal.ansiGreen#65A88A
terminal.ansiMagenta#A281A7
terminal.ansiRed#9F4E55
terminal.ansiWhite#141414
terminal.ansiYellow#C49D4E
textLink.activeForeground#A281A7
textLink.foreground#795676
titleBar.activeBackground#F5F5F5
titleBar.activeForeground#141414
titleBar.border#CCCCCC
tree.indentGuidesStroke#CCCCCC90
tree.tableColumnsBorder#CCCCCC90
welcomePage.progress.background#CCCCCC
welcomePage.progress.foreground#65A88A
welcomePage.tileBackground#EBEBEB
widget.shadow#F5F5F5
window.activeBorder#F5F5F5
window.inactiveBorder#CCCCCC

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#14141445	—
keyword.other.documentation.javadoc, comment punctuation.definition.block.tag	#795676	—
variable, string constant.other.placeholder	#141414	—
constant.other.color	#141414	—
invalid, invalid.illegal	#9F4E55	—
keyword, storage.modifier	#A281A7	—
keyword.operator.new	#795676	—
punctuation, meta.brace.square, punctuation.definition.block	#141414	—
keyword.control, constant.other.color, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.section.embedded, keyword.other.template, keyword.other.substitution	#5389AC	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#9F4E55	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method, entity.name.operator.custom-literal	#A281A7	—
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other	#9F4E55	—
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	#65A88A	—
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	#C49D4E	—
support.type	#65A88A	—
variable.language	#9F4E55	italic
entity.other.attribute-name	#A281A7	—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#C49D4E	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	#A281A7	—
support.type.property-name	#141414	—
source.css support.constant.property-value, source.css support.function.misc, source.html support.function.misc	#795676	—
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	#65A88A	—
source.css variable, source.css variable.other.less, source.css punctuation.definition.variable.less	#5389AC	—
source.css constant.other.color, source.css punctuation.definition.constant	#A27053	—
source.css entity.name.function	#795676	—
source.css keyword.other.unit	#A27053	—
markup.inserted	#65A88A	—
markup.deleted	#9F4E55	—
markup.changed	#C49D4E	—
string.regexp	#5389AC	—
constant.character.escape	#5389AC	—
url, link, uri, variable.other.link.underline	#14141460	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	#795676	—
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	#A281A7	—
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	#795676	—
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	#A281A7	—
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	#795676	—
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	#A281A7	—
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	#795676	—
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	#A281A7	—
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	#795676	—
source.json constant.language	#5389AC	—
source.yaml entity.name.tag	#795676	—
source.yaml string.unquoted.plain.out	#A281A7	—
source.yaml string.unquoted.block	#5389AC	—
source.yaml keyword.control.flow	#65A88A	—
markup punctuation.definition	#A281A7	—
markup.heading.markdown, markup.heading.markdown punctuation.definition, markup.heading.markdown entity.name	#795676	—
markup.bold, markup.italic, markup.strikethrough, markup punctuation.definition.strikethrough, markup punctuation.definition.bold, markup punctuation.definition.italic	#A27053	—
string.other.link.title.markdown, markup string.other.link.title, markup punctuation.definition.string.begin, markup punctuation.definition.string.end	#5389AC	—
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	#14141490	—
markup.underline.link	#14141480	italic underline
markup punctuation.definition.metadata, meta.separator.markdown	#14141480	—
markup punctuation.definition.quote, markup.quote.markdown	#14141490	italic
markup punctuation.definition.raw, markup.inline.raw, markup.fenced_code.block	#14141480	—
markup fenced_code.block, markup fenced_code.block punctuation.definition	#14141490	—
markup fenced_code.block.language	#A27053	—
punctuation.definition.list.begin.markdown	#65A88A	—
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	#141414	—
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	#795676	—
text.html entity.name.function, text.html meta.brace.round.js	#5389AC	—
source.tsx meta.jsx.children	#141414	—
source.tsx meta.jsx.children support.class	#65A88A	—
string, punctuation.definition.string.begin, punctuation.definition.string.end, punctuation.definition.string.template.begin, punctuation.definition.string.template.end	#C49D4E	—
constant.numeric	#A27053	—
keyword.control, storage.modifier	#795676	—
storage.type	#795676	—
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	#65A88A	—
variable.parameter	#141414	—
meta.object.member	#5389AC	—
entity.name.type	#65A88A	—
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end	#5389AC	—
meta.array.literal.ts meta.brace.square.ts	#A281A7	—
keyword.generator.asterisk	#65A88A	—
source.js support.type.object.module	#795676	—
source.java storage.type	#65A88A	—
source.java storage.type.function.arrow	#A281A7	—
source.java keyword.other.import, source.java keyword.other.package	#5389AC	—
source.java storage.modifier.import, source.java storage.modifier.package	#141414	—
source.sql keyword.other	#795676	—
source.powershell keyword.operator.assignment	#141414	—
source.powershell punctuation.definition.variable, source.powershell variable.other.readwrite	#A281A7	—
source.powershell support.function, source.powershell meta.hashtable, source.powershell keyword.other.hashtable.begin, source.powershell meta.group.simple.subexpression	#65A88A	—
source.shell meta.scope.case-pattern, source.shell punctuation.definition.case-pattern	#A27053	—
source.shell meta.scope.case-clause-body	#141414	—
source.shell meta.scope.logical-expression	#A27053	—
source.shell variable.other.normal, source.shell variable.other.positional, source.shell punctuation.definition.variable	#5389AC	—
source.shell variable.other.special	#9F4E55	—
text.html punctuation.definition.block, punctuation.definition.ng-binding-name.begin, punctuation.definition.ng-binding-name.end	#65A88A	—
expression.ng variable, expression.ng variable.other.readwrite	#5389AC	—
meta.decorator meta.ng-binding.event expression.ng entity.name.function	#5389AC	—
keyword.operation.graphql, keyword.fragment.graphql, keyword.on.graphql, entity.name.function.directive.graphql	#795676	—
entity.name.fragment.graphql	#A281A7	—
entity.name.function.graphql, entity.name.fragment.graphql	#65A88A	—
string.unquoted.alias.graphql	#A281A7	—
variable.fragment.graphql	#65A88A	—
meta.variables.graphql variable.parameter.graphql, meta.arguments.graphql variable.graphql	#A27053	—
variable.parameter.graphql	#A281A7	—
punctuation.section.embedded	#14141480	—
keyword.other.namespace.php, keyword.other.use.php, keyword.other.new.php	#795676	—
entity.name.type.namespace, support.other.namespace.php	#A281A7	—
punctuation.separator.inheritance.php	#141414	—
support.class.php, keyword.other.type.php	#65A88A	—
entity.name.function.php	#A281A7	—
source.toml support.type.property-name.table.toml, source.toml punctuation.definition.table	#65A88A	—
source.toml punctuation.definition.table.inline.toml	#795676	—
source.toml punctuation.definition.array	#A281A7	—
source.rust string.quoted.double, source.rust punctuation.definition.string	#C49D4E	—
source.rust keyword.other	#795676	—
source.rust meta.attribute	#795676	—
source.rust punctuation.brackets.attribute	#5389AC	—
source.rust meta.interpolation	#5389AC	—

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}!`;
}