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 #FF7B00 activityBar.background #181818 activityBar.foreground #55A2C9 activityBarBadge.background #FF7B00 activityBarBadge.foreground #131313 badge.background #C2954C tokenColors TextMate scopes and font styles (syntax highlighting rules).
scope foreground fontStyle comment, punctuation.definition.comment #5F91AD 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 Amadeus Dark Theme | Coding Theme
badge.foreground
#000000
breadcrumb.background #131313
button.background #FF6600
button.foreground #292929
diffEditor.insertedTextBackground #75FF6817
diffEditor.removedTextBackground #FF4B4B1c
editor.background #131313
editor.findMatchHighlightBackground #06614A41
editor.foldBackground #19303B
editor.selectionBackground #2B6F8370
editor.selectionHighlightBackground #2B6F8330
editorGroupHeader.tabsBackground #131313
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 #09A3F050
list.activeSelectionForeground #7797A3
list.hoverForeground #FF7B00
list.inactiveSelectionBackground #172D2F
list.inactiveSelectionForeground #7797A3
list.warningForeground #B48A52
panelTitle.activeBorder #FF7B00
panelTitle.inactiveForeground #525252
sash.hoverBorder #A75000
selection.background #00EEFF31
sideBar.background #131313
sideBar.foreground #818181
sideBarSectionHeader.background #181818
sideBarSectionHeader.foreground #525252
sideBarTitle.foreground #818181
statusBar.background #114F79
statusBar.debuggingBackground #9900FF
statusBar.debuggingBorder #9900FF
statusBar.debuggingForeground #FFFB00
statusBar.foreground #9DE2FD
tab.activeBackground #131313
tab.activeBorder #FF7B00
tab.activeBorderTop #131313
tab.activeForeground #FFFFFF
tab.border #131313
tab.hoverBackground #1A1919
tab.inactiveBackground #131313
tab.inactiveForeground #696969
tab.unfocusedActiveBackground #131313
tab.unfocusedActiveBorder #A5DFBD
tab.unfocusedActiveForeground #9E9E9E
terminal.ansiBlack #203E50
terminal.ansiBlue #2B82B8
terminal.ansiBrightBlack #665C54
terminal.ansiBrightBlue #0695EE
terminal.ansiBrightCyan #38E9E9
terminal.ansiBrightGreen #AAFF48
terminal.ansiBrightMagenta #D43B9A
terminal.ansiBrightRed #FB543F
terminal.ansiBrightWhite #FDF4C1
terminal.ansiBrightYellow #FAC03B
terminal.ansiCyan #52CAC4
terminal.ansiGreen #3DB412
terminal.ansiMagenta #8F4673
terminal.ansiRed #E2442F
terminal.ansiWhite #FAC03B
terminal.ansiYellow #DBBE15
terminal.background #1E242B
terminal.foreground #DAD5C1
terminal.selectionBackground #6BB2B9
terminalCursor.background #B9D1D8
terminalCursor.foreground #BDE9D6
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 #82AAFF —
meta.block variable.other #F07178 —
support.other.variable, string.other.link #F07178 —
variable.other.readwrite.js.jsx, variable.other.readwrite.js, 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 #FFCB6B bold
entity.other.inherited-class.js.jsx, entity.other.inherited-class.js — bold
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 —
variable.language #FF5370 italic
entity.name.method.js #82AAFF italic
meta.class-method.js entity.name.function.js, variable.function.constructor #82AAFF —
meta.jsx.children.js, meta.jsx.children.js.jsx #d3d3d3 —
keyword.control.default.js #C792EA italic
support.variable.property.js #d88fa8 —
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.class #FFCB6B —
source.sass keyword.control #82AAFF —
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 #C792EA —
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json #FFCB6B —
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 #F78C6C —
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 #FF5370 —
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 #82AAFF —
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 #5F91AD italic
string.quoted.single.python #82F7F1 italic
support.type.python #82F7B3 —
string.quoted.double.html #C3E88D —
string.quoted.single.html #E9D567 —
string.unquoted.tag-string.django #3AB7FF —
storage.type.variable.django #59F5DB —
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 #82CCF7 —
constant.numeric.css #82F7AF —
keyword.other.unit.px.css, keyword.other.unit.rem.css, keyword.other.unit.em.css, keyword.other.unit.percentage.css #EB5AF0 bold
support.type.property-name.css #8DA8FF —
support.type.vendored.property-name.css #CFCA87 —
keyword.other.important.css #EB5317 —
string.quoted.double.css, string.quoted.single.css #82CCF7 italic
string.unquoted.js, meta.object-literal.key.js.jsx, meta.object-literal.key.js #43CA9B italic
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 #FAE19E —
variable.other.readwrite.alias.js.jsx, variable.other.readwrite.alias.js #D687CC —
string.quoted.single.js.jsx, string.quoted.single.js, string.quoted.double.js.jsx, string.quoted.double.js, string.template.js.jsx — italic
entity.other.inherited-class.python, storage.type.class.python, storage.type.function.python — italic bold
constant.language.python, constant.numeric.dec.python #FF8D22 —
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 —
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 } ! ` ;
}