Skip to main content
Home Theme VS Code Amadeus Dark Theme A Material based dark theme by Guillermo Brachetta
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.activeBorder #a85100 activityBar.background #222222 activityBar.foreground #30a2db activityBarBadge.background #a85100 activityBarBadge.foreground #383838 badge.background #a85100 tokenColors TextMate scopes and font styles (syntax highlighting rules).
scope foreground fontStyle comment, punctuation.definition.comment #587179 italic variable, string constant.other.placeholder #EEFFFF — constant.other.color #ffffff — invalid, invalid.illegal #FF5370 — keyword, storage.type, storage.modifier
Shiki preview TypeScript sample highlighted with this variant's colors and tokenColors.
Amadeus Dark Theme — Amadeus Dark Pastel Amadeus Dark Theme | Coding Theme
badge.foreground
#131313
breadcrumb.background #222222
breadcrumb.foreground #4a6572
button.background #a85100
button.foreground #292929
diffEditor.insertedTextBackground #75ff6817
diffEditor.removedTextBackground #ff4b4b1c
editor.background #1a1a1a
editor.findMatchHighlightBackground #06614a41
editor.foldBackground #2c2c2c
editor.selectionBackground #2b6f8370
editor.selectionHighlightBackground #2b6f8330
editorGroupHeader.tabsBackground #1a1a1a
editorGutter.addedBackground #096d09
editorGutter.background #161616
editorGutter.modifiedBackground #025d81
editorLineNumber.activeForeground #ff7b00
editorLineNumber.foreground #2b5266
editorRuler.foreground #3b3511
errorLens.errorForeground #d66e5b70
errorLens.hintForeground #3c9c5960
errorLens.infoForeground #57b6ee50
errorLens.warningForeground #ffa60060
focusBorder #202020
gitDecoration.addedResourceForeground #b6b442
gitDecoration.deletedResourceForeground #8b2d2d
gitDecoration.ignoredResourceForeground #3c4850
gitDecoration.modifiedResourceForeground #79925d
gitDecoration.untrackedResourceForeground #b49c75
list.activeSelectionBackground #09a3f02c
list.activeSelectionForeground #7797a3
list.errorForeground #9c3f19
list.hoverForeground #ff7b00
list.inactiveSelectionBackground #2a2a2a
list.inactiveSelectionForeground #7797a3
list.warningForeground #b48a52
panelTitle.activeBorder #ff7b00
panelTitle.inactiveForeground #525252
sash.hoverBorder #3c4850
selection.background #00eeff31
sideBar.background #161616
sideBar.foreground #818181
sideBarSectionHeader.background #1a1a1a
sideBarSectionHeader.foreground #435e70
sideBarTitle.foreground #818181
statusBar.background #243b41
statusBar.debuggingBackground #9900ff
statusBar.debuggingBorder #9900ff
statusBar.debuggingForeground #fffb00
statusBar.foreground #6eaec7
tab.activeBackground #1a1a1a
tab.activeBorder #ff7b00
tab.activeBorderTop #ff7b0041
tab.activeForeground #91b8c7
tab.border #272727
tab.hoverBackground #1a1919
tab.inactiveBackground #131313
tab.inactiveForeground #696969
tab.unfocusedActiveBackground #1a1a1a
tab.unfocusedActiveBorder #a5dfbd
tab.unfocusedActiveBorderTop #a5dfbd4f
tab.unfocusedActiveForeground #9e9e9e
terminal.ansiBlack #191919
terminal.ansiBlue #0D6678
terminal.ansiBrightBlack #665C54
terminal.ansiBrightBlue #0D6678
terminal.ansiBrightCyan #86c5ad
terminal.ansiBrightGreen #95C085
terminal.ansiBrightMagenta #8F4673
terminal.ansiBrightRed #FB543F
terminal.ansiBrightWhite #FDF4C1
terminal.ansiBrightYellow #FAC03B
terminal.ansiCyan #8BA59B
terminal.ansiGreen #95C085
terminal.ansiMagenta #8F4673
terminal.ansiRed #FB543F
terminal.ansiWhite #A89984
terminal.ansiYellow #b88d2b
terminal.background #1D2021
terminal.foreground #dbbe94
terminal.selectionBackground #b97d6b
terminalCursor.background #A89984
terminalCursor.foreground #A89984
tree.indentGuidesStroke #868686 keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution #89DDFF —
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter #f07178 —
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method #7a97d6 —
meta.block variable.other #f07178 —
support.other.variable, string.other.link #f07178 —
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other #F78C6C —
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js #C3E88D —
entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types #FFCB6B —
entity.name.type.class.js.jsx, entity.name.type.class.js #cc9e47 bold
variable.other.readwrite.js.jsx, variable.other.readwrite.js #d68b79 —
entity.other.inherited-class.js.jsx, entity.other.inherited-class.js — bold
keyword.control.default.js #C792EA italic
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name #B2CCD6 —
entity.name.module.js, variable.import.parameter.js, variable.other.class.js #FF5370 —
support.variable.property.js #d88fa8 —
variable.language #FF5370 italic
entity.name.method.js #82AAFF italic
meta.class-method.js entity.name.function.js, variable.function.constructor, entity.name.function.js, support.function.json.js #a39fec —
entity.other.attribute-name #C792EA —
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name #FFCB6B italic
entity.other.attribute-name.html #c196df italic
entity.other.attribute-name.class #ebcb90 bold
source.sass keyword.control, entity.other.attribute-name.id.css, keyword.control.at-rule.keyframes.css, keyword.control.at-rule.media.css #c56edb bold
constant.character.escape #89DDFF —
*url*, *link*, *uri* — underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js #82AAFF italic
source.js constant.other.object.key.js string.unquoted.label.js #FF5370 italic
source.json meta.structure.dictionary.json support.type.property-name.json #77cbfb —
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json #dfd0b4 —
source.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 #d6927d —
source.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 #b15463 —
source.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 #C17E70 —
source.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 #7693d1 —
source.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 #f07178 —
source.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 #C792EA —
source.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 #C3E88D —
text.html.markdown, punctuation.definition.list_item.markdown #EEFFFF —
text.html.markdown markup.inline.raw.markdown #C792EA —
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown #65737E —
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown #C3E88D —
markup.italic #f07178 italic
markup.bold, markup.bold string #f07178 bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string #f07178 bold
markup.underline #F78C6C underline
markup.quote punctuation.definition.blockquote.markdown #65737E —
string.other.link.title.markdown #82AAFF —
string.other.link.description.title.markdown #C792EA —
constant.other.reference.link.markdown #FFCB6B —
markup.raw.block.fenced.markdown #00000050 —
punctuation.definition.fenced.markdown #00000050 —
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end #EEFFFF —
variable.language.fenced.markdown #65737E —
meta.separator #65737E bold
string.quoted.docstring.multi.python punctuation.definition.string.begin.python, string.quoted.docstring.multi.python punctuation.definition.string.end.python, string.quoted.docstring.multi.python, comment.line.number-sign.python #536b58 italic
string.quoted.single.python #71d6b4 italic
variable.language.special.self.python #d85959 italic
support.type.python #82f7b3 —
string.quoted.double.html, string.quoted.single.html #a5c476 —
string.unquoted.tag-string.django #72bbe6 —
storage.type.variable.django #bb6095 —
keyword.control.filter.django #59f5db italic
keyword.control.tag-name.django #11b8b8 italic bold
support.type.object.dom.js #93f3be —
variable.other.object.js #e6d6ab italic
support.type.exception.python #5dc962 —
variable.other.dollar.js #b95dc9 —
variable.other.env #67b9ce —
source.env, comment.line.number-sign.env #eee9a2 —
constant.language.env #eb5317 —
keyword.operator.assignment.env #ce0808 —
meta.function-call.generic.python #9dcae5 —
constant.numeric.css #6cc08c —
keyword.other.unit.px.css, keyword.other.unit.rem.css, keyword.other.unit.em.css, keyword.other.unit.percentage.css, keyword.other.unit.deg.css #e281e6 bold
support.type.property-name.css #72bdd4 —
support.type.vendored.property-name.css #cfca87 —
keyword.other.important.css #eb5317 —
string.quoted.double.css, string.quoted.single.css #93d397 italic
string.unquoted.js, meta.object-literal.key.js.jsx, meta.object-literal.key.js #50a084 italic
variable.language.this.js, variable.language.super.js #b86f7b italic
variable.parameter.js #d6966b —
support.class.component.open.jsx, support.class.component.close.jsx #49e295 —
support.type.object.console.js #2cac6c —
variable.other.property.js.jsx, variable.other.property.js, variable.other.object.property.js.jsx, variable.other.object.property.js #d8cdae —
variable.other.readwrite.alias.js.jsx, variable.other.readwrite.alias.js #fab9f1 —
string.quoted.single.js.jsx, string.quoted.single.js, string.quoted.double.js.jsx, string.quoted.double.js, string.template.js.jsx #a7c799 italic
support.class.component.js #f0ad76 —
entity.other.inherited-class.python, storage.type.class.python, storage.type.function.python — italic bold
constant.language.python, constant.numeric.dec.python #df725e —
variable.parameter.function-call.python #74c4c4 —
keyword.operator.assignment.python #bcffdb —
entity.name.section.markdown #ff8d22 bold
meta.paragraph.markdown #cecece —
string.quoted.double.json.comments, string.quoted.double.json, meta.structure.dictionary.value.json, meta.structure.dictionary.value.json.comments #86c2df —
meta.jsx.children.js, meta.jsx.children.js.jsx #d0d0d0 —
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 } ! ` ;
}
Ln 5, Col 12
Spaces: 2
UTF-8
LF
TypeScript
Dark+
fetchUser.ts
index.ts
README.md
src
components
fetchUser.ts
Button.tsx
Modal.tsx
hooks
utils
index.ts
public
README.md
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
31
32
33
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 $
package.json
tsconfig.json
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 } ! ` ;
}