Skip to main content
Home Theme VS Code BlackRock Theme BlackRock Theme. A simple theme with a very dark blue background and pastel colors for syntax highlight.
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 #1b1f27 activityBar.foreground #70b9cc activityBar.inactiveForeground #c4c4c4 activityBarBadge.background #6791c9 activityBarBadge.foreground #c4c4c4 badge.background #4d4d4d tokenColors TextMate scopes and font styles (syntax highlighting rules).
scope foreground fontStyle comment markup.link, comment, punctuation.definition.comment, unused.comment, wildcard.comment #6777CD italic text, source #c4c4c4 — emphasis — italic strong — bold invalid #df5b61
Shiki preview TypeScript sample highlighted with this variant's colors and tokenColors.
BlackRock Theme — Black Rock
badge.foreground
#ffffff
breadcrumb.activeSelectionForeground #ffffff
breadcrumb.background #14181f
breadcrumb.focusForeground #ffffff
breadcrumb.foreground #c4c4c4
button.background #6791c9
button.foreground #ffffff
button.hoverBackground #70b9cc
button.secondaryBackground #40454f
button.secondaryForeground #ffffff
button.secondaryHoverBackground #45494e
charts.blue #6791c9
charts.foreground #c4c4c4
charts.green #87c7a1
charts.lines #b4bbc880
charts.orange #de8f78
charts.purple #bc83e3
charts.red #df5b61
charts.yellow #eed55b
checkbox.background #0d121c
checkbox.border #00000000
checkbox.foreground #c4c4c4
debugExceptionWidget.background #333333
debugExceptionWidget.border #1b1f27
debugToolBar.background #333333
debugToolBar.border #1b1f27
diffEditor.border #1b1f27
diffEditor.insertedTextBackground #9bb95533
diffEditor.removedTextBackground #ff000033
dropdown.background #0d121c
dropdown.border #00000000
dropdown.foreground #c4c4c4
editor.background #14181f
editor.findMatchBackground #515c6a
editor.findMatchBorder #74879f
editor.findMatchHighlightBackground #ea5c0055
editor.findMatchHighlightBorder #ffffff00
editor.findRangeHighlightBackground #3a3d4166
editor.findRangeHighlightBorder #ffffff00
editor.foldBackground #264f784d
editor.foreground #c4c4c4
editor.hoverHighlightBackground #264f7840
editor.inactiveSelectionBackground #3a3d41
editor.lineHighlightBackground #ffffff0A
editor.lineHighlightBorder #14181f
editor.rangeHighlightBackground #ffffff0b
editor.rangeHighlightBorder #ffffff00
editor.selectionBackground #6791c946
editor.selectionHighlightBackground #add6ff26
editor.selectionHighlightBorder #495F77
editor.wordHighlightBackground #575757b8
editor.wordHighlightStrongBackground #004972b8
editorBracketHighlight.foreground1 #87c7a1
editorBracketHighlight.foreground2 #eed55b
editorBracketHighlight.foreground3 #70b9cc
editorBracketHighlight.foreground4 #bc83e3
editorBracketHighlight.foreground5 #e283df
editorBracketHighlight.foreground6 #6791c9
editorBracketHighlight.unexpectedBracket.foreground #df5b61
editorBracketMatch.background #14181f
editorBracketMatch.border #00000000
editorCodeLens.foreground #999999
editorCursor.background #000000
editorCursor.foreground #70b9cc
editorError.background #B73A3400
editorError.border #ffffff00
editorError.foreground #f48771
editorGroup.border #1b1f27
editorGroup.emptyBackground #14181f
editorGroupHeader.tabsBackground #14181f
editorGutter.addedBackground #87c7a1
editorGutter.background #14181f
editorGutter.commentRangeForeground #c5c5c5
editorGutter.deletedBackground #df5b61
editorGutter.foldingControlForeground #c5c5c5
editorGutter.modifiedBackground #70b9cc
editorHoverWidget.background #14181f
editorHoverWidget.border #0d121c
editorHoverWidget.foreground #c4c4c4
editorIndentGuide.activeBackground #5C6673
editorIndentGuide.background #B4BBC829
editorInfo.background #4490BF00
editorInfo.border #4490BF00
editorInfo.foreground #75beff
editorLineNumber.activeForeground #c4c4c4
editorLineNumber.foreground #555c6b
editorLink.activeForeground #4e94ce
editorMarkerNavigation.background #14181f
editorMarkerNavigationError.background #df5b61
editorMarkerNavigationInfo.background #70b9cc
editorMarkerNavigationWarning.background #cca700
editorOverviewRuler.background #0d121c00
editorOverviewRuler.border #1b1f274d
editorSuggestWidget.background #14181f
editorSuggestWidget.border #0d121c
editorSuggestWidget.foreground #c4c4c4
editorSuggestWidget.highlightForeground #70b9cc
editorSuggestWidget.selectedBackground #1b1f27
editorWarning.background #A9904000
editorWarning.border #ffffff00
editorWarning.foreground #cca700
editorWhitespace.foreground #e3e4e229
editorWidget.background #14181f
editorWidget.foreground #c4c4c4
editorWidget.resizeBorder #1b1f27
focusBorder #1b1f27
foreground #c4c4c4
gitDecoration.addedResourceForeground #87c7a1
gitDecoration.conflictingResourceForeground #de8f78
gitDecoration.deletedResourceForeground #df5b61
gitDecoration.ignoredResourceForeground #8c8c8c
gitDecoration.modifiedResourceForeground #70b9cc
gitDecoration.stageDeletedResourceForeground #df5b61bf
gitDecoration.stageModifiedResourceForeground #70b9ccbf
gitDecoration.submoduleResourceForeground #bc83e3
gitDecoration.untrackedResourceForeground #87c7a1bf
icon.foreground #c4c4c4
input.background #0d121c
input.border #00000000
input.foreground #c4c4c4
input.placeholderForeground #c4c4c46a
inputOption.activeBackground #70b9cc
inputOption.activeBorder #007acc00
inputOption.activeForeground #ffffff
list.activeSelectionBackground #0d121c
list.activeSelectionForeground #ffffff
list.dropBackground #1b1f27
list.focusBackground #14181f
list.focusForeground #c4c4c4
list.highlightForeground #70b9cc
list.hoverBackground #0d121c
list.hoverForeground #70b9cc
list.inactiveSelectionBackground #37373d
list.inactiveSelectionForeground #cccccc
listFilterWidget.background #653723
listFilterWidget.noMatchesOutline #be1100
listFilterWidget.outline #00000000
menu.background #1b1f27
menu.border #00000085
menu.foreground #cccccc
menu.selectionBackground #0d121c
menu.selectionBorder #00000000
menu.selectionForeground #ffffff
menu.separatorBackground #bbbbbb
menubar.selectionBackground #ffffff1a
menubar.selectionForeground #c4c4c4
merge.commonContentBackground #282828
merge.commonHeaderBackground #383838
merge.currentContentBackground #27403B
merge.currentHeaderBackground #367366
merge.incomingContentBackground #28384B
merge.incomingHeaderBackground #395F8F
minimap.background #14181f
minimap.errorHighlight #f48771
minimap.findMatchHighlight #515c6a
minimap.selectionHighlight #6791c946
minimap.warningHighlight #cca700
minimapGutter.addedBackground #587c0c
minimapGutter.deletedBackground #94151b
minimapGutter.modifiedBackground #0c7d9d
notificationCenter.border #1b1f27
notificationCenterHeader.background #1b1f27
notificationCenterHeader.foreground #ffffff
notifications.background #14181f
notifications.border #1b1f27
notifications.foreground #c4c4c4
notificationsErrorIcon.foreground #df5b61
notificationsInfoIcon.foreground #87c7a1
notificationsWarningIcon.foreground #cca700
notificationToast.border #1b1f27
panel.background #0d121c
panel.border #1b1f27
panelSection.border #1b1f27
panelTitle.activeBorder #e7e7e7
panelTitle.activeForeground #e7e7e7
panelTitle.inactiveForeground #e7e7e799
peekView.border #007acc
peekViewEditor.background #001f33
peekViewEditor.matchHighlightBackground #ff8f0099
peekViewEditor.matchHighlightBorder #ee931e
peekViewEditorGutter.background #001f33
peekViewResult.background #252526
peekViewResult.fileForeground #ffffff
peekViewResult.lineForeground #bbbbbb
peekViewResult.matchHighlightBackground #ea5c004d
peekViewResult.selectionBackground #3399ff33
peekViewResult.selectionForeground #ffffff
peekViewTitle.background #1e1e1e
peekViewTitleDescription.foreground #ccccccb3
peekViewTitleLabel.foreground #ffffff
pickerGroup.border #1b1f27
pickerGroup.foreground #6791c9
progressBar.background #70b9cc
scrollbar.shadow #14181f
scrollbarSlider.activeBackground #70b9cc
scrollbarSlider.background #1b1f27
scrollbarSlider.hoverBackground #70b9cc
selection.background #1b1f27
settings.focusedRowBackground #ffffff07
settings.headerForeground #c4c4c4
sideBar.background #1b1f27
sideBar.dropBackground #1b1f27
sideBar.foreground #c4c4c4
sideBarSectionHeader.background #00000000
sideBarSectionHeader.border #cccccc33
sideBarSectionHeader.foreground #cccccc
sideBarTitle.foreground #bbbbbb
statusBar.background #14181f
statusBar.border #1b1f27
statusBar.debuggingBackground #de8f78
statusBar.debuggingForeground #ffffff
statusBar.foreground #c4c4c4
statusBar.noFolderBackground #bc83e3
statusBar.noFolderForeground #ffffff
statusBarItem.activeBackground #FFFFFF25
statusBarItem.hoverBackground #ffffff1f
statusBarItem.remoteBackground #70b9cc
statusBarItem.remoteForeground #ffffff
tab.activeBackground #1e222a
tab.activeBorder #00000000
tab.activeBorderTop #00000000
tab.activeForeground #70b9cc
tab.border #14181f
tab.inactiveBackground #14181f
tab.inactiveForeground #c4c4c4
textLink.foreground #6791c9
titleBar.activeBackground #14181f
titleBar.activeForeground #c4c4c4
titleBar.border #1b1f27
titleBar.inactiveBackground #1b1f2797
titleBar.inactiveForeground #c4c4c4
tree.indentGuidesStroke #585858
walkThrough.embeddedEditorBackground #00000050
widget.shadow #0000005c invalid.deprecated #99611F underline italic
invalid.illegal #df5b61 underline italic
variable.language.this, variable.language.self #eed55b —
keyword, keyword.operator #70b9cc —
keyword.control, punctuation.definition.keyword, keyword.other.important #e283df —
keyword.other.unit #87c7a1 —
keyword.other.special-method, entity.name.other.preprocessor.macro, variable.other.event #6791c9 —
constant.character #70b9cc —
constant.character.escape #BC83E3 —
entity.name.label #c4c4c4 —
variable.parameter, variable.language.arguments, variable.other.object, string.quoted.template variable.other.readwrite #c4c4c4 —
keyword.operator.new, keyword.control.new #e283df —
entity.name.section, entity.name.namespace, entity.name.type.module, support.type.primitive, variable.other.enummember #de8f78 —
keyword.control.default, keyword.control.export, keyword.control.from, keyword.control.import, keyword.control.module, support.type.object.module #de8f78 —
support.class, entity.name.type.class, entity.name.class, variable.other.class, entity.name.type.enum, entity.name.type.interface, entity.name.type, entity.other.inherited-class, entity.name.scope-resolution, entity.other.attribute, keyword.primitive-datatypes.swift, keyword.type.cs, meta.protocol-list.objc, meta.return-type.objc, meta.return-type, source.go storage.type, source.groovy storage.type, source.java storage.type, source.powershell entity.other.attribute-name, storage.class.std.rust, storage.type.annotation.groovy, storage.type.annotation.java, storage.type.attribute.swift, storage.type.boolean.go, storage.type.byte.go, storage.type.c, storage.type.core.rust, storage.type.cs, storage.type.cs, storage.type.error.go, storage.type.generic.cs, storage.type.generic.groovy, storage.type.generic.java, storage.type.groovy, storage.type.groovy, storage.type.haskell, storage.type.java, storage.type.modifier.cs, storage.type.numeric.go, storage.type.objc, storage.type.object.array.groovy, storage.type.object.array.java, storage.type.ocaml, storage.type.parameters.groovy, storage.type.php, storage.type.primitive.array.groovy, storage.type.primitive.array.java, storage.type.primitive.groovy, storage.type.primitive.java, storage.type.rune.go, storage.type.string.go, storage.type.struct, storage.type.token.java, storage.type.uintptr.go, storage.type.variable.cs #eed55b —
entity.name.function.member, support.function, entity.name.function.method, entity.name.function.accessor, entity.name.function, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal, meta.method-call.java meta.method, meta.method.groovy, support.function.any-method, keyword.operator.function.infix, keyword.control.require #6791c9 —
support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less, source.coffee.embedded, variable.other.object.property, variable.other.property, variable.other.constant.property #BC83E3 —
string, meta.embedded.assembly, string.tag, string.value #87c7a1 —
meta.implementation storage.type.objc, meta.interface-or-protocol storage.type.objc, source.groovy storage.type.def, storage.type.accessor, storage.type.class.jsdoc, storage.type.property, storage #70b9cc —
storage.type, storage.modifier, storage.control, punctuation.flowtype, meta.object.flowtype #e283df —
entity.name.operator, keyword.control.module.reference, keyword.operator.alignas, keyword.operator.alignof, keyword.operator.cast, keyword.operator.delete, keyword.operator.expression, keyword.operator.in, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.noexcept, keyword.operator.of, keyword.operator.sizeof, keyword.operator.typeid, keyword.operator.typeof, keyword.operator.void, keyword.operator.wordlike, keyword.other.operator, keyword.other.using, source.cpp keyword.operator.new #e283df —
variable.other.constant, support.function.magic, variable.other.predefined, constant.numeric, keyword.operator.plus.exponent, keyword.operator.minus.exponent, constant, constant.variable, constant.language, support.constant #df5b61 —
keyword.expressions-and-types.swift, variable.language, variable.language punctuation.definition.variable.php, variable.other.readwrite.instance.ruby, variable.parameter.function.language.special #70b9cc —
punctuation.section.embedded, meta.string-contents.quoted.double punctuation.definition.variable, punctuation.definition.interpolation.begin, punctuation.definition.interpolation.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded.begin, punctuation.section.embedded.coffee, punctuation.section.embedded.end, punctuation.section.embedded.end source.php, punctuation.section.embedded.end source.ruby, punctuation.definition.variable.makefile #de8f78 —
keyword.operator.decorator, punctuation.decorator, entity.name.class.decorator, variable.other.readwrite.decorator #6791c9 —
constant.other.color, constant.other.symbol, punctuation.definition.block.tag, punctuation.accessor, keyword.operator.accessor, meta.attribute.href.html, punctuation.definition.tag.jsx, punctuation.definition.tag.tsx, punctuation.definition.typeparameters, punctuation.separator, support.class.component #70b9cc —
support.type.object.console #eed55b —
support.type.object.dom #70b9cc —
variable.interpolation #df5b61 —
meta.definition.variable.name #de8f78 —
meta.object-literal.key #BC83E3 —
JSXAttrs, JSXNested, support.type.property-name.css, support.type.property-name.scss #70b9cc —
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom #eed55b —
comment keyword.codetag.notation, comment.block.documentation keyword, comment.block.documentation storage.type.class #70b9cc —
comment.block.documentation entity.name.type punctuation.definition.bracket, comment.block.documentation entity.name.type #eed55b italic
comment.block.documentation variable #c4c4c4 italic
punctuation.separator.parameter, punctuation.terminator.statement, meta.array-binding-pattern-variable, keyword.operator.other.powershell, keyword.other.statement-separator.powershell, meta.brace.curly, meta.brace.round, meta.brace.square, punctuation.definition.arguments.begin, punctuation.definition.arguments.end, punctuation.definition.entity.begin, punctuation.definition.entity.end, punctuation.definition.tag, punctuation.definition.type.begin, punctuation.definition.type.end, punctuation.section.scope.begin, punctuation.section.scope.end, storage.type.generic.java, string.template meta.brace, string.template punctuation.accessor #c4c4c4 —
punctuation.definition.entity, string.unquoted.heredoc punctuation.definition.string, punctuation.separator.annotation, punctuation.colon.graphql, punctuation.definition.entity.other.inherited-class, punctuation.function.swift, meta.object-binding-pattern-variable punctuation.destructuring, entity.other.attribute-name.placeholder punctuation, constant.other.symbol.hashkey punctuation.definition.constant.ruby, entity.other.attribute-name.pseudo-class punctuation, punctuation.separator.dictionary.key-value, punctuation.separator.hash, punctuation.separator.inheritance, punctuation.separator.key-value.mapping.yaml, punctuation.separator.namespace, punctuation.separator.pointer-access, punctuation.separator.slice #70b9cc —
meta.embedded, source.groovy.embedded #c4c4c4 —
entity.other.attribute-name #de8f78 —
entity.other.attribute-name.id #6791c9 —
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class, entity.other.attribute-name.class, entity.other.attribute-name.class.mixin, entity.other.attribute-name.parent-selector, entity.other.attribute-name.attribute, meta.group.double.toml, meta.group.toml, support.other.chomping-indicator.yaml #eed55b —
support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color #87c7a1 —
support.constant.property-value #c4c4c4 —
punctuation.separator.key-value #70b9cc —
punctuation.definition.constant #de8f78 —
meta.property-list punctuation.separator.key-value #c4c4c4 —
constant.other.object.key string.unquoted, punctuation.quasi.element, keyword.other.definition, variable.language.prototype, variable.other.jsdoc #BC83E3 —
punctuation.definition.block.scalar.folded.yaml, punctuation.definition.block.scalar.literal.yaml, punctuation.definition.block.sequence.item.yaml #e283df —
meta.preprocessor, entity.name.function.preprocessor #6791c9 —
meta.preprocessor.string #87c7a1 —
meta.preprocessor.numeric #de8f78 —
meta.structure.dictionary.key.python #BC83E3 —
meta.decorator variable.other.readwrite, meta.decorator variable.other.property, meta.decorator variable.other.object #c4c4c4 —
entity.name.function.target.makefile, entity.name.section.toml, variable.other.key.toml #BC83E3 —
constant.other.date, constant.other.timestamp #70b9cc —
entity.name.type.type-parameter, meta.indexer.mapped type.declaration entity.name.type, meta.type.parameters entity.name.type #c4c4c4 —
punctuation.support.type.property-name.begin, punctuation.support.type.property-name.end #BC83E3 —
string.quoted.docstring.multi, string.quoted.docstring.multi.python punctuation.definition.string.begin, string.quoted.docstring.multi.python punctuation.definition.string.end, string.quoted.docstring.multi.python constant.character.escape #87c7a1 —
source.shell variable.other #eed55b —
meta.scope.prerequisites.makefile #87c7a1 —
support.function.git-rebase #de8f78 —
constant.sha.git-rebase #de8f78 —
markup.underline — underline
punctuation.definition.bold.markdown, markup.bold #de8f78 italic
markup.italic #87c7a1 italic
beginning.punctuation.definition.list.markdown, entity.name.section.markdown, markup.heading.setext, markup.heading, punctuation.definition.heading.markdown, punctuation.definition.list.begin.markdown, text.html.markdown invalid.deprecated, text.html.markdown punctuation.definition.tag #eed55b —
markup.heading punctuation.definition.heading #de8f78 —
markup.error, markup.deleted #df5b61 —
markup.fenced_code.block.markdown, markup.inline.raw.markdown, markup.inline.raw.string.markdown, markup.inline.raw, markup.inserted, markup.raw.block.markdown, markup.raw, punctuation.definition.markdown, punctuation.definition.raw.markdown #87c7a1 —
constant.other.reference.link.markdown, string.other.link.description.markdown, string.other.link.title.markdown #e283df —
markup.changed, punctuation.definition.constant.begin.markdown, punctuation.definition.constant.end.markdown, punctuation.definition.constant.markdown, punctuation.definition.metadata.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, string.other.link.description.title.markdown, text.html.markdown string.quoted #BC83E3 —
beginning.punctuation.definition.quote.markdown, markup.link, markup.quote.markdown, markup.quote, markup.underline.link.image.markdown, markup.underline.link.markdown, meta.attribute.href.html string.quoted.double.html, meta.attribute.href.html string.quoted.single.html, punctuation.definition.link.restructuredtext #6791c9 —
string.regexp, constant.regexp, keyword.operator.or.regexp #87c7a1 —
constant.character.escape.backslash.regexp, meta.group.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.character-class.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, support.other.parenthesis.regexp #70b9cc —
constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp, punctuation.definition.group.regexp, punctuation.definition.group.capture.regexp, keyword.control.anchor.regexp #BC83E3 —
keyword.operator.quantifier.regexp #de8f78 —
keyword.operator.negation.regexp, constant.character.regexp, punctuation.definition.range.regexp #e283df —
meta.structure.dictionary.json support.type.property-name.json, meta.structure.dictionary support.type.property-name punctuation.support.type.property-name.begin, meta.structure.dictionary support.type.property-name punctuation.support.type.property-name.end #BC83E3 —
meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted #87c7a1 —
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json, meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json punctuation.support.type.property-name.begin, meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json punctuation.support.type.property-name.end #eed55b —
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value string.quoted #6791c9 —
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, 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 punctuation.support.type.property-name.begin, 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 punctuation.support.type.property-name.end #87c7a1 —
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 string.quoted #BC83E3 —
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, 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 punctuation.support.type.property-name.begin, 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 punctuation.support.type.property-name.end #6791c9 —
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value string.quoted #eed55b —
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, 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 punctuation.support.type.property-name.begin, 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 punctuation.support.type.property-name.end #BC83E3 —
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 string.quoted #87c7a1 —
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, 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 punctuation.support.type.property-name.begin, 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 punctuation.support.type.property-name.end #eed55b —
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value string.quoted #6791c9 —
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, 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 punctuation.support.type.property-name.begin, 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 punctuation.support.type.property-name.end #87c7a1 —
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 string.quoted #BC83E3 —
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, 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 punctuation.support.type.property-name.begin, 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 punctuation.support.type.property-name.end #6791c9 —
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value string.quoted #eed55b —
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, 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 punctuation.support.type.property-name.begin, 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 punctuation.support.type.property-name.end #BC83E3 —
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 meta.structure.dictionary.value string.quoted #87c7a1 —
keyword.operator.accessor, punctuation.accessor #87c7a1 —
keyword.control.new, keyword.operator.new, storage.type.accessor, variable.language.super #de8f78 —
constant.language.boolean, entity.name.class, entity.name.namespace, entity.name.other.preprocessor.macro, entity.name.type.class, entity.name.type.interface, entity.name.type.module, entity.other.inherited-class, keyword.operator.decorator, storage.type.accessor, storage.type.struct, support.class, support.type.primitive, variable.language.self, variable.language.super, variable.language.this, variable.language, variable.other.class, variable.other.event, variable.parameter.function.language.special, variable.parameter — italic
keyword.control.new, keyword.operator.new — bold italic
token.error-token #df5b61 —
token.debug-token #bc83e3 —
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...
main*
BlackRock Theme | Coding Theme
Button.tsx
31
~/my-project
$
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 } !` ;
}