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#00bfff
- activityBar.background#121212
- activityBar.border#1b1f23
- activityBar.foreground#00bfff
- activityBar.inactiveForeground#00bfff
- activityBarBadge.background#00bfff
- activityBarBadge.foreground#000000
- badge.background#00bfff
- badge.foreground#000000
- breadcrumb.activeSelectionForeground#d1d5da
- breadcrumb.focusForeground#e1e4e8
- breadcrumb.foreground#959da5
- breadcrumbPicker.background#2b3036
- button.background#00bfff
- button.foreground#dcffe4
- button.hoverBackground#0080ff
- button.secondaryBackground#444d56
- button.secondaryForeground#ffffff
- button.secondaryHoverBackground#586069
- checkbox.background#444d56
- checkbox.border#1b1f23
- debugToolBar.background#2b3036
- descriptionForeground#959da5
- diffEditor.insertedTextBackground#28a74530
- diffEditor.removedTextBackground#d73a4930
- dropdown.background#2f363d
- dropdown.border#00bfff
- dropdown.foreground#e1e4e8
- dropdown.listBackground#24292e
- editor.background#000000
- editor.findMatchBackground#67769660
- editor.findMatchBorder#00bffff0
- editor.findMatchHighlightBackground#67769660
- editor.focusedStackFrameHighlightBackground#2b6a3033
- editor.foldBackground#58606915
- editor.foreground#e1e4e8
- editor.inactiveSelectionBackground#ffffff1f
- editor.lineHighlightBackground#2b3036
- editor.linkedEditingBackground#3392ff22
- editor.selectionBackground#00bfff80
- editor.selectionHighlightBackground#ffffff0f
- editor.selectionHighlightBorder#00bfff00
- editor.stackFrameHighlightBackground#c6902625
- editor.wordHighlightBackground#17e5e600
- editor.wordHighlightBorder#626d7779
- editor.wordHighlightStrongBackground#17e5e600
- editor.wordHighlightStrongBorder#626d77e0
- editorBracketMatch.background#ffffff1f
- editorBracketMatch.border#00bfff00
- editorCursor.foreground#00bfff
- editorGroup.border#1b1f23
- editorGroupHeader.tabsBackground#1e1e1e
- editorGroupHeader.tabsBorder#1b1f23
- editorGutter.addedBackground#28a745
- editorGutter.deletedBackground#ea4a5a
- editorGutter.modifiedBackground#2188ff
- editorLineNumber.activeForeground#00bfff
- editorLineNumber.foreground#626d77
- editorOverviewRuler.border#1b1f23
- editorWhitespace.foreground#444d56
- editorWidget.background#1f2428
- errorForeground#f97583
- focusBorder#00bfff
- foreground#d1d5da
- gitDecoration.addedResourceForeground#34d058
- gitDecoration.conflictingResourceForeground#ffab70
- gitDecoration.deletedResourceForeground#ea4a5a
- gitDecoration.ignoredResourceForeground#6a737d
- gitDecoration.modifiedResourceForeground#79b8ff
- gitDecoration.submoduleResourceForeground#6a737d
- gitDecoration.untrackedResourceForeground#34d058
- icon.foreground#00bfff
- input.background#2f363d
- input.border#1b1f23
- input.foreground#e1e4e8
- input.placeholderForeground#959da5
- inputOption.activeBackground#00bfff00
- inputOption.activeBorder#00bfff
- list.activeSelectionBackground#00bfff33
- list.activeSelectionForeground#00bfff
- list.focusBackground#454d55
- list.hoverBackground#282e34
- list.hoverForeground#e1e4e8
- list.inactiveFocusBackground#33393f
- list.inactiveSelectionBackground#00bfff33
- list.inactiveSelectionForeground#00bfff
- menu.selectionBackground#282e34
- menu.selectionForeground#00bfff
- menubar.selectionBackground#282e34
- menubar.selectionForeground#00bfff
- notificationCenterHeader.background#24292e
- notificationCenterHeader.foreground#959da5
- notifications.background#2f363d
- notifications.border#1b1f23
- notifications.foreground#e1e4e8
- notificationsErrorIcon.foreground#ea4a5a
- notificationsInfoIcon.foreground#79b8ff
- notificationsWarningIcon.foreground#ffab70
- panel.background#121212
- panel.border#1b1f23
- panelInput.border#2f363d
- panelTitle.activeBorder#00bfff
- panelTitle.activeForeground#e1e4e8
- panelTitle.inactiveForeground#959da5
- peekViewEditor.background#1f242888
- peekViewEditor.matchHighlightBackground#ffd33d33
- peekViewResult.background#1f2428
- peekViewResult.matchHighlightBackground#ffd33d33
- pickerGroup.border#444d56
- pickerGroup.foreground#00bfff
- progressBar.background#00bfff
- quickInput.background#24292e
- quickInput.foreground#e1e4e8
- scrollbar.shadow#00000088
- scrollbarSlider.activeBackground#6a737d66
- scrollbarSlider.background#6a737d33
- scrollbarSlider.hoverBackground#6a737d44
- settings.headerForeground#e1e4e8
- settings.modifiedItemIndicator#0366d6
- sideBar.background#121212
- sideBar.border#1b1f23
- sideBar.foreground#d1d5da
- sideBarSectionHeader.background#1e1e1e
- sideBarSectionHeader.border#1b1f23
- sideBarSectionHeader.foreground#e1e4e8
- sideBarTitle.foreground#00bfff
- statusBar.background#00bfff
- statusBar.border#1b1f23
- statusBar.debuggingBackground#00bfff
- statusBar.debuggingForeground#000000
- statusBar.foreground#000000
- statusBar.noFolderBackground#00bfff
- statusBar.noFolderForeground#000000
- statusBarItem.prominentBackground#00bfff
- tab.activeBackground#000000
- tab.activeBorder#24292e
- tab.activeBorderTop#00bfff
- tab.activeForeground#00bfff
- tab.border#1b1f23
- tab.hoverBackground#24292e
- tab.inactiveBackground#121212
- tab.inactiveForeground#cccccc
- tab.unfocusedActiveBorder#24292e
- tab.unfocusedActiveBorderTop#1b1f23
- tab.unfocusedHoverBackground#24292e
- terminal.ansiBlack#3f4451
- terminal.ansiBlue#4aa5f0
- terminal.ansiBrightBlack#4f5666
- terminal.ansiBrightBlue#4dc4ff
- terminal.ansiBrightCyan#4cd1e0
- terminal.ansiBrightGreen#a5e075
- terminal.ansiBrightMagenta#de73ff
- terminal.ansiBrightRed#ff616e
- terminal.ansiBrightWhite#d7dae0
- terminal.ansiBrightYellow#f0a45d
- terminal.ansiCyan#82aaff
- terminal.ansiGreen#98c379
- terminal.ansiMagenta#c792ea
- terminal.ansiRed#e05561
- terminal.ansiWhite#e6e6e6
- terminal.ansiYellow#f69d50
- terminal.background#000000
- terminal.foreground#d1d5da
- textBlockQuote.background#24292e
- textBlockQuote.border#444d56
- textCodeBlock.background#2f363d
- textLink.activeForeground#cf5d00
- textLink.foreground#00bfff
- textPreformat.foreground#d1d5da
- textSeparator.foreground#586069
- titleBar.activeBackground#121212
- titleBar.activeForeground#00bfff
- titleBar.border#1b1f23
- titleBar.inactiveBackground#1e1e1e
- titleBar.inactiveForeground#cccccc
- tree.indentGuidesStroke#2f363d
- welcomePage.progress.foreground#00bfff
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #ABB2BF | italic |
| keyword.control, keyword.operator.new, storage.type.function.arrow, keyword.other.debugger | #C792EA | — |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.assignment, keyword.operator.bitwise, keyword.operator.logical | #00bfff | — |
| entity.name.function, support.function, meta.function-call, entity.name.method | #00bfff | — |
| variable.parameter, variable.other.readwrite, variable.other.property, variable.other.object, entity.name.variable, support.variable | #ffe600 | — |
| constant.numeric, constant.language, support.constant | #FF5370 | — |
| string, punctuation.definition.string, markup.inline.raw | #98C379 | — |
| entity.name.type, entity.name.class, storage.type, support.class, entity.name.module | #F69D50 | — |
| entity.name.tag | #F07178 | — |
| entity.other.attribute-name | #FFCB6B | — |
| punctuation.separator, punctuation.accessor, punctuation.terminator, punctuation.section, punctuation.definition.tag | #e1e4e8 | — |
| variable.language | #FF5370 | — |