AmberStudio
Publisher: HantigoZoreThemes in package: 18
A refined collection of Visual Studio Code themes crafted with care and inspired by the warmth of amber.
Color themes
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#ff4500
- activityBar.background#181614
- activityBar.border#3a3330
- activityBar.foreground#ff4500
- activityBar.inactiveForeground#ff4500
- activityBarBadge.background#ffffff
- activityBarBadge.foreground#ff4500
- badge.background#ff4500
- badge.foreground#0d0d0b
- breadcrumb.activeSelectionForeground#ffffff
- breadcrumb.focusForeground#e4ddd8
- breadcrumb.foreground#a09890
- breadcrumbPicker.background#1a1816
- button.background#ff4500
- button.foreground#ffffff
- button.hoverBackground#e03e00
- button.secondaryBackground#3a3330
- button.secondaryForeground#ffffff
- button.secondaryHoverBackground#4a4440
- checkbox.background#181614
- checkbox.border#ff4500
- debugToolBar.background#1a1816
- descriptionForeground#a09890
- diffEditor.insertedTextBackground#6aaa6a30
- diffEditor.removedTextBackground#ff450030
- dropdown.background#1a1816
- dropdown.border#ff4500
- dropdown.foreground#e4ddd8
- dropdown.listBackground#181614
- editor.background#0d0d0b
- editor.findMatchBackground#ff450060
- editor.findMatchBorder#ff4500
- editor.findMatchHighlightBackground#ff450030
- editor.focusedStackFrameHighlightBackground#2b6a3033
- editor.foldBackground#3a333030
- editor.foreground#e4ddd8
- editor.inactiveSelectionBackground#e4ddd81f
- editor.lineHighlightBackground#1a1816
- editor.linkedEditingBackground#ff450022
- editor.selectionBackground#ff450050
- editor.selectionHighlightBackground#ff450020
- editor.selectionHighlightBorder#ff450000
- editor.stackFrameHighlightBackground#c6902625
- editor.wordHighlightBackground#ffffff10
- editor.wordHighlightBorder#ff450050
- editor.wordHighlightStrongBackground#ffffff15
- editor.wordHighlightStrongBorder#ff450090
- editorBracketMatch.background#ff450030
- editorBracketMatch.border#ff4500
- editorCursor.foreground#ff4500
- editorGroup.border#3a3330
- editorGroupHeader.tabsBackground#0d0d0b
- editorGroupHeader.tabsBorder#3a3330
- editorGutter.addedBackground#6aaa6a
- editorGutter.deletedBackground#ff4500
- editorGutter.modifiedBackground#80aad0
- editorLineNumber.activeForeground#ff4500
- editorLineNumber.foreground#3a3330
- editorOverviewRuler.border#3a3330
- editorWhitespace.foreground#3a3330
- editorWidget.background#1a1816
- editorWidget.border#ff4500
- errorForeground#d94f5a
- focusBorder#ff4500
- foreground#e4ddd8
- gitDecoration.addedResourceForeground#8acc8a
- gitDecoration.conflictingResourceForeground#e0c080
- gitDecoration.deletedResourceForeground#ff4500
- gitDecoration.ignoredResourceForeground#6e6662
- gitDecoration.modifiedResourceForeground#80aad0
- gitDecoration.submoduleResourceForeground#a09890
- gitDecoration.untrackedResourceForeground#8acc8a
- icon.foreground#ff4500
- input.background#1a1816
- input.border#3a3330
- input.foreground#e4ddd8
- input.placeholderForeground#a09890
- inputOption.activeBackground#ff450030
- inputOption.activeBorder#ff4500
- list.activeSelectionBackground#ff450033
- list.activeSelectionForeground#ff4500
- list.focusBackground#3a3330
- list.focusForeground#ffffff
- list.hoverBackground#1a1816
- list.hoverForeground#ffffff
- list.inactiveFocusBackground#25221f
- list.inactiveSelectionBackground#ff450015
- list.inactiveSelectionForeground#ff4500
- menu.selectionBackground#ff4500
- menu.selectionForeground#ffffff
- menubar.selectionBackground#1a1816
- menubar.selectionForeground#ff4500
- notificationCenterHeader.background#1a1816
- notificationCenterHeader.foreground#ff4500
- notifications.background#181614
- notifications.border#ff4500
- notifications.foreground#e4ddd8
- notificationsErrorIcon.foreground#d94f5a
- notificationsInfoIcon.foreground#80aad0
- notificationsWarningIcon.foreground#e0c080
- panel.background#0d0d0b
- panel.border#3a3330
- panelInput.border#3a3330
- panelTitle.activeBorder#ff4500
- panelTitle.activeForeground#ff4500
- panelTitle.inactiveForeground#a09890
- peekViewEditor.background#1a1816
- peekViewEditor.matchHighlightBackground#ff450040
- peekViewResult.background#181614
- peekViewResult.matchHighlightBackground#ff450040
- pickerGroup.border#3a3330
- pickerGroup.foreground#ff4500
- progressBar.background#ff4500
- quickInput.background#181614
- quickInput.foreground#e4ddd8
- scrollbar.shadow#000000
- scrollbarSlider.activeBackground#ff450080
- scrollbarSlider.background#3a333080
- scrollbarSlider.hoverBackground#ff450050
- settings.headerForeground#ff4500
- settings.modifiedItemIndicator#ff4500
- sideBar.background#181614
- sideBar.border#3a3330
- sideBar.foreground#a09890
- sideBarSectionHeader.background#181614
- sideBarSectionHeader.border#3a3330
- sideBarSectionHeader.foreground#ff4500
- sideBarTitle.foreground#ff4500
- statusBar.background#ff4500
- statusBar.border#ff4500
- statusBar.debuggingBackground#ff4500
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#ff4500
- statusBar.noFolderForeground#ffffff
- statusBarItem.prominentBackground#e03e00
- tab.activeBackground#0d0d0b
- tab.activeBorder#0d0d0b
- tab.activeBorderTop#ff4500
- tab.activeForeground#ff4500
- tab.border#3a3330
- tab.hoverBackground#1a1816
- tab.inactiveBackground#181614
- tab.inactiveForeground#a09890
- tab.unfocusedActiveBorder#0d0d0b
- tab.unfocusedActiveBorderTop#3a3330
- tab.unfocusedHoverBackground#1a1816
- terminal.ansiBlack#3a3330
- terminal.ansiBlue#5a8ab0
- terminal.ansiBrightBlack#6e6662
- terminal.ansiBrightBlue#80aad0
- terminal.ansiBrightCyan#6ac0c0
- terminal.ansiBrightGreen#8acc8a
- terminal.ansiBrightMagenta#c088a8
- terminal.ansiBrightRed#ff4500
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#e0c080
- terminal.ansiCyan#4a9898
- terminal.ansiGreen#6aaa6a
- terminal.ansiMagenta#a06888
- terminal.ansiRed#d94f5a
- terminal.ansiWhite#e4ddd8
- terminal.ansiYellow#c8a050
- terminal.background#0d0d0b
- terminal.foreground#e4ddd8
- textBlockQuote.background#1a1816
- textBlockQuote.border#ff4500
- textCodeBlock.background#181614
- textLink.activeForeground#ffffff
- textLink.foreground#ff4500
- textPreformat.foreground#e0c080
- textSeparator.foreground#3a3330
- titleBar.activeBackground#0d0d0b
- titleBar.activeForeground#ff4500
- titleBar.border#3a3330
- titleBar.inactiveBackground#181614
- titleBar.inactiveForeground#a09890
- tree.indentGuidesStroke#3a3330
- welcomePage.progress.foreground#ff4500
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #a09890 | italic |
| keyword, storage.type, storage.modifier, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical, keyword.operator.delete, variable.language | #ff4500 | bold |
| entity.name.function, meta.function-call, support.function, entity.name.method, meta.method-call | #e0c080 | — |
| entity.name.type, entity.name.class, support.class, support.type | #80aad0 | — |
| string, punctuation.definition.string, string.quoted | #8acc8a | — |
| constant.numeric, constant.language.boolean, constant.language.null, constant.language.undefined, support.constant | #c088a8 | — |
| variable, variable.parameter, variable.other, variable.name | #e4ddd8 | — |
| variable.other.property, meta.property.object, support.variable.property | #6ac0c0 | — |
| punctuation, meta.brace, punctuation.definition.parameters, punctuation.definition.block, keyword.operator.assignment, keyword.operator.arithmetic | #c8c0b8 | — |
| entity.name.tag, meta.tag.sgml, punctuation.definition.tag | #ff4500 | — |
| entity.other.attribute-name | #e0c080 | italic |
| markup.heading, markup.heading entity.name | #ff4500 | bold |
| markup.bold | #e0c080 | bold |
| markup.italic | #6ac0c0 | italic |
| markup.inline.raw | #8acc8a | — |
| invalid, invalid.illegal | #ffffff | — |