DS Temas

Name: DS Temas
Author: FelipeSantos92Dev

Publisher: FelipeSantos92DevThemes in package: 10

Temas desenvolvidos com base nas cores preferenciais dos alunos do curso de Desenvolvimento de Sistemas de Valinhos

Open in VS Code GitHub

Color themes

VS Code preview

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

DS Temas — Void

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...
~/my-project

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#000000
activityBar.border#080808
activityBar.foreground#ffffff
activityBar.inactiveForeground#696969
activityBarBadge.background#f0f0f0
activityBarBadge.foreground#000000
activityBarTop.foreground#D4D4D4
activityBarTop.inactiveForeground#696969
badge.background#69696930
badge.foreground#D4D4D4
breadcrumb.activeSelectionForeground#D4D4D4
breadcrumb.background#080808
breadcrumb.focusForeground#D4D4D4
breadcrumb.foreground#696969
breadcrumbPicker.background#080808
button.background#696969DD
button.foreground#D4D4D4
button.hoverBackground#696969AA
button.secondaryBackground#1a1a1a
charts.blue#A9A9A9
charts.foreground#D4D4D4
charts.green#A9A9A9
charts.lines#080808
charts.orange#A9A9A9
charts.purple#A9A9A9
charts.red#E54747
charts.yellow#D8BD8A
chat.avatarBackground#696969
chat.avatarForeground#D4D4D4
chat.borderColor#1a1a1a
chat.focusBorder#292929
chat.messageBackground#121212
chat.messageForeground#D4D4D4
chat.requestBorder#080808
chat.scrollbarActiveThumb#383838
chat.scrollbarThumb#292929
chat.scrollbarTrack#080808
chat.slashCommandBackground#080808
chat.slashCommandFontnormal
chat.slashCommandForeground#A9A9A9
chatEditor.background#080808
chatEditor.border#1a1a1a
chatEditor.focusBorder#292929
chatEditor.foreground#D4D4D4
chatItem.insertAfter.activeForeground#A9A9A9
chatItem.insertAfter.inactiveForeground#696969
chatItem.insertBefore.activeForeground#A9A9A9
chatItem.insertBefore.inactiveForeground#696969
debugConsole.errorForeground#E54747
debugConsole.infoForeground#D4D4D4
debugConsole.sourceForeground#D4D4D4
debugConsole.warningForeground#D8BD8A
debugConsoleInputIcon.foreground#D4D4D4
debugExceptionWidget.background#080808
debugExceptionWidget.border#E54747
debugIcon.breakpointDisabledForeground#696969
debugIcon.breakpointForeground#E54747
debugIcon.breakpointUnverifiedForeground#E54747
debugTokenExpression.boolean#A9A9A9
debugTokenExpression.error#E54747
debugTokenExpression.name#D4D4D4
debugTokenExpression.number#A9A9A9
debugTokenExpression.string#999999
debugTokenExpression.value#A9A9A9
debugToolBar.background#080808
debugView.stateLabelBackground#080808
debugView.stateLabelForeground#D4D4D4
debugView.valueChangedHighlight#696969AA
descriptionForeground#696969
diffEditor.diagonalFill#1a1a1a
diffEditor.insertedLineBackground#38383820
diffEditor.insertedTextBackground#38383820
diffEditor.removedLineBackground#38383822
diffEditor.removedTextBackground#38383822
diffEditor.unchangedCodeBackground#1a1a1a66
diffEditorGutter.insertedLineBackground#38383825
diffEditorGutter.removedLineBackground#38383822
diffEditorOverview.insertedForeground#38383825
diffEditorOverview.removedForeground#38383822
disabledForeground#696969
dropdown.background#080808
dropdown.foreground#D4D4D4
dropdown.listBackground#080808
editor.background#020202
editor.findMatchBackground#2a2a2a
editor.findMatchBorder#D8BD8A
editor.findMatchHighlightBackground#1a1a1a81
editor.findRangeHighlightBackground#29292933
editor.focusedStackFrameHighlightBackground#38383820
editor.foldBackground#0808084a
editor.foreground#D4D4D4
editor.inactiveSelectionBackground#29292925
editor.lineHighlightBackground#1a1a1a
editor.rangeHighlightBackground#29292920
editor.selectionBackground#2a2a2a
editor.selectionHighlightBackground#1a1a1a81
editor.stackFrameHighlightBackground#38383820
editor.wordHighlightBackground#29292944
editor.wordHighlightStrongBackground#29292955
editorBracketHighlight.foreground1#A9A9A9
editorBracketHighlight.foreground2#A9A9A9
editorBracketHighlight.foreground3#A9A9A9
editorBracketHighlight.foreground4#A9A9A9
editorBracketHighlight.foreground5#A9A9A9
editorBracketHighlight.foreground6#A9A9A9
editorBracketHighlight.unexpectedBracket.foreground#E54747
editorBracketMatch.background#2a2a2a
editorBracketMatch.border#444444
editorBracketPairGuide.activeBackground1#A9A9A9
editorBracketPairGuide.activeBackground2#A9A9A9
editorBracketPairGuide.activeBackground3#A9A9A9
editorBracketPairGuide.activeBackground4#A9A9A9
editorBracketPairGuide.activeBackground5#A9A9A9
editorBracketPairGuide.activeBackground6#A9A9A9
editorCodeLens.foreground#696969
editorCursor.foreground#FFFFFF
editorError.foreground#bd1e1e
editorGhostText.foreground#696969
editorGroup.border#080808
editorGroup.dropBackground#1a1a1a
editorGroupHeader.border#080808
editorGroupHeader.noTabsBackground#080808
editorGroupHeader.tabsBackground#080808
editorGroupHeader.tabsBorder#080808
editorGutter.addedBackground#383838
editorGutter.deletedBackground#383838
editorGutter.modifiedBackground#383838
editorHint.foreground#D4D4D4
editorHoverWidget.background#080808
editorHoverWidget.border#080808
editorIndentGuide.activeBackground1#383838
editorIndentGuide.background1#1a1a1a
editorInfo.foreground#D4D4D4
editorInlayHint.foreground#696969
editorLightBulb.foreground#D8BD8A
editorLightBulbAutoFix.foreground#D8BD8A
editorLineNumber.activeForeground#ffffff
editorLineNumber.foreground#404040
editorLink.activeForeground#FFFFFF
editorMarkerNavigation.background#080808
editorOverviewRuler.addedForeground#383838
editorOverviewRuler.border#080808
editorOverviewRuler.bracketMatchForeground#080808
editorOverviewRuler.deletedForeground#383838
editorOverviewRuler.errorForeground#E54747
editorOverviewRuler.findMatchForeground#D4D4D444
editorOverviewRuler.infoForeground#D4D4D4
editorOverviewRuler.modifiedForeground#383838
editorOverviewRuler.rangeHighlightForeground#D4D4D444
editorOverviewRuler.selectionHighlightForeground#D4D4D422
editorOverviewRuler.warningForeground#D8BD8A
editorOverviewRuler.wordHighlightForeground#D4D4D455
editorOverviewRuler.wordHighlightStrongForeground#D4D4D466
editorPane.background#080808
editorRuler.foreground#080808
editorSuggestWidget.background#080808
editorSuggestWidget.border#080808
editorSuggestWidget.focusHighlightForeground#ffffff
editorSuggestWidget.highlightForeground#FFFFFF
editorSuggestWidget.selectedBackground#1a1a1a
editorSuggestWidget.selectedForeground#f0f0f0
editorSuggestWidgetStatus.foreground#696969
editorWarning.foreground#d1d1d1
editorWhitespace.foreground#696969
editorWidget.background#080808
editorWidget.border#080808
editorWidget.foreground#D4D4D4
editorWidget.resizeBorder#29292933
errorForeground#E54747
extensionBadge.remoteBackground#696969
extensionBadge.remoteForeground#D4D4D4
extensionButton.prominentBackground#696969DD
extensionButton.prominentForeground#D4D4D4
extensionButton.prominentHoverBackground#696969AA
focusBorder#292929
foreground#D4D4D4
gitDecoration.addedResourceForeground#D4D4D4
gitDecoration.conflictingResourceForeground#D8BD8ACC
gitDecoration.deletedResourceForeground#E54747
gitDecoration.ignoredResourceForeground#696969
gitDecoration.modifiedResourceForeground#D4D4D4
gitDecoration.renamedResourceForeground#D4D4D4
gitDecoration.stageDeletedResourceForeground#E54747
gitDecoration.stageModifiedResourceForeground#D4D4D4
gitDecoration.submoduleResourceForeground#A9A9A9
gitDecoration.untrackedResourceForeground#D4D4D4
gitlens.gutterBackgroundColor#080808
gitlens.gutterForegroundColor#696969
gitlens.gutterUncommittedForegroundColor#A9A9A9
gitlens.lineHighlightBackgroundColor#1a1a1a
gitlens.lineHighlightOverviewRulerColor#696969AA
gitlens.trailingLineForegroundColor#696969
icon.foreground#D4D4D4
inlineChat.foreground#D4D4D4
inlineChatDiff.inserted#38383840
inlineChatDiff.removed#38383842
inlineChatInput.background#080808
input.background#080808
input.border#080808
input.foreground#D4D4D4
input.placeholderForeground#6969698A
inputOption.activeBackground#69696944
inputOption.activeForeground#FFFFFF
inputValidation.errorBackground#383838
inputValidation.errorBorder#383838
inputValidation.errorForeground#D4D4D4
inputValidation.infoBackground#6969695c
inputValidation.infoBorder#696969
inputValidation.infoForeground#D4D4D4
inputValidation.warningBackground#A9A9A9
inputValidation.warningBorder#A9A9A9
inputValidation.warningForeground#000000
list.activeSelectionBackground#1a1a1a
list.activeSelectionForeground#D4D4D4
list.deemphasizedForeground#696969
list.dropBackground#1a1a1a
list.errorForeground#E54747
list.focusBackground#1a1a1a
list.focusForeground#D4D4D4
list.highlightForeground#D4D4D4
list.hoverBackground#1a1a1a
list.hoverForeground#D4D4D4
list.inactiveSelectionBackground#1a1a1a
list.inactiveSelectionForeground#D4D4D4
list.invalidItemForeground#E54747
list.warningForeground#D8BD8A
listFilterWidget.background#080808
listFilterWidget.noMatchesOutline#E54747
listFilterWidget.outline#696969
menu.background#080808
menu.border#080808
menu.foreground#D4D4D4
menu.selectionBackground#1a1a1a
menu.selectionForeground#D4D4D4
menu.separatorBackground#080808
menubar.selectionBackground#1a1a1a
menubar.selectionBorder#1a1a1a
menubar.selectionForeground#D4D4D4
merge.currentContentBackground#007a7544
merge.currentHeaderBackground#38383825
merge.incomingContentBackground#69696944
merge.incomingHeaderBackground#696969AA
mergeEditor.change.background#38383825
mergeEditor.change.word.background#38383840
mergeEditor.conflict.handled.minimapOverViewRuler#A9A9A9
mergeEditor.conflict.handledFocused.border#38383865
mergeEditor.conflict.handledUnfocused.border#38383825
mergeEditor.conflict.unhandled.minimapOverViewRuler#D8BD8A
mergeEditor.conflict.unhandledFocused.border#D8BD8AB0
mergeEditor.conflict.unhandledUnfocused.border#D8BD8A88
minimap.background#030303
minimap.errorHighlight#E54747
minimap.findMatchHighlight#2a2a2a
minimap.foregroundOpacity0.6
minimap.selectionHighlight#2a2a2a
minimap.warningHighlight#D8BD8A
minimapGutter.addedBackground#383838
minimapGutter.deletedBackground#383838
minimapGutter.modifiedBackground#383838
multiDiffEditor.border#080808
multiDiffEditor.headerBackground#080808
notebook.cellBorderColor#080808
notebook.cellEditorBackground#080808
notebook.cellStatusBarItemHoverBackground#1a1a1a
notebook.editorBackground#080808
notebook.focusedCellBorder#696969
notebook.focusedEditorBorder#292929
notebook.symbolHighlightBackground#1a1a1a
notebookScrollbarSlider.activeBackground#69696922
notebookScrollbarSlider.background#69696915
notebookScrollbarSlider.hoverBackground#69696910
notebookStatusErrorIcon.foreground#E54747
notebookStatusRunningIcon.foreground#D4D4D4
notebookStatusSuccessIcon.foreground#999999
notificationCenterHeader.background#080808
notificationLink.foreground#D4D4D4
notifications.background#080808
notificationsErrorIcon.foreground#E54747
notificationsInfoIcon.foreground#D4D4D4
notificationsWarningIcon.foreground#D8BD8A
panel.background#080808
panel.border#080808
panelInput.border#080808
panelTitle.activeBorder#080808
panelTitle.activeForeground#D4D4D4
panelTitle.inactiveForeground#696969
peekView.border#080808
peekViewEditor.background#080808
peekViewEditor.matchHighlightBackground#69696966
peekViewResult.background#080808
peekViewResult.fileForeground#696969
peekViewResult.lineForeground#D4D4D4
peekViewResult.matchHighlightBackground#69696966
peekViewResult.selectionBackground#69696933
peekViewResult.selectionForeground#D4D4D4
peekViewTitle.background#080808
peekViewTitleDescription.foreground#696969
peekViewTitleLabel.foreground#D4D4D4
pickerGroup.border#080808
pickerGroup.foreground#D4D4D4
problemsErrorIcon.foreground#E54747
problemsInfoIcon.foreground#D4D4D4
problemsWarningIcon.foreground#D8BD8A
progressBar.background#f0f0f0
sash.hoverBorder#292929
scmGraph.foreground1#A9A9A9
scmGraph.foreground2#D8BD8A
scmGraph.foreground3#A9A9A9
scmGraph.foreground4#A9A9A9
scmGraph.foreground5#D3D3D3
scmGraph.historyItemBaseRefColor#D3D3D3
scmGraph.historyItemHoverAdditionsForeground#A9A9A9
scmGraph.historyItemHoverDefaultLabelForeground#D4D4D4
scmGraph.historyItemHoverDeletionsForeground#E54747
scmGraph.historyItemHoverLabelForeground#1a1a1a
scmGraph.historyItemRefColor#A9A9A9
scmGraph.historyItemRemoteRefColor#A9A9A9
scrollbar.shadow#00000033
scrollbarSlider.activeBackground#69696922
scrollbarSlider.background#69696915
scrollbarSlider.hoverBackground#69696910
selection.background#29292940
settings.checkboxBackground#080808
settings.checkboxBorder#292929
settings.checkboxForeground#D4D4D4
settings.dropdownBackground#080808
settings.dropdownBorder#292929
settings.dropdownForeground#D4D4D4
settings.headerForeground#D4D4D4
settings.modifiedItemIndicator#696969
settings.numberInputBackground#080808
settings.numberInputBorder#292929
settings.numberInputForeground#D4D4D4
settings.textInputBackground#080808
settings.textInputBorder#292929
settings.textInputForeground#D4D4D4
sideBar.background#050505
sideBar.border#080808
sideBar.dropBackground#1a1a1a
sideBar.foreground#d7d7d7
sideBarSectionHeader.background#080808
sideBarSectionHeader.border#080808
sideBarSectionHeader.foreground#D4D4D4
sideBarTitle.foreground#ffffff
statusBar.background#000000
statusBar.border#080808
statusBar.debuggingBackground#080808
statusBar.debuggingForeground#D4D4D4
statusBar.foreground#ffffff
statusBar.noFolderBackground#080808
statusBarItem.activeBackground#080808
statusBarItem.hoverBackground#1a1a1a
statusBarItem.prominentBackground#080808
statusBarItem.prominentHoverBackground#1a1a1a
symbolIcon.arrayForeground#D4D4D4
symbolIcon.booleanForeground#A9A9A9
symbolIcon.classForeground#e6e6e6
symbolIcon.colorForeground#ffffff
symbolIcon.constantForeground#b3b3b3
symbolIcon.constructorForeground#f5f5f5
symbolIcon.enumeratorForeground#e0e0e0
symbolIcon.enumeratorMemberForeground#b3b3b3
symbolIcon.eventForeground#e0e0e0
symbolIcon.fieldForeground#c2c2c2
symbolIcon.fileForeground#d0d0d0
symbolIcon.folderForeground#d0d0d0
symbolIcon.functionForeground#f5f5f5
symbolIcon.interfaceForeground#e6e6e6
symbolIcon.keyForeground#d6d6d6
symbolIcon.keywordForeground#e0e0e0
symbolIcon.methodForeground#f5f5f5
symbolIcon.moduleForeground#c7c7c7
symbolIcon.namespaceForeground#e6e6e6
symbolIcon.nullForeground#A9A9A9
symbolIcon.numberForeground#b3b3b3
symbolIcon.objectForeground#e6e6e6
symbolIcon.operatorForeground#a6a6a6
symbolIcon.packageForeground#c7c7c7
symbolIcon.propertyForeground#c2c2c2
symbolIcon.referenceForeground#d6d6d6
symbolIcon.snippetForeground#d0d0d0
symbolIcon.stringForeground#c4c4c4
symbolIcon.structForeground#e6e6e6
symbolIcon.textForeground#d0d0d0
symbolIcon.typeParameterForeground#a0a0a0
symbolIcon.unitForeground#b3b3b3
symbolIcon.variableForeground#d9d9d9
tab.activeBackground#050505
tab.activeBorder#696969
tab.activeForeground#ffffff
tab.activeModifiedBorder#080808
tab.border#080808
tab.hoverForeground#D4D4D4
tab.inactiveBackground#000000
tab.inactiveForeground#808080
tab.inactiveModifiedBorder#1a1a1a
tab.lastPinnedBorder#383838
tab.unfocusedActiveBorder#1a1a1a
tab.unfocusedActiveForeground#D4D4D4
tab.unfocusedHoverForeground#D4D4D4
tab.unfocusedInactiveForeground#696969
terminal.ansiBlack#383838
terminal.ansiBlue#A9A9A9
terminal.ansiBrightBlack#383838
terminal.ansiBrightBlue#A9A9A9
terminal.ansiBrightCyan#DCDCDC
terminal.ansiBrightGreen#999999
terminal.ansiBrightMagenta#D3D3D3
terminal.ansiBrightRed#E54747
terminal.ansiBrightWhite#D4D4D4
terminal.ansiBrightYellow#D8BD8A
terminal.ansiCyan#DCDCDC
terminal.ansiGreen#999999
terminal.ansiMagenta#D3D3D3
terminal.ansiRed#E54747
terminal.ansiWhite#D4D4D4
terminal.ansiYellow#D8BD8A
terminal.background#020202
terminal.border#080808
terminal.dropBackground#1a1a1a
terminal.findMatchBackground#2a2a2a
terminal.findMatchHighlightBackground#1a1a1a81
terminal.foreground#f0f0f0
terminal.selectionBackground#2929294d
terminal.tab.activeBorder#696969
terminalCursor.background#000000
terminalCursor.foreground#FFFFFF
terminalOverviewRuler.findMatchForeground#D4D4D444
terminalStickyScroll.background#080808
terminalStickyScrollHover.background#111111
textBlockQuote.background#080808
textCodeBlock.background#080808
textLink.activeForeground#D4D4D4
textLink.foreground#D4D4D4
textPreformat.foreground#A9A9A9
textSeparator.foreground#696969
titleBar.activeBackground#000000
titleBar.activeForeground#ffffff
titleBar.border#080808
titleBar.inactiveBackground#080808
titleBar.inactiveForeground#D4D4D4
toolbar.activeBackground#1a1a1a
toolbar.hoverBackground#1a1a1a
tree.indentGuidesStroke#696969
walkThrough.embeddedEditorBackground#080808
widget.shadow#00000000
window.activeBorder#080808
window.inactiveBorder#080808

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#4a4a4a	italic
variable, string constant.other.placeholder	#d9d9d9	—
constant.other.color	#ffffff	—
invalid, invalid.illegal	#b3b3b3	—
keyword, storage.type, storage.modifier	#e0e0e0	—
keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution	#a6a6a6	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#d0d0d0	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#f5f5f5	—
meta.block variable.other	#cccccc	—
support.other.variable, string.other.link	#c2c2c2	—
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other	#b3b3b3	—
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js	#c4c4c4	—
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	#e6e6e6	—
support.type	#a0a0a0	—
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name	#b0b0b0	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#c7c7c7	—
variable.language	#c7c7c7	italic
entity.name.method.js	#e0e0e0	italic
meta.class-method.js entity.name.function.js, variable.function.constructor	#e6e6e6	—
entity.other.attribute-name	#d1d1d1	—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#d8d8d8	italic
entity.other.attribute-name.class	#cfcfcf	—
source.sass keyword.control	#e0e0e0	—
markup.inserted	#b8b8b8	—
markup.deleted	#8f8f8f	—
markup.changed	#d4d4d4	—
string.regexp	#b0b0b0	—
constant.character.escape	#a8a8a8	—
url, link, uri	—	underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#dcdcdc	italic
source.js constant.other.object.key.js string.unquoted.label.js	#c7c7c7	italic
source.json meta.structure.dictionary.json support.type.property-name.json	#e6e6e6	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#d6d6d6	—
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	#c2c2c2	—
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	#b0b0b0	—
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	#a3a3a3	—
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	#959595	—
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	#878787	—
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	#7a7a7a	—
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	#6c6c6c	—
text.html.markdown, punctuation.definition.list_item.markdown	#f0f0f0	—
text.html.markdown markup.inline.raw.markdown	#d1d1d1	—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#626262	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#ffffff	—
markup.italic	#e0e0e0	italic
markup.bold, markup.bold string	#e0e0e0	bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string	#e0e0e0	bold
markup.underline	#cccccc	underline
markup.quote punctuation.definition.blockquote.markdown	#595959	—
markup.quote	—	italic
string.other.link.title.markdown	#d4d4d4	—
string.other.link.description.title.markdown	#d1d1d1	—
constant.other.reference.link.markdown	#d8d8d8	—
markup.raw.block	#d1d1d1	—
markup.raw.block.fenced.markdown	#262626	—
punctuation.definition.fenced.markdown	#262626	—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end	#f0f0f0	—
variable.language.fenced.markdown	#5c5c5c	—
meta.separator	#5c5c5c	bold
markup.table	#f0f0f0	—

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