Skip to main content
Home Theme VS Code Grêmio FBPA fan Color Theme Fan Theme Colors of the Grêmio FBPA supporters
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.activeBackground #22222200 activityBar.background #222222 activityBar.border #967955 activityBar.foreground #1584c1 activityBar.inactiveForeground #ffffff54 activityBarBadge.background #1584c1 tokenColors TextMate scopes and font styles (syntax highlighting rules).
scope foreground fontStyle punctuation.definition.delayed.unison,punctuation.definition.list.begin.unison,punctuation.definition.list.end.unison,punctuation.definition.ability.begin.unison,punctuation.definition.ability.end.unison,punctuation.operator.assignment.as.unison,punctuation.separator.pipe.unison,punctuation.separator.delimiter.unison,punctuation.definition.hash.unison #009fff — variable.other.generic-type.haskell #64c8ff — storage.type.haskell #c29b6a — support.variable.magic.python
Shiki preview TypeScript sample highlighted with this variant's colors and tokenColors.
Grêmio FBPA fan Color Theme — Grêmio FBPA Fan Color Theme
activityBarBadge.foreground #ffffff
badge.background #967955
badge.foreground #ffffff
breadcrumb.activeSelectionForeground #ffffff
breadcrumb.background #18181b
breadcrumb.focusForeground #ffffff
breadcrumb.foreground #cccccccc
button.background #1584c1
button.foreground #ffffff
button.hoverBackground #1177bb
button.secondaryBackground #222222
button.secondaryForeground #ffffff
button.secondaryHoverBackground #45494e
checkbox.background #222222
checkbox.border #00000000
checkbox.foreground #cccccc
debugExceptionWidget.background #333333
debugExceptionWidget.border #474747
debugToolBar.background #333333
debugToolBar.border #474747
diffEditor.border #444444
diffEditor.insertedTextBackground #1584c133
diffEditor.removedTextBackground #ff000033
dropdown.background #222222
dropdown.border #00000000
dropdown.foreground #cccccc
editor.background #222222
editor.findMatchBackground #000000
editor.findMatchBorder #ffffff60
editor.findMatchHighlightBackground #1584c1a7
editor.findMatchHighlightBorder #ffffff00
editor.findRangeHighlightBackground #1584c11e
editor.findRangeHighlightBorder #ffffff00
editor.foldBackground #1584c14d
editor.foreground #ffffff
editor.hoverHighlightBackground #1584c191
editor.inactiveSelectionBackground #3a3d41
editor.lineHighlightBackground #ffffff0A
editor.lineHighlightBorder #282828
editor.rangeHighlightBackground #00679f72
editor.rangeHighlightBorder #ffffff20
editor.selectionBackground #000000
editor.selectionHighlightBackground #1584c146
editor.selectionHighlightBorder #ffffff66
editor.wordHighlightBackground #575757b8
editor.wordHighlightBorder #ffffff00
editor.wordHighlightStrongBackground #1584c1b8
editor.wordHighlightStrongBorder #ffffff28
editorBracketMatch.background #1584c15e
editorBracketMatch.border #ffffff50
editorCodeLens.foreground #999999
editorCursor.background #ffffff
editorCursor.foreground #1584c1
editorError.background #b73a3434
editorError.border #ff00001a
editorError.foreground #ff2f2f
editorGroup.border #444444
editorGroup.emptyBackground #222222
editorGroupHeader.border #fff4f400
editorGroupHeader.tabsBackground #222222
editorGroupHeader.tabsBorder #9679556a
editorGutter.addedBackground #00406f
editorGutter.background #222222
editorGutter.commentRangeForeground #c5c5c5
editorGutter.deletedBackground #94151b
editorGutter.foldingControlForeground #c5c5c5
editorGutter.modifiedBackground #1584c1
editorHoverWidget.background #191919
editorHoverWidget.border #967955
editorHoverWidget.foreground #a9a9a9
editorIndentGuide.activeBackground1 #1584c1d1
editorIndentGuide.background1 #ffffff20
editorInfo.background #4490BF00
editorInfo.border #4490BF00
editorInfo.foreground #1584c1
editorLineNumber.activeForeground #ffffff
editorLineNumber.foreground #1584c1eb
editorLink.activeForeground #1584c1
editorMarkerNavigation.background #2d2d30
editorMarkerNavigationError.background #ff4747
editorMarkerNavigationInfo.background #1584c1
editorMarkerNavigationWarning.background #f0bd00
editorOverviewRuler.background #ffffff00
editorOverviewRuler.border #7f7f7f4d
editorRuler.foreground #ffffff30
editorSuggestWidget.background #252526
editorSuggestWidget.border #454545
editorSuggestWidget.foreground #d4d4d4
editorSuggestWidget.highlightForeground #1784c1
editorSuggestWidget.selectedBackground #0c2e45
editorWarning.background #a9904024
editorWarning.border #ffffff00
editorWarning.foreground #cca700
editorWhitespace.foreground #ffffff30
editorWidget.background #252526
editorWidget.foreground #cccccc
editorWidget.resizeBorder #5F5F5F
focusBorder #1584c1
foreground #ffffff
gitDecoration.addedResourceForeground #f0bd00
gitDecoration.conflictingResourceForeground #1584c1
gitDecoration.deletedResourceForeground #949494c5
gitDecoration.ignoredResourceForeground #967955
gitDecoration.modifiedResourceForeground #1584c1cd
gitDecoration.stageDeletedResourceForeground #6b6b6b
gitDecoration.stageModifiedResourceForeground #f0bd0097
gitDecoration.submoduleResourceForeground #1584c191
gitDecoration.untrackedResourceForeground #777777
icon.foreground #ffffff
input.background #222222
input.border #00000000
input.foreground #cccccc
input.placeholderForeground #a6a6a6
inputOption.activeBackground #007fd466
inputOption.activeBorder #007acc00
inputOption.activeForeground #ffffff
list.activeSelectionBackground #094771
list.activeSelectionForeground #ffffff
list.dropBackground #323232
list.focusBackground #222222
list.focusForeground #967955
list.highlightForeground #1584c1
list.hoverBackground #2a2d2e
list.hoverForeground #cccccc
list.inactiveSelectionBackground #9679551a
list.inactiveSelectionForeground #ffffff93
listFilterWidget.background #1584c1
listFilterWidget.noMatchesOutline #ffffff38
listFilterWidget.outline #ffffff00
menu.background #222222
menu.border #222222
menu.foreground #ffffff
menu.selectionBackground #1584c1b3
menu.selectionBorder #96795500
menu.selectionForeground #ffffff
menu.separatorBackground #967955
menubar.selectionBackground #ffffff1a
menubar.selectionBorder #b2b2b2
menubar.selectionForeground #ffffff
merge.commonContentBackground #282828
merge.commonHeaderBackground #b48e00
merge.currentContentBackground #6f593e
merge.currentHeaderBackground #967955
merge.incomingContentBackground #28384B
merge.incomingHeaderBackground #1784c1
minimap.background #222222
minimap.errorHighlight #ff2f2f
minimap.findMatchHighlight #000000
minimap.selectionHighlight #000000
minimap.warningHighlight #cca700
minimapGutter.addedBackground #00406f
minimapGutter.deletedBackground #94151b
minimapGutter.modifiedBackground #1584c1
notificationCenter.border #474747
notificationCenterHeader.background #303031
notificationCenterHeader.foreground #ffffff
notifications.background #252526
notifications.border #303031
notifications.foreground #cccccc
notificationsErrorIcon.foreground #6b6b6b
notificationsInfoIcon.foreground #1584c1
notificationsWarningIcon.foreground #cca700
notificationToast.border #474747
panel.background #222222
panel.border #967955d7
panelSection.border #96795550
panelTitle.activeBorder #1584c1
panelTitle.activeForeground #ffffff
panelTitle.inactiveForeground #ffffff60
peekView.border #1784c1
peekViewEditor.background #05161f
peekViewEditor.matchHighlightBackground #ff8f0099
peekViewEditor.matchHighlightBorder #f0bd00
peekViewEditorGutter.background #000000
peekViewResult.background #252526
peekViewResult.fileForeground #ffffff
peekViewResult.lineForeground #ffffff
peekViewResult.matchHighlightBackground #f0bd004d
peekViewResult.selectionBackground #1784c133
peekViewResult.selectionForeground #ffffff
peekViewTitle.background #000000
peekViewTitleDescription.foreground #ffffff
peekViewTitleLabel.foreground #f0bd00
pickerGroup.border #3f3f46
pickerGroup.foreground #1584c1
progressBar.background #967955
scrollbar.shadow #ffffff
scrollbarSlider.activeBackground #96795566
scrollbarSlider.background #4f4f4f66
scrollbarSlider.hoverBackground #949494e7
selection.background #1584c1
settings.focusedRowBackground #ffffff07
settings.headerForeground #ffffff
sideBar.background #222222
sideBar.border #967955a5
sideBar.dropBackground #323232
sideBar.foreground #ffffff
sideBarSectionHeader.background #9679557e
sideBarSectionHeader.border #9679551c
sideBarSectionHeader.foreground #ffffff
sideBarTitle.foreground #ffffff
statusBar.background #1584c1
statusBar.border #222222
statusBar.debuggingBackground #967955
statusBar.debuggingForeground #ffffff
statusBar.foreground #ffffff
statusBar.noFolderBackground #f0bd00
statusBar.noFolderForeground #ffffff
statusBarItem.activeBackground #FFFFFF25
statusBarItem.hoverBackground #222222
statusBarItem.remoteBackground #f0bd00
statusBarItem.remoteForeground #222222
tab.activeBackground #222222
tab.activeBorder #1584c15a
tab.activeBorderTop #15840000
tab.activeForeground #ffffff
tab.border #222222
tab.hoverBackground #222222
tab.hoverBorder #ffffff00
tab.hoverForeground #ffffff
tab.inactiveBackground #2c2c2c
tab.inactiveForeground #ffffff5c
terminal.ansiBlack #000000
terminal.ansiBlue #2472c8
terminal.ansiBrightBlack #666666
terminal.ansiBrightBlue #3b8eea
terminal.ansiBrightCyan #29b8db
terminal.ansiBrightGreen #23d18b
terminal.ansiBrightMagenta #d670d6
terminal.ansiBrightRed #f14c4c
terminal.ansiBrightWhite #e5e5e5
terminal.ansiBrightYellow #f5f543
terminal.ansiCyan #11a8cd
terminal.ansiGreen #0dbc79
terminal.ansiMagenta #bc3fbc
terminal.ansiRed #cd3131
terminal.ansiWhite #b49f9f
terminal.ansiYellow #e5e510
terminal.border #96795550
terminal.foreground #ffffff
terminal.selectionBackground #ffffff1c
terminalCursor.background #1584c1
terminalCursor.foreground #ffffff
textLink.foreground #967955
titleBar.activeBackground #222222
titleBar.activeForeground #ffffff
titleBar.border #ff000000
titleBar.inactiveBackground #222222cd
titleBar.inactiveForeground #ffffff5e
tree.indentGuidesStroke #967955
walkThrough.embeddedEditorBackground #00000050
widget.shadow #0000005c #009fff
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python #ffffff —
variable.parameter.function.language.special.self.python #69f1ff —
storage.modifier.lifetime.rust #ffffff —
support.function.std.rust #ffffff —
entity.name.lifetime.rust #69f1ff —
variable.language.rust #009fff —
support.constant.edge #64c8ff —
constant.other.character-class.regexp #009fff —
keyword.operator.quantifier.regexp #c29b6a —
punctuation.definition.string.begin,punctuation.definition.string.end #b0b0b0 —
variable.parameter.function #ffffff —
comment markup.link #585858 —
markup.changed.diff #69f1ff —
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff #ffffff —
markup.inserted.diff #b0b0b0 —
markup.deleted.diff #009fff —
meta.function.c,meta.function.cpp #009fff —
punctuation.section.block.begin.bracket.curly.cpp,punctuation.section.block.end.bracket.curly.cpp,punctuation.terminator.statement.c,punctuation.section.block.begin.bracket.curly.c,punctuation.section.block.end.bracket.curly.c,punctuation.section.parens.begin.bracket.round.c,punctuation.section.parens.end.bracket.round.c,punctuation.section.parameters.begin.bracket.round.c,punctuation.section.parameters.end.bracket.round.c #ffffff —
punctuation.separator.key-value #ffffff —
keyword.operator.expression.import #ffffff —
support.constant.math #69f1ff —
support.constant.property.math #c29b6a —
variable.other.constant #69f1ff —
storage.type.annotation.java, storage.type.object.array.java #69f1ff —
punctuation.section.block.begin.java,punctuation.section.block.end.java,punctuation.definition.method-parameters.begin.java,punctuation.definition.method-parameters.end.java,meta.method.identifier.java,punctuation.section.method.begin.java,punctuation.section.method.end.java,punctuation.terminator.java,punctuation.section.class.begin.java,punctuation.section.class.end.java,punctuation.section.inner-class.begin.java,punctuation.section.inner-class.end.java,meta.method-call.java,punctuation.section.class.begin.bracket.curly.java,punctuation.section.class.end.bracket.curly.java,punctuation.section.method.begin.bracket.curly.java,punctuation.section.method.end.bracket.curly.java,punctuation.separator.period.java,punctuation.bracket.angle.java,punctuation.definition.annotation.java,meta.method.body.java #ffffff —
storage.modifier.import.java,storage.type.java,storage.type.generic.java #69f1ff —
keyword.operator.instanceof.java #64c8ff —
meta.definition.variable.name.java #009fff —
keyword.operator.logical #ffffff —
keyword.operator.bitwise #ffffff —
keyword.operator.channel #ffffff —
support.constant.property-value.scss,support.constant.property-value.css #c29b6a —
keyword.operator.css,keyword.operator.scss,keyword.operator.less #ffffff —
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss #c29b6a —
punctuation.separator.list.comma.css #ffffff —
support.constant.color.w3c-standard-color-name.css #c29b6a —
support.type.vendored.property-name.css #ffffff —
support.module.node,support.type.object.module,support.module.node #69f1ff —
entity.name.type.module #69f1ff —
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node #009fff —
support.constant.json #c29b6a —
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof #64c8ff —
support.type.object.console #009fff —
support.variable.property.process #c29b6a —
entity.name.function,support.function.console #ffffff —
keyword.operator.misc.rust #ffffff —
keyword.operator.sigil.rust #64c8ff —
keyword.operator.delete #64c8ff —
support.type.object.dom #ffffff —
support.variable.dom,support.variable.property.dom #009fff —
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational #ffffff —
keyword.operator.assignment.c,keyword.operator.comparison.c,keyword.operator.c,keyword.operator.increment.c,keyword.operator.decrement.c,keyword.operator.bitwise.shift.c,keyword.operator.assignment.cpp,keyword.operator.comparison.cpp,keyword.operator.cpp,keyword.operator.increment.cpp,keyword.operator.decrement.cpp,keyword.operator.bitwise.shift.cpp #64c8ff —
punctuation.separator.delimiter #ffffff —
punctuation.separator.c,punctuation.separator.cpp #64c8ff —
support.type.posix-reserved.c,support.type.posix-reserved.cpp #ffffff —
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp #64c8ff —
variable.parameter.function.language.python #c29b6a —
support.type.python #ffffff —
keyword.operator.logical.python #64c8ff —
variable.parameter.function.python #c29b6a —
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python #ffffff —
meta.function-call.generic.python #ffffff —
constant.character.format.placeholder.other.python #c29b6a —
keyword.operator.assignment.compound #64c8ff —
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts #ffffff —
entity.name.namespace #69f1ff —
variable.language #69f1ff —
token.variable.parameter.java #ffffff —
import.storage.java #69f1ff —
token.package.keyword #64c8ff —
entity.name.function, meta.require, support.function.any-method, variable.function #ffffff —
entity.name.type.namespace #69f1ff —
support.class, entity.name.type.class #69f1ff —
entity.name.class.identifier.namespace.type #69f1ff —
entity.name.class, variable.other.class.js, variable.other.class.ts #69f1ff —
variable.other.class.php #009fff —
control.elements, keyword.operator.less #c29b6a —
keyword.other.special-method #ffffff —
keyword.operator.expression.delete,keyword.operator.expression.in,keyword.operator.expression.of,keyword.operator.expression.instanceof,keyword.operator.new,keyword.operator.expression.typeof,keyword.operator.expression.void #64c8ff —
token.storage.type.java #69f1ff —
support.type.property-name #ffffff —
support.constant.property-value #ffffff —
support.constant.font-name #c29b6a —
entity.other.inherited-class #69f1ff —
constant.other.symbol #ffffff —
punctuation.definition.constant #c29b6a —
entity.other.attribute-name #c29b6a —
entity.other.attribute-name.id #ffffff italic
entity.other.attribute-name.class.css #c29b6a italic
markup.heading punctuation.definition.heading, entity.name.section #ffffff —
keyword.other.unit #009fff —
markup.bold,todo.bold #c29b6a —
punctuation.definition.bold #69f1ff —
markup.italic, punctuation.definition.italic,todo.emphasis #64c8ff —
entity.name.section.markdown #009fff —
punctuation.definition.heading.markdown #009fff —
punctuation.definition.list.begin.markdown #009fff —
markup.heading.setext #ffffff —
punctuation.definition.bold.markdown #c29b6a —
markup.inline.raw.markdown #b0b0b0 —
markup.inline.raw.string.markdown #b0b0b0 —
punctuation.definition.list.markdown #009fff —
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown #009fff —
beginning.punctuation.definition.list.markdown #009fff —
punctuation.definition.metadata.markdown #009fff —
markup.underline.link.markdown,markup.underline.link.image.markdown #64c8ff —
string.other.link.title.markdown,string.other.link.description.markdown #ffffff —
constant.character.escape #ffffff —
punctuation.section.embedded, variable.interpolation #009fff —
punctuation.section.embedded.begin,punctuation.section.embedded.end #64c8ff —
invalid.illegal.bad-ampersand.html #ffffff —
invalid.deprecated #ffffff —
invalid.unimplemented #ffffff —
source.json meta.structure.dictionary.json > string.quoted.json #009fff —
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string #009fff —
source.json meta.structure.dictionary.json > value.json > string.quoted.json,source.json meta.structure.array.json > value.json > string.quoted.json,source.json meta.structure.dictionary.json > value.json > string.quoted.json > punctuation,source.json meta.structure.array.json > value.json > string.quoted.json > punctuation #b0b0b0 —
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json #ffffff —
support.type.property-name.json #009fff —
support.type.property-name.json punctuation #009fff —
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade #64c8ff —
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade #64c8ff —
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php #69f1ff —
keyword.operator.error-control.php #64c8ff —
keyword.operator.type.php #64c8ff —
punctuation.section.array.begin.php #ffffff —
punctuation.section.array.end.php #ffffff —
invalid.illegal.non-null-typehinted.php #f44747 —
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php #69f1ff —
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php #ffffff —
punctuation.definition.parameters.begin.bracket.round.php,punctuation.definition.parameters.end.bracket.round.php,punctuation.separator.delimiter.php,punctuation.section.scope.begin.php,punctuation.section.scope.end.php,punctuation.terminator.expression.php,punctuation.definition.arguments.begin.bracket.round.php,punctuation.definition.arguments.end.bracket.round.php,punctuation.definition.storage-type.begin.bracket.round.php,punctuation.definition.storage-type.end.bracket.round.php,punctuation.definition.array.begin.bracket.round.php,punctuation.definition.array.end.bracket.round.php,punctuation.definition.begin.bracket.round.php,punctuation.definition.end.bracket.round.php,punctuation.definition.begin.bracket.curly.php,punctuation.definition.end.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php,punctuation.definition.section.switch-block.start.bracket.curly.php,punctuation.definition.section.switch-block.begin.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php #ffffff —
support.constant.core.rust #c29b6a —
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php #c29b6a —
entity.name.goto-label.php,support.other.php #ffffff —
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php #ffffff —
keyword.operator.regexp.php #64c8ff —
keyword.operator.comparison.php #ffffff —
keyword.operator.heredoc.php,keyword.operator.nowdoc.php #64c8ff —
meta.function.decorator.python #ffffff —
support.token.decorator.python,meta.function.decorator.identifier.python #ffffff —
function.parameter #ffffff —
function.parameter.ruby, function.parameter.cs #ffffff —
constant.language.symbol.ruby #ffffff —
inline-color-decoration rgb-value #c29b6a —
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx #69f1ff —
block.scope.end,block.scope.begin #ffffff —
entity.name.variable.local.cs #009fff —
token.error-token #f44747 —
token.debug-token #64c8ff —
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded #64c8ff —
meta.template.expression #ffffff —
keyword.operator.module #64c8ff —
support.type.type.flowtype #ffffff —
support.type.primitive #69f1ff —
meta.property.object #009fff —
variable.parameter.function.js #009fff —
keyword.other.template.begin #b0b0b0 —
keyword.other.template.end #b0b0b0 —
keyword.other.substitution.begin #b0b0b0 —
keyword.other.substitution.end #b0b0b0 —
keyword.operator.assignment #ffffff —
keyword.operator.assignment.go #69f1ff —
keyword.operator.arithmetic.go, keyword.operator.address.go #64c8ff —
entity.name.package.go #69f1ff —
support.type.prelude.elm #ffffff —
support.constant.elm #c29b6a —
punctuation.quasi.element #64c8ff —
constant.character.entity #009fff —
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class #ffffff —
entity.global.clojure #69f1ff —
meta.symbol.clojure #009fff —
constant.keyword.clojure #ffffff —
meta.arguments.coffee, variable.parameter.function.coffee #009fff —
meta.scope.prerequisites.makefile #009fff —
storage.modifier.import.groovy #69f1ff —
meta.method.groovy #ffffff —
meta.definition.variable.name.groovy #009fff —
meta.definition.class.inherited.classes.groovy #b0b0b0 —
support.variable.semantic.hlsl #69f1ff —
support.type.texture.hlsl, support.type.sampler.hlsl, support.type.object.hlsl, support.type.object.rw.hlsl, support.type.fx.hlsl, support.type.object.hlsl #64c8ff —
text.variable, text.bracketed #009fff —
support.type.swift, support.type.vb.asp #69f1ff —
entity.name.function.xi #69f1ff —
entity.name.class.xi #ffffff —
constant.character.character-class.regexp.xi #009fff —
constant.regexp.xi #64c8ff —
keyword.control.xi #ffffff —
beginning.punctuation.definition.quote.markdown.xi #b0b0b0 —
beginning.punctuation.definition.list.markdown.xi #585858 —
constant.character.xi #ffffff —
constant.other.color.rgb-value.xi #ffffff —
punctuation.definition.tag.xi #585858 —
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition #69f1ff —
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown #009fff —
meta.brace.square #ffffff —
comment, punctuation.definition.comment #585858 italic
markup.quote.markdown #585858 —
punctuation.definition.block.sequence.item.yaml #ffffff —
constant.language.symbol.elixir #ffffff —
entity.other.attribute-name.js,entity.other.attribute-name.ts,entity.other.attribute-name.jsx,entity.other.attribute-name.tsx,variable.parameter,variable.language.super — italic
comment.line.double-slash,comment.block.documentation — italic
keyword.control.import.python,keyword.control.flow.python — italic
markup.italic.markdown — italic
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*
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 } !` ;
}
Grêmio FBPA fan Color Theme | Coding Theme