Skip to main content
Home Theme VS Code Valkyrie A dark green theme for VS Code based on the Monokai Classic 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 #1C2424 activityBar.border #1C2424 activityBar.foreground #CA9F77 activityBar.inactiveForeground #ca9f7752 activityBarBadge.background #FFC914 activityBarBadge.foreground #000000 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 #6E7066 italic comment storage.type #6E7066 — comment entity.name.type #C0C1B5 — comment variable, comment variable.other #C0C1B5 — comment keyword.codetag.notation
Shiki preview TypeScript sample highlighted with this variant's colors and tokenColors.
badge.background
#FFC914
badge.foreground #000000
breadcrumb.activeSelectionForeground #FFC914
breadcrumb.background #1C2424
breadcrumb.focusForeground #83745d
breadcrumb.foreground #A89984
breadcrumbPicker.background #000000
button.background #192222
debugToolBar.background #1C2424
diffEditor.insertedTextBackground #ff0000
diffEditor.removedTextBackground #00000020
dropdown.background #131a1a
dropdown.border #1C2424
dropdown.listBackground #131a1a
editor.background #1C2424
editor.findMatchBackground #000000
editor.findMatchBorder #000000
editor.findMatchHighlightBackground #00000093
editor.findMatchHighlightBorder #00000030
editor.foreground #A89984
editor.hoverHighlightBackground #000000d2
editor.lineHighlightBackground #00000052
editor.lineHighlightBorder #00000011
editor.selectionBackground #0e0e0eb9
editor.selectionHighlightBorder #bbbbbbf0
editorBracketMatch.background #1C2424
editorBracketMatch.border #707070
editorCursor.foreground #FFC914
editorError.foreground #00000070
editorGroup.border #1C2424
editorGroupHeader.tabsBackground #1C2424
editorGutter.addedBackground #000000
editorGutter.deletedBackground #00000060
editorGutter.modifiedBackground #00000060
editorHoverWidget.border #ffffff
editorIndentGuide.activeBackground #c2c207
editorIndentGuide.background #6e604428
editorInfo.foreground #00000070
editorLineNumber.activeForeground #FFC914
editorLineNumber.foreground #6e604469
editorLink.activeForeground #A89984
editorMarkerNavigation.background #A8998405
editorOverviewRuler.border #1C2424
editorOverviewRuler.errorForeground #00000040
editorOverviewRuler.findMatchForeground #000000
editorOverviewRuler.infoForeground #00000040
editorOverviewRuler.warningForeground #00000070
editorRuler.foreground #1C2424
editorSuggestWidget.background #273131
editorSuggestWidget.border #1C2424
editorSuggestWidget.foreground #e6d4bb
editorSuggestWidget.highlightForeground #ffebd7
editorSuggestWidget.selectedBackground #00000052
editorWarning.foreground #000000
editorWhitespace.foreground #A8998440
editorWidget.background #1C2424
editorWidget.border #FFC914
editorWidget.resizeBorder #FFC914
errorLens.errorBackground #e4545420
extensionButton.prominentBackground #332e2b81
extensionButton.prominentHoverBackground #000000
focusBorder #ffc8141f
foreground #c5b79b
gitDecoration.conflictingResourceForeground #b16286
gitDecoration.deletedResourceForeground #cc241d
gitDecoration.ignoredResourceForeground #7c6f64
gitDecoration.modifiedResourceForeground #d79921
gitDecoration.untrackedResourceForeground #98971a
icon.foreground #A89984
input.background #131a1a
input.border #131a1a
input.foreground #A89984
input.placeholderForeground #c5b79b54
inputOption.activeBackground #A8998430
inputOption.activeBorder #A8998430
inputValidation.errorBackground #cc241d80
inputValidation.errorBorder #fb4934
inputValidation.infoBackground #45858880
inputValidation.infoBorder #83a598
inputValidation.warningBackground #d7992180
inputValidation.warningBorder #fabd2f
list.activeSelectionBackground #00000052
list.activeSelectionForeground #FFC914
list.focusBackground #1C2424
list.focusForeground #A89984
list.highlightForeground #ffebd7
list.hoverBackground #00000052
list.hoverForeground #A89984
list.inactiveSelectionBackground #00000030
list.inactiveSelectionForeground #FFC914
list.warningForeground #fb4934
listFilterWidget.background #1C2424
listFilterWidget.noMatchesOutline #fb4934
listFilterWidget.outline #1C2424
menu.background #000000f8
menu.border #00000050
menu.foreground #A89984
menu.selectionBackground #1C2424
menu.selectionBorder #00000030
menu.selectionForeground #A89984
menu.separatorBackground #A89984
menubar.selectionBackground #1C2424
menubar.selectionBorder #00000050
menubar.selectionForeground #A89984
minimap.background #1C2424
minimapGutter.addedBackground #000000
minimapGutter.deletedBackground #000000
minimapGutter.modifiedBackground #000000
minimapSlider.activeBackground #111616cc
minimapSlider.background #0000006b
minimapSlider.hoverBackground #000000a0
notificationLink.foreground #a8849a
notifications.background #1C2424
notifications.foreground #A89984
panel.background #1C2424
panel.border #ffc81410
panelTitle.activeBorder #FFC914
panelTitle.activeForeground #FFC914
panelTitle.inactiveForeground #A89984
peekView.border #00000030
peekViewEditor.background #A8998405
peekViewEditor.matchHighlightBackground #00000050
peekViewEditorGutter.background #A8998405
peekViewResult.background #A8998405
peekViewResult.matchHighlightBackground #00000050
peekViewResult.selectionBackground #00000070
peekViewTitle.background #A8998405
peekViewTitleDescription.foreground #A8998460
pickerGroup.foreground #ffc8142c
progressBar.background #1C2424
scrollbar.shadow #0e0e0e
scrollbarSlider.activeBackground #131a1ace
scrollbarSlider.background #131a1ace
scrollbarSlider.hoverBackground #111818e8
selection.background #000000
settings.checkboxBackground #131a1a
settings.checkboxForeground #A89984
settings.dropdownBackground #131a1a
settings.dropdownForeground #A89984
settings.focusedRowBackground #131a1a
settings.headerForeground #FFC914
settings.modifiedItemIndicator #ffc814
settings.numberInputBackground #131a1a
settings.numberInputForeground #A89984
settings.textInputBackground #131a1a
settings.textInputForeground #A89984
sideBar.background #1C2424
sideBar.border #ffc81410
sideBar.foreground #A89984
sideBarSectionHeader.background #1C2424
sideBarSectionHeader.border #232222
sideBarSectionHeader.foreground #A89984
sideBarTitle.foreground #c5b79b54
statusBar.background #1C2424
statusBar.border #ffc81410
statusBar.debuggingBackground #1C2424
statusBar.debuggingForeground #000000
statusBar.foreground #A89984
statusBar.noFolderBackground #000000
statusBarItem.hoverBackground #00000020
statusBarItem.remoteBackground #1C2424
statusBarItem.remoteForeground #000000
tab.activeBackground #1c2424
tab.activeBorder #FFC914
tab.activeForeground #ffc400
tab.activeModifiedBorder #000000
tab.border #1C2424
tab.inactiveBackground #1C2424
tab.inactiveForeground #A89984af
tab.unfocusedActiveBackground #00000040
tab.unfocusedActiveBorder #000000
tab.unfocusedActiveForeground #A89984
tab.unfocusedInactiveBackground #1C2424
tab.unfocusedInactiveForeground #A899847f
terminal.ansiBlack #3c3836
terminal.ansiBlue #ebdbb2
terminal.ansiBrightBlack #928374
terminal.ansiBrightBlue #83a598
terminal.ansiBrightCyan #8ec07c
terminal.ansiBrightGreen #c7ca22
terminal.ansiBrightMagenta #d3869b
terminal.ansiBrightRed #fb4934
terminal.ansiBrightWhite #ebdbb2
terminal.ansiBrightYellow #fabd2f
terminal.ansiCyan #9bf89b
terminal.ansiGreen #45b16e
terminal.ansiMagenta #b16286
terminal.ansiRed #cc241d
terminal.ansiWhite #a89984
terminal.ansiYellow #d79921
terminalCursor.background #000000
terminalCursor.foreground #FFC914
textLink.activeForeground #A89984
textLink.foreground #FFC914
titleBar.activeBackground #1C2424
titleBar.activeForeground #A89984
titleBar.border #00000060
titleBar.inactiveBackground #1C2424
titleBar.inactiveForeground #1C2424
tree.indentGuidesStroke #ffc81410
tree.tableColumnsBorder #1C2424
widget.shadow #00000083 comment.git-status.header.remote #F92672 —
comment.git-status.header.local #66D9EF —
comment.other.git-status.head #FDFFF1 —
constant.other.php #AE81FF —
constant.other.property #AE81FF —
constant.other.citation.latex #AE81FF —
constant.other.color #AE81FF —
constant.other.character-class.escape #AE81FF —
constant.other.key #AE81FF —
constant.other.symbol #FD971F —
constant.other.elm #66D9EF —
constant.language #AE81FF —
constant.character.escape #AE81FF —
constant.numeric.line-number.find-in-files #57584F —
constant.numeric.line-number.match.find-in-files #E6DB74 —
entity.name.section #E6DB74 —
entity.name.function, entity.name.function.templated #A6E22E —
entity.name.function.member.static #FDFFF1 —
entity.name.type.class.templated, entity.name.type.class.generic, entity.name.type.namespace #66D9EF —
entity.name.label #AE81FF —
entity.name.function.preprocessor #66D9EF —
entity.name.class #66D9EF —
entity.name.constant #AE81FF —
entity.name.namespace #FDFFF1 —
entity.other.inherited-class #66D9EF italic
entity.name.function #A6E22E —
entity.name.tag, entity.name.tag.js.jsx support.class.component.js.jsx, entity.name.tag support.class.component, source.vue support.class.component #F92672 —
entity.name.function.operator #F92672 —
entity.name.type, entity.name.type.class.reference, entity.name.type.class.value #66D9EF —
entity.other.attribute-name #66D9EF 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, entity.other.attribute-name.css, entity.other.animation-name.css #A6E22E —
entity.other.attribute-name.id.css #FD971F —
entity.other.attribute-name.pseudo-class.css, entity.other.pseudo-class.css, entity.other.pseudo-element.css #66D9EF italic
entity.name.function, support.function #A6E22E —
entity.other.git-status.hex #AE81FF —
entity.other.jinja2.delimiter #919288 —
entity.name.operator.custom-literal #FDFFF1 —
entity.name.operator.custom-literal.string #E6DB74 —
entity.name.operator.custom-literal.number #AE81FF —
entity.name.type.rust #66D9EF —
entity.name.lifetime.rust #F92672 —
keyword.control.directive #F92672 —
keyword.operator, keyword.operator.member, keyword.operator.new #F92672 —
keyword.other.substitution #919288 —
keyword.other.template.begin, keyword.other.template.end #F92672 —
keyword.operator.heading.restructuredtext, keyword.operator.table.row.restructuredtext keyword.operator.table.data.restructuredtext #919288 —
keyword.other.parenthesis.elm #919288 —
keyword.other.fn.rust, keyword.other.rust, keyword.other.unsafe.rust, keyword.other.where.rust #66D9EF —
keyword.control.rust, keyword.operator.misc.rust #F92672 —
keyword.declaration.class.ruby, keyword.declaration.function.ruby #F92672 —
markup.underline — underline
markup.underline.link #A6E22E —
markup.inserted, markup.inserted punctuation.definition.inserted #A6E22E —
markup.deleted, markup.deleted punctuation.definition.deleted #F92672 —
markup.changed, markup.changed punctuation.definition.changed #E6DB74 —
markup.ignored, markup.ignored punctuation.definition.ignored #919288 —
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 #919288 —
meta.function-call.generic.python, support.function.builtin.python #A6E22E —
meta.function-call.python meta.function-call.arguments.python #FDFFF1 —
meta.instance.constructor #A6E22E —
meta.attribute-with-value.class string, meta.attribute.class.html string #A6E22E —
meta.attribute-with-value.id string, meta.attribute.id.html string #FD971F —
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 #FDFFF1 —
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 #E6DB74 —
meta.object.member #FDFFF1 —
meta.property-list.css variable.other #FD971F —
entity.name.constant.preprocessor, meta.preprocessor #AE81FF —
meta.diff.git-diff.header #E6DB74 —
meta.type_params.rust #FDFFF1 —
meta.attribute.rust, meta.annotation.rust, variable.language.rust, variable.annotation.rust, meta.annotation.rust string, meta.annotation.rust keyword, meta.annotation.rust keyword.operator, meta.attribute.rust string #C0C1B5 —
punctuation.definition.tag, punctuation.definition.tag source, punctuation.definition.group.begin.ruby, punctuation.definition.group.end.ruby, punctuation.definition.group.begin.css, punctuation.definition.group.end.css, punctuation.definition.string.end.html source.css #919288 —
punctuation.definition.group #FDFFF1 —
punctuation.definition.comment #6E7066 —
punctuation.definition.variable, punctuation.definition.keyword.scss, punctuation.definition.entity.css #C0C1B5 —
punctuation.section.embedded, punctuation.section.embedded entity.name.tag, punctuation.section.embedded constant.other, punctuation.section.embedded source, punctuation.section.embedded.begin #FD971F —
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, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end #F92672 —
meta.paragraph.markdown meta.dummy.line-break, meta.paragraph.markdown meta.hard-line-break.markdown — —
source.scss, source.sass #919288 —
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 #FD971F italic
source.git-show.commit.sha #AE81FF —
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 #919288 —
source.git-show meta.diff.git-diff.header.extended.index.from-sha, source.git-show meta.diff.git-diff.header.extended.index.to-sha #AE81FF —
source.git-show meta.diff.range.unified #FD971F —
source.git-show meta.diff.header.from-file, source.git-show meta.diff.header.to-file #919288 —
storage.type #66D9EF italic
storage.type.extends #F92672 normal
storage.type.function.arrow #F92672 normal
storage.modifier, storage.type.modifier #F92672 italic
storage.class.restructuredtext.ref #AE81FF —
storage.modifier.visibility.rust, storage.modifier.lifetime.rust #F92672 —
storage.modifier.const.rust, storage.modifier.dyn.rust, storage.modifier.mut.rust, storage.modifier.static.rust, storage.type.rust, storage.type.core.rust, storage.class.std.rust #66D9EF —
storage.type.rust, storage.modifier.const.rust, storage.modifier.dyn.rust, storage.modifier.mut.rust, storage.modifier.static.rust, keyword.other.rust, keyword.other.where.rust #F92672 —
string.unquoted.label #FDFFF1 —
string source punctuation.section.embedded, string punctuation.definition.string source #919288 —
string.other.link.title, string.other.link.description #F92672 —
string.other.link.description.title #66D9EF —
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end #F92672 —
string.other.ref, string.other.restructuredtext.ref #A6E22E —
string.other.git-status.help.key #C0C1B5 —
string.other.git-status.remote #F92672 —
support.constant.handlebars #919288 —
support.type.vendor-prefix.css #C0C1B5 —
support.function.delimiter.elm #919288 —
support.type, entity.name.type.object.console #66D9EF italic
support.type.property-name #FDFFF1 normal
support.constant.core.rust #AE81FF —
text.find-in-files #FDFFF1 —
variable, variable.other #FDFFF1 —
variable.parameter, parameters variable.function #FD971F italic
variable.language, variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python #C0C1B5 italic
variable.language.arguments #AE81FF —
variable.other.class #66D9EF —
variable.other.constant #AE81FF —
variable.other.readwrite #FDFFF1 —
variable.other.member #FDFFF1 —
variable.other.enummember #AE81FF —
variable.other.property, variable.other.property.static, variable.other.event #FDFFF1 —
variable.function #A6E22E —
variable.other.substitution #FD971F —
source.ruby variable.other.readwrite.instance.ruby, source.ruby variable.other.readwrite.class.ruby #AE81FF —
source.jinja2 variable.other.jinja2.block #A6E22E —
source.jinja2 variable.other.jinja2 #FD971F —
token.error-token #F44747 —
token.debug-token #B267E6 —
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 } ! ` ;
}
Valkyrie | Coding Theme