Dark Amber VSCode Theme
Publisher: error-four-o-fourThemes in package: 1
Yet another theme ...
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.activeBorder#FFF9EC
- activityBar.background#0D0D0D
- activityBar.dropBorder#FFBF00
- activityBar.foreground#FFF9EC
- activityBar.inactiveForeground#696969
- activityBarBadge.background#FFBF00
- activityBarBadge.foreground#0D0D0D
- badge.background#FFBF00
- badge.foreground#0D0D0D
- button.background#696969
- button.foreground#FFF9EC
- button.hoverBackground#FFBF00
- contrastBorder#0000FF00
- descriptionForegrounddefault
- disabledForegrounddefault
- dropdown.foreground#F7F7F7
- editor.background#212121
- editor.findMatchHighlightBackground#FFBF003C
- editor.foldBackground#FFFFFF21
- editor.foreground#F7F7F7
- editor.hoverHighlightBackground#FFBF002E
- editor.lineHighlightBorder#0000FF00
- editor.selectionBackground#FFBF002E
- editor.selectionHighlightBackground#FFBF003C
- editor.wordHighlightBackground#FFFFFF14
- editor.wordHighlightStrongBackground#FFFFFF21
- editorBracketMatch.background#00000000
- editorBracketMatch.border#00000000
- editorCursor.background#0D0D0D
- editorCursor.foreground#FFBF00
- editorGroup.dropBackground#FFBF0021
- editorGroupHeader.border#2E2E2E
- editorGroupHeader.tabsBackground#1A1A1A
- editorHoverWidget.border#B38715
- editorIndentGuide.activeBackground1#684A00
- editorIndentGuide.background1#4A3C00
- editorLightBulb.foreground#00BFFF
- editorLink.activeForeground#00BFFF
- editorOverviewRuler.background#212121
- editorOverviewRuler.border#0000FF00
- editorRuler.foreground#2A2A2A
- editorStickyScroll.background#212121
- editorStickyScroll.border#2E2E2E
- editorStickyScroll.shadow#0000002E
- editorWhitespace.foreground#3C3C3C
- errorForegrounddefault
- extensionIcon.preReleaseForeground#BFFF0069
- extensionIcon.verifiedForeground#FFBF00
- focusBorder#FFBF00
- foreground#C4C4C4
- icon.foreground#C4C4C4
- inputOption.activeBorder#FFCB2E
- keybindingLabel.background#242424
- keybindingLabel.border#808080
- keybindingLabel.bottomBorder#696969
- keybindingLabel.foreground#C4C4C4
- list.activeSelectionBackground#3C3C3C
- list.activeSelectionForeground#F2F2F2
- list.dropBackground#FFBF0021
- list.dropBetweenBackground#FFBF0021
- list.focusBackground#4A4A4A
- list.focusForeground#F2F2F2
- list.focusOutline#00000000
- list.highlightForeground#FFCB2E
- list.hoverBackground#4A4A4A
- list.hoverForeground#F2F2F2
- list.inactiveSelectionBackground#3C3C3C
- menu.background#2E2E2E
- menu.separatorBackground#3C3C3C
- panel.background#1A1A1A
- panel.border#3C3C3C
- panelTitle.inactiveForeground#686868
- peekView.border#FFBF00
- peekViewEditor.background#2A2A2A
- peekViewResult.background#212121
- peekViewResult.selectionBackground#3C3C3C
- peekViewResult.selectionForeground#F2F2F2
- peekViewTitle.background#3C3C3C
- ports.iconRunningProcessForeground#BFFF00
- progressBar.background#FFBF00
- scmGraph.historyItemHoverDefaultLabelBackground#CC1899
- scmGraph.historyItemHoverDefaultLabelForeground#F2F2F2
- scmGraph.historyItemRefColor#1F87B2
- scmGraph.historyItemRemoteRefColor#769A1B
- scrollbar.shadow#0000FF00
- scrollbarSlider.activeBackground#696969A9
- scrollbarSlider.background#6969693C
- scrollbarSlider.hoverBackground#69696996
- selection.background#4A4A4A
- settings.focusedRowBackground#2E2E2E
- settings.focusedRowBorder#3C3C3C
- settings.modifiedItemIndicator#FFBF00
- settings.rowHoverBackground#2E2E2E
- sideBar.background#2E2E2E
- sideBar.dropBackground#FFBF0066
- sideBar.foreground#C4C4C4
- sideBarSectionHeader.background#4A4A4A
- sideBarSectionHeader.foreground#C4C4C4
- sideBarTitle.background#282828
- statusBar.background#0D0D0D
- statusBar.foreground#696969
- statusBarItem.hoverForeground#C4C4C4
- symbolIcon.typeParameterForeground#FF68B8
- symbolIcon.variableForeground#13ACE5
- tab.activeBackground#1A1A1A
- tab.activeForeground#FFF9EC
- tab.border#0000FF00
- tab.inactiveBackground#1A1A1A
- tab.selectedBackground#FFBF0068
- terminalCursor.background#FFBF00
- terminalCursor.foreground#FFBF00
- textLink.activeForeground#FFBF00
- textLink.foreground#FFBF00
- titleBar.activeBackground#0D0D0D
- titleBar.inactiveBackground#0D0D0D
- titleBar.inactiveForeground#696969
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #787878 | italic |
| constant | #ff628c | — |
| entity | #ffc600 | — |
| invalid | #f44542 | — |
| storage.type.function | #ff9d00 | — |
| keyword, storage.type.class, keyword.control.default.ts | #ff9d00 | — |
| markup.inserted, meta.diff.header.to-file | #a5ff90 | — |
| punctuation.definition.inserted | #a5ff90cc | — |
| markup.deleted, meta.diff.header.from-file | #ff628c | — |
| punctuation.definition.deleted | #ff628ccc | — |
| meta | #9effff | — |
| meta.jsx.children, meta.jsx.children.js, meta.jsx.children.tsx | #fff | — |
| meta.brace | #e1efff | — |
| punctuation | #e1efff | — |
| punctuation.definition.parameters | #ffee80 | — |
| punctuation.definition.template-expression | #ffee80 | — |
| storage | #ffc600 | — |
| storage.type.function.arrow | #ffc600 | — |
| string, punctuation.definition.string | #a5ff90 | — |
| string.template, punctuation.definition.string.template | #3ad900 | — |
| support | #80ffbb | — |
| support.function | #ff9d00 | — |
| support.variable.property.dom | #e1efff | — |
| variable | #e1efff | — |
| source.css entity, source.stylus entity | #3ad900 | — |
| entity.other.attribute-name.id.css | #FFB454 | — |
| entity.name.tag | #9EFFFF | — |
| source.css support, source.stylus support | #a5ff90 | — |
| source.css constant, source.css support.constant, source.stylus constant, source.stylus support.constant | #ffee80 | — |
| source.css string, source.css punctuation.definition.string, source.stylus string, source.stylus punctuation.definition.string | #ffee80 | — |
| source.css variable, source.stylus variable | #9effff | — |
| text.html.basic entity.name | #9effff | — |
| meta.toc-list.id.html | #A5FF90 | — |
| text.html.basic entity.other | #ffc600 | italic |
| meta.tag.metadata.script.html entity.name.tag.html | #ffc600 | — |
| punctuation.definition.string.begin, punctuation.definition.string.end | #92fc79 | — |
| source.ini entity | #e1efff | — |
| source.ini keyword | #ffc600 | — |
| source.ini punctuation.definition | #ffee80 | — |
| source.ini punctuation.separator | #ff9d00 | — |
| source.js storage.type.function, source.ts storage.type.function | #fb94ff | — |
| variable.language, entity.name.type.class.js | #fb94ff | — |
| entity.other.inherited-class.js | #ccc | — |
| variable.parameter.function.language.special.self.python, meta.function-call.generic.python | #9effff | — |
| meta.function-call.arguments.python | #fb94ff | — |
| source.json support | #ffc600 | — |
| source.json string, source.json punctuation.definition.string | #e1efff | — |
| punctuation.definition.heading.markdown | #e1efff | — |
| entity.name.section.markdown, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown | #ffc600 | bold |
| meta.paragraph.markdown | #e1efff | — |
| beginning.punctuation.definition.quote.markdown | #ffc600 | — |
| markup.quote.markdown meta.paragraph.markdown | #9effff | italic |
| meta.separator.markdown | #ffc600 | — |
| markup.bold.markdown | #9effff | bold |
| markup.italic.markdown | #9effff | italic |
| beginning.punctuation.definition.list.markdown | #ffc600 | — |
| string.other.link.title.markdown | #a5ff90 | — |
| string.other.link.title.markdown, string.other.link.description.markdown, string.other.link.description.title.markdown | #a5ff90 | — |
| markup.underline.link.markdown, markup.underline.link.image.markdown | #9effff | — |
| fenced_code.block.language, markup.inline.raw.markdown | #9effff | — |
| fenced_code.block.language, markup.inline.raw.markdown | #9effff | — |
| text.jade entity.name | #9effff | — |
| text.jade entity.other.attribute-name.tag | — | italic |
| text.jade string.interpolated | #ffee80 | — |
| source.ts entity.name.type | #80ffbb | — |
| source.ts keyword | #ffc600 | — |
| source.ts punctuation.definition.parameters | #e1efff | — |
| meta.arrow.ts punctuation.definition.parameters | #ffee80 | — |
| source.php entity | #9effff | — |
| variable.other.php | #ffc600 | — |
| storage.type.cs | #9effff | — |
| entity.name.variable.property.cs | #9effff | — |
| storage.modifier.cs | #80ffbb | — |
| modifier, this, comment, storage.modifier, entity.other.attribute-name.js, entity.other.attribute-name.js, entity.other.attribute-name.ts, entity.other.attribute-name.tsx, entity.other.attribute-name.html | — | italic |
| keyword.control.export | #ff9d00 | italic |
| meta.return.type.ts | #ff0088 | italic |