B9F36BCF530F3D6B5C9CF39D2E260A99 (Theme)

Name: B9F36BCF530F3D6B5C9CF39D2E260A99 (Theme)
Author: Shahab Khalvati

Publisher: Shahab KhalvatiThemes in package: 2

Theme / edition: minimal semantic

Open in VS Code GitHub

Color themes

VS Code preview

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

B9F36BCF530F3D6B5C9CF39D2E260A99 (Theme) — B9F36BCF530F3D6B5C9CF39D2E260A99 (Light)

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.ts

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*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#0000
activityBar.background#EBEBEA
activityBar.border#D9D9D9
activityBar.foreground#536271
activityBar.inactiveForeground#BABABA
activityBarBadge.background#536271
badge.background#EBEBEA
badge.foreground#3455DB
breadcrumb.background#F8F8F7
breadcrumb.focusForeground#536271
breadcrumb.foreground#CCCCCC
breadcrumbPicker.background#F8F8F7
editor.background#F8F8F7
editor.foreground#7E7E7E
editor.lineHighlightBackground#EDEDED
editor.lineHighlightBorder#EDEDED
editorCodeLens.foreground#638BB3
editorCursor.background#fff
editorCursor.foreground#22b455
editorGroup.border#D9D9D9
editorGroup.emptyBackground#EBEBEA
editorGroupHeader.border#D9D9D9
editorGroupHeader.noTabsBackground#EBEBEA
editorGroupHeader.tabsBackground#EBEBEA
editorGutter.commentRangeForeground#F5F5F5
editorGutter.foldingControlForeground#ff0000
editorIndentGuide.activeBackground#DEDEDE
editorIndentGuide.background#f1f1ef
editorLineNumber.activeForeground#BABABA
editorLineNumber.foreground#D4D4D4
editorPane.background#F8F8F7
focusBorder#536271
gitlens.trailingLineForegroundColor#BDC4CC
list.activeSelectionBackground#8191A2
list.focusBackground#EAEEF0
list.focusForeground#050709
list.hoverForeground#000
list.inactiveSelectionBackground#EBEBEA
panel.background#F8F8F7
panel.border#D9D9D9
panelTitle.activeBorder#D9D9D9
sideBar.background#F8F8F7
sideBar.border#D9D9D9
sideBarSectionHeader.background#F8F8F7
sideBarSectionHeader.border#D9D9D9
statusBar.background#EBEBEA
statusBar.border#D9D9D9
statusBar.debuggingBackground#EBEBEA
statusBar.debuggingForeground#AA2E00
statusBar.foreground#536271
statusBar.noFolderBackground#EBEBEA
statusBar.noFolderForeground#536271
statusBarItem.remoteBackground#EBEBEA
statusBarItem.remoteForeground#536271
tab.activeBackground#F8F8F7
tab.border#D9D9D9
tab.inactiveBackground#EBEBEA
terminal.ansiBlack#3E3E3E
terminal.ansiBlue#1460AA
terminal.ansiBrightBlack#7A7A7A
terminal.ansiBrightBlue#1460AA
terminal.ansiBrightCyan#007A7C
terminal.ansiBrightGreen#1B7742
terminal.ansiBrightMagenta#8E44AD
terminal.ansiBrightRed#F15152
terminal.ansiBrightWhite#F8F8F7
terminal.ansiBrightYellow#B8860B
terminal.ansiCyan#007A7C
terminal.ansiGreen#1B7742
terminal.ansiMagenta#8E44AD
terminal.ansiRed#F15152
terminal.ansiWhite#EBEBEA
terminal.ansiYellow#B8860B
terminal.foreground#3E3E3E
terminal.selectionBackground#8191A2
terminalCursor.background#fff
terminalCursor.foreground#22b455
tree.indentGuidesStroke#CCC

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#DB0A5B	—
variable.other.readwrite	#FF4500	—
keyword, storage.type, storage.modifier	#7E7E7E	—
keyword.control.flow, keyword.control.module, meta.function storage.type.function, keyword.control.export	#B11030	—
keyword.control.switch, keyword.control.conditional, keyword.operator.ternary, keyword.operator.logical, keyword.operator.comparison	#E73C4E	—
keyword.operator.ternary	#7E7E7E	—
meta.import string.quoted, meta.import string.quoted punctuation, meta.import keyword.control.as, keyword.control.module.reference	#7E7E7E	—
variable.other.readwrite.alias	#050709	—
string, string punctuation, constant.numeric, constant.language, constant.character, constant.escape, keyword.other.unit, keyword.other	#8859B6	—
variable.other.constant.property, meta.object.member variable.other.constant, variable.other.constant	#050709	—
meta.function entity.name.function, storage.type.function.arrow, meta.definition.function entity.name.function, meta.function punctuation.definition meta.brace, meta.function meta.brace.curly, meta.arrow meta.parameters punctuation.definition.parameters.begin, meta.arrow meta.parameters punctuation.definition.parameters.end	#177E89	—
variable.parameter, meta.function.parameters, meta.function.parameters variable.other.readwrite, meta.function.parameters keyword.operator.spread, meta.jsx meta.tag meta.embedded.expression meta.arrow meta.parameters, meta.jsx meta.tag meta.embedded.expression meta.arrow meta.parameters punctuation	#3E3E3E	—
meta.function-call entity.name.function, meta.function-call.with-arguments variable.other.readwrite, meta.function-call.with-arguments entity.name.function	#686B78	—
variable.other.readwrite, variable.other.object, meta.method-call.with-arguments variable.other.readwrite	#D35400	—
meta.type.declaration keyword.operator.assignment, meta.type punctuation, meta.type.annotation, meta.type meta.brace, meta.return.type.arrow keyword.operator, keyword.operator.type	#28A228
meta.type storage.type, keyword.control.as, keyword.operator.expression.keyof, meta.field.declaration keyword.operator.optional, meta.type.declaration meta.object.type keyword.operator.optional	#28A228	italic
support.type.primitive, support.type.builtin, meta.type.annotation support.type.builtin, meta.type.annotation meta.type.function, meta.type.annotation meta.type.function punctuation.definition, meta.type.declaration string	#4B7B4B	italic
meta.interface meta.field.declaration meta.definition.property entity, meta.type.annotation meta.field.declaration meta.definition.property variable, meta.type.annotation meta.field.declaration meta.definition.property entity, meta.type.annotation meta.field.declaration meta.definition.property, meta.type.declaration meta.object.type meta.definition.property variable, meta.type.declaration meta.object.type meta.indexer.declaration variable, meta.type.declaration variable.other.property, meta.object.flowtype variable.other.readwrite	#2A5547	italic
variable.language.this	#008000	—
meta.class meta.method.declaration meta.definition.method entity.name.function, meta.class meta.method.declaration meta.parameters punctuation, meta.class meta.field.declaration meta.definition.property entity, meta.class meta.field.declaration meta.definition.property variable, variable.other.class	#005500	—
meta.object-literal.key, meta.object-literal.key meta.brace, meta.object-literal.key constant.numeric.decimal, meta.object-literal.key string.quoted, meta.object-literal.key string.quoted punctuation.definition.string, meta.objectliteral punctuation.definition.block, meta.block meta.objectliteral punctuation.definition.block, constant.other.object string	#7600A8	—
support.type.property-name, support.type.property-name punctuation	#7E7E7E	—
source.json support.type.property-name, source.json support.type.property-name punctuation	#3E3E3E	—
source.json string, source.json constant.language	#7600A8	—
meta.structure.dictionary	#7E7E7E	—
meta.tag entity.name.tag support.class.component	#005500	—
meta.tag entity.other.attribute-name	#807D67	—
meta.tag.attributes keyword.operator.assignment, meta.tag.attributes punctuation.section.embedded	#7E7E7E	—
text.html.markdown, text.html.markdown punctuation.definition.list	#3E3E3E	—
text.html.markdown heading	#050709	bold
text.html.markdown markup.bold.markdown	—	bold
text.html.markdown markup.italic.markdown	—	italic
text.html.markdown markup.inline.raw, text.html.markdown markup.fenced_code	#7E7E7E	—
text.html.markdown punctuation, text.html.markdown markup.underline.link	#7E7E7E	—
text.html.markdown string.other.link	#3455db	—
source.elixir string, source.elixir string punctuation, source.elixir constant.numeric	#008040	—
source.elixir constant.language.symbol	#007A7C	—
source.elixir keyword.operator.assignment, source.elixir keyword.operator.arithmetic, source.elixir keyword.operator	#7023B7	—
source.elixir keyword, source.elixir keyword.control.module, source.elixir keyword.other.special-method	#8859B6	—
source.elixir entity.name, source.elixir meta.function entity.name.function	#0000E0	—
source.elixir variable.other.constant	#2574A9	—
source.elixir entity.name.function-call, source.elixir source.elixir.embedded	#0F4880	—
source.elixir, source.elixir comment.wildcard, source.elixir comment, source.elixir punctuation.definition.comment, source.elixir meta.function.definition parameter	#696969	—
source.elixir comment, source.elixir punctuation.definition.comment	#B22222	—
source.elixir punctuation, source.elixir meta.function.definition	#8191A2	—
source.elixir variable.other.readwrite, source.elixir variable.other.readwrite punctuation	#1C2833	—