Skip to main content
dark night pro | Coding Theme
VS Code preview Full workbench mockup using this variant's colors and tokenColors.
colors Workbench UI color keys from the theme JSON colors map.
activityBar.background #181825 activityBar.border #191925 activityBar.dropBackground #161821bf activityBar.foreground #8c8c99 activityBarBadge.background #5e5cdd activityBarBadge.foreground #181825 tokenColors TextMate scopes and font styles (syntax highlighting rules).
scope foreground fontStyle comment, comment keyword, comment markup.underline.link, comment string, comment punctuation.definition, comment punctuation, comment text #66667A italic
comment storage.type
#3F3F54 —
comment entity.name.type
#efdc35 — comment variable, comment variable.other #efdc35 —
comment keyword.codetag.notation
Shiki preview TypeScript sample highlighted with this variant's colors and tokenColors.
dark night pro — dark-night-pro
badge.background
#565fd6
badge.foreground #181825
button.background #181825
button.foreground #8a8a9b
button.hoverBackground #181825
debugExceptionWidget.background #181825
debugExceptionWidget.border #181825
debugToolBar.background #181825
descriptionForeground #6d6d7c
diffEditor.insertedTextBackground #46D0280c
diffEditor.insertedTextBorder #00000000
diffEditor.removedTextBackground #F7005B0c
diffEditor.removedTextBorder #00000000
dropdown.background #181825
dropdown.border #181825
dropdown.foreground #6d6d7c
dropdown.listBackground #181825
editor.background #181825
editor.findMatchBackground #ffffff26
editor.findMatchBorder #5e5cdd
editor.findMatchHighlightBackground #ffffff26
editor.findMatchHighlightBorder #00000000
editor.findRangeHighlightBackground #ffffff0c
editor.findRangeHighlightBorder #00000000
editor.foreground #ffffff
editor.hoverHighlightBackground #ffffff0c
editor.inactiveSelectionBackground #ffffff0c
editor.lineHighlightBackground #ffffff0c
editor.lineHighlightBorder #00000000
editor.rangeHighlightBackground #181825
editor.rangeHighlightBorder #181825
editor.selectionBackground #2B2B42
editor.selectionHighlightBackground #ffffff26
editor.selectionHighlightBorder #00000000
editor.wordHighlightBackground #ffffff26
editor.wordHighlightBorder #00000000
editor.wordHighlightStrongBackground #ffffff26
editor.wordHighlightStrongBorder #00000000
editorBracketMatch.background #181825
editorBracketMatch.border #3F3F54
editorCodeLens.foreground #3F3F54
editorCursor.background #00000000
editorCursor.foreground #ffffff
editorError.border #00000000
editorError.foreground #f60055
editorGroup.border #181825
editorGroup.dropBackground #161821bf
editorGroupHeader.noTabsBackground #181825
editorGroupHeader.tabsBackground #181825
editorGroupHeader.tabsBorder #181825
editorGutter.addedBackground #06c993
editorGutter.background #181825
editorGutter.deletedBackground #f60055
editorGutter.modifiedBackground #f69154
editorHint.border #181825
editorHint.foreground #7879dd
editorHoverWidget.background #181825
editorHoverWidget.border #181825
editorIndentGuide.background #181825
editorInfo.border #181825
editorInfo.foreground #00dded
editorLineNumber.activeForeground #efdc35
editorLineNumber.foreground #3A3A4C
editorLink.activeForeground #00dded
editorMarkerNavigation.background #181825
editorMarkerNavigationError.background #f60055
editorMarkerNavigationInfo.background #00dded
editorMarkerNavigationWarning.background #f69154
editorOverviewRuler.addedForeground #06c993
editorOverviewRuler.border #181825
editorOverviewRuler.currentContentForeground #181825
editorOverviewRuler.deletedForeground #f60055
editorOverviewRuler.errorForeground #f60055
editorOverviewRuler.findMatchForeground #ffffff26
editorOverviewRuler.incomingContentForeground #181825
editorOverviewRuler.infoForeground #00dded
editorOverviewRuler.modifiedForeground #f69154
editorOverviewRuler.rangeHighlightForeground #ffffff26
editorOverviewRuler.selectionHighlightForeground #ffffff26
editorOverviewRuler.warningForeground #f69154
editorOverviewRuler.wordHighlightForeground #ffffff26
editorOverviewRuler.wordHighlightStrongForeground #ffffff26
editorRuler.foreground #3A3A4C
editorSuggestWidget.background #181825
editorSuggestWidget.border #181825
editorSuggestWidget.foreground #efdc35
editorSuggestWidget.highlightForeground #ffffff
editorSuggestWidget.selectedBackground #3F3F54
editorWarning.border #00000000
editorWarning.foreground #f69154
editorWhitespace.foreground #3A3A4C
editorWidget.background #181825
editorWidget.border #181825
errorForeground #f60055
extensionButton.prominentBackground #efdc35
extensionButton.prominentForeground #181825
extensionButton.prominentHoverBackground #efdc3582
focusBorder #3F3F54
foreground #ffffff
gitDecoration.conflictingResourceForeground #f69154
gitDecoration.deletedResourceForeground #f60055
gitDecoration.ignoredResourceForeground #3A3A4C
gitDecoration.modifiedResourceForeground #06c993
gitDecoration.untrackedResourceForeground #f69154
input.background #181825
input.border #181825
input.foreground #ffffff
input.placeholderForeground #3A3A4C
inputOption.activeBorder #3A3A4C
inputValidation.errorBackground #181825
inputValidation.errorBorder #f60055
inputValidation.infoBackground #181825
inputValidation.infoBorder #00dded
inputValidation.warningBackground #181825
inputValidation.warningBorder #f69154
list.activeSelectionBackground #2B2B42
list.activeSelectionForeground #5e5cdd
list.dropBackground #161821bf
list.errorForeground #f60055
list.focusBackground #2B2B42
list.focusForeground #ffffff
list.highlightForeground #ffffff
list.hoverBackground #2B2B42
list.hoverForeground #ffffff
list.inactiveFocusBackground #5e5cdd
list.inactiveSelectionBackground #181825
list.inactiveSelectionForeground #5e5cdd
list.invalidItemForeground #f60055
list.warningForeground #f69154
merge.border #181825
merge.commonContentBackground #ffffff0c
merge.commonHeaderBackground #ffffff26
merge.currentContentBackground #F7005B0c
merge.currentHeaderBackground #F7005B26
merge.incomingContentBackground #46D0280c
merge.incomingHeaderBackground #46D02826
notificationCenter.border #181825
notificationCenterHeader.background #181825
notificationCenterHeader.foreground #6d6d7c
notificationLink.foreground #5e5cdd
notifications.background #181825
notifications.border #181825
notifications.foreground #9BBEC7
notificationToast.border #181825
panel.background #181825
panel.border #181825
panel.dropBackground #161821bf
panelTitle.activeBorder #985cdd
panelTitle.activeForeground #5e5cdd
panelTitle.inactiveForeground #6d6d7c
peekView.border #181825
peekViewEditor.background #181825
peekViewEditor.matchHighlightBackground #3A3A4C
peekViewEditorGutter.background #181825
peekViewResult.background #181825
peekViewResult.fileForeground #6d6d7c
peekViewResult.lineForeground #6d6d7c
peekViewResult.matchHighlightBackground #3A3A4C
peekViewResult.selectionBackground #181825
peekViewResult.selectionForeground #ffffff
peekViewTitle.background #181825
peekViewTitleDescription.foreground #6d6d7c
peekViewTitleLabel.foreground #ffffff
pickerGroup.border #181825
pickerGroup.foreground #3A3A4C
progressBar.background #181825
scrollbar.shadow #181825
scrollbarSlider.activeBackground #ffffff12
scrollbarSlider.background #ffffff12
scrollbarSlider.hoverBackground #ffffff12
selection.background #181825
sideBar.background #181825
sideBar.border #191925
sideBar.dropBackground #161821bf
sideBar.foreground #8c8c99
sideBarSectionHeader.background #181825
sideBarSectionHeader.foreground #3F3F54
sideBarTitle.foreground #3A3A4C
statusBar.background #181825
statusBar.border #191925
statusBar.debuggingBackground #3F3F54
statusBar.debuggingBorder #181825
statusBar.debuggingForeground #ffffff
statusBar.foreground #8c8c99
statusBar.noFolderBackground #181825
statusBar.noFolderBorder #191925
statusBar.noFolderForeground #3F3F54
statusBarItem.activeBackground #181825
statusBarItem.hoverBackground #181825
statusBarItem.prominentBackground #181825
statusBarItem.prominentHoverBackground #181825
tab.activeBackground #181825
tab.activeBorder #5e5cdd
tab.activeForeground #5e5cdd
tab.border #181825
tab.hoverBackground #181825
tab.hoverBorder #3A3A4C
tab.inactiveBackground #181825
tab.inactiveForeground #6d6d7c
tab.unfocusedActiveBorder #6d6d7c
tab.unfocusedActiveForeground #efdc35
tab.unfocusedHoverBackground #181825
tab.unfocusedHoverBorder #181825
tab.unfocusedInactiveForeground #6d6d7c
terminal.ansiBlack #181825
terminal.ansiBlue #f69154
terminal.ansiBrightBlack #3F3F54
terminal.ansiBrightBlue #f69154
terminal.ansiBrightCyan #00dded
terminal.ansiBrightGreen #06c993
terminal.ansiBrightMagenta #ec89cb
terminal.ansiBrightRed #f60055
terminal.ansiBrightWhite #ffffff
terminal.ansiBrightYellow #7001b9
terminal.ansiCyan #00dded
terminal.ansiGreen #06c993
terminal.ansiMagenta #ec89cb
terminal.ansiRed #f60055
terminal.ansiWhite #ffffff
terminal.ansiYellow #433047
terminal.background #181825
terminal.foreground #ffffff
terminal.selectionBackground #ffffff69
terminalCursor.background #00000000
terminalCursor.foreground #ffffff
textBlockQuote.background #181825
textBlockQuote.border #1b1b2b
textCodeBlock.background #181825
textLink.activeForeground #ffffff
textLink.foreground #5e5cdd
textPreformat.foreground #ffffff
textSeparator.foreground #3F3F54
titleBar.activeBackground #181825
titleBar.activeForeground #6d6d7c
titleBar.border #191925
titleBar.inactiveBackground #181825
titleBar.inactiveForeground #3A3A4C
walkThrough.embeddedEditorBackground #181825
welcomePage.buttonBackground #181825
welcomePage.buttonHoverBackground #3A3A4C
widget.shadow #191925
comment.git-status.header.remote
#f60055 —
comment.git-status.header.local
#00dded —
comment.other.git-status.head
#ffffff —
constant.other.property #ec89cb —
constant.other.color #ec89cb —
constant.other.character-class.escape #ec89cb —
constant.other.key #ec89cb —
constant.other.symbol #f69154 —
constant.language #ec89cb —
constant.character.escape #ec89cb —
constant.numeric.line-number.find-in-files #3A3A4C —
constant.numeric.line-number.match.find-in-files #5e5cdd —
entity.name.section #5e5cdd —
entity.name.class #cc127e —
entity.name.constant #ec89cb —
entity.name.namespace #16ac7a —
entity.other.inherited-class #00dded italic
entity.name.function #06c993 —
entity.name.tag, entity.name.tag.js.jsx support.class.component.js.jsx #f60055 —
entity.other.attribute-name #00dded italic
entity.other.attribute-name.class.css, entity.other.attribute-name.parent-selector-suffix.css, entity.other.attribute-name.parent-selector-suffix.css punctuation.definition.entity.css #06c993 —
entity.other.attribute-name.id.css #f69154 —
entity.other.attribute-name.pseudo-class.css
entity.other.pseudo-class.css
#00dded italic
entity.name.function, support.function #06c993 —
entity.other.git-status.hex
#ec89cb —
keyword.other.substitution #6d6d7c —
keyword.other.template.begin
keyword.other.template.end
#f60055 —
keyword.operator.heading.restructuredtext, keyword.operator.table.row.restructuredtext, keyword.operator.table.data.restructuredtext #6d6d7c —
markup.underline — underline
markup.underline.link #06c993 —
markup.inserted, markup.inserted punctuation.definition.inserted #06c993 —
markup.deleted, markup.deleted punctuation.definition.deleted #f60055 —
markup.changed, markup.changed punctuation.definition.changed #f60055 —
markup.ignored, markup.ignored punctuation.definition.ignored #6d6d7c —
meta.brace.round, meta.brace.square, meta.brace.curly, meta.delimiter.comma.js, meta.function-call.without-arguments.js, meta.function-call.method.without-arguments.js #6d6d7c —
meta.function-call, meta.function-call.arguments meta.function-call #06c993 —
meta.function-call meta.function-call.arguments, meta.function-call meta.arguments, meta.function-call meta.group #ffffff —
meta.instance.constructor #06c993 —
meta.attribute-with-value.class string #06c993 —
meta.attribute-with-value.id string #f69154 —
source.json meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string #1a4ddb —
source.json meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string #f60055 —
meta.object.member #0ec5c5 —
meta.property-list.css variable.other #f69154 —
entity.name.constant.preprocessor, meta.preprocessor #ec89cb —
meta.diff.git-diff.header
#f60055 —
punctuation.definition.tag, punctuation.definition.tag source, punctuation.definition.group.begin.ruby, punctuation.definition.group.end.ruby #6d6d7c —
punctuation.definition.group #ffffff —
punctuation.definition.comment #66667A —
punctuation.definition.variable, punctuation.definition.keyword.scss, punctuation.definition.entity.css, variable.other.property.js #efdc35 —
punctuation.section.embedded, punctuation.section.embedded entity.name.tag, punctuation.section.embedded constant.other, punctuation.section.embedded source #f69154 —
punctuation.template-string.element.begin, punctuation.template-string.element.end, punctuation.definition.string.template.begin, punctuation.definition.string.template.end, string.quoted.template punctuation.definition.string.begin, string.quoted.template punctuation.definition.string.end #f60055 —
meta.paragraph.markdown meta.dummy.line-break, meta.paragraph.markdown meta.hard-line-break.markdown — —
source.scss, source.sass #6d6d7c —
source.sass variable.other, source.sass variable.sass, source.scss variable.other, source.scss variable.scss, source.scss variable.sass, source.css variable.other, source.css variable.scss, source.less variable.other, source.less variable.other.less, source.less variable.declaration.less #f69154 italic
source.git-show.commit.sha
#ec89cb —
source.git-show.author, source.git-show.date, source.git-diff.command, source.git-diff.command meta.diff.git-diff.header.from-file, source.git-diff.command meta.diff.git-diff.header.to-file #6d6d7c —
source.git-show meta.diff.git-diff.header.extended.index.from-sha, source.git-show meta.diff.git-diff.header.extended.index.to-sha #ec89cb —
source.git-show meta.diff.range.unified
#f69154 —
source.git-show meta.diff.header.from-file, source.git-show meta.diff.header.to-file #6d6d7c —
storage.type #00dded italic
storage.type.extends #f60055 normal
storage.type.function.arrow #f60055 normal
storage.modifier #f60055 italic
storage.class.restructuredtext.ref #ec89cb —
string.unquoted.label #ffffff —
string source punctuation.section.embedded #6d6d7c —
string.other.link.title, string.other.link.description #f60055 —
string.other.link.description.title #00dded —
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end #f60055 —
string.other.ref, string.other.restructuredtext.ref #06c993 —
string.other.git-status.help.key
#efdc35 —
string.other.git-status.remote
#f60055 —
support.constant.handlebars #6d6d7c —
support.type, entity.name.type.object.console #00dded italic
support.type.property-name #107bc2 normal
text.find-in-files #ffffff —
variable, variable.other #ffffff —
variable.parameter, parameters variable.function #f69154 italic
variable.language, variable.parameter.function.language.special.self.python #efdc35 italic
variable.language.arguments #da70a1 —
variable.other.class #03c8d6 —
variable.other.constant #da70a1 —
variable.other.member #ffffff —
variable.function #06c993 —
variable.other.substitution #f69154 —
source.ruby variable.other.readwrite.instance.ruby, source.ruby variable.other.readwrite.class.ruby #da70a1 —
variable.language.this.js, variable.language.this.js.jsx #da70a1 italic
variable.other.object.property.js.jsx, variable.other.object.js #f69154 —
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 } ! ` ;
}
fetchUser.ts
index.ts
README.md
src
components
fetchUser.ts
src
components
fetchUser.ts
fetchUser 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
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*
Button.tsx
31
$
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 } ! ` ;
}