Amp Theme
Publisher: Hanna RoseThemes in package: 2
An editor theme highly based on the website for Amp
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.activeBackground#00000000
- activityBar.activeBorder#E7894C
- activityBar.activeFocusBorder#E7894C
- activityBar.background#0F0F0F
- activityBar.border#262626
- activityBar.dropBorder#E7894C
- activityBar.foreground#E1E1E1
- activityBar.inactiveForeground#B8AFA0
- activityBarBadge.background#E7894C
- activityBarBadge.foreground#161616
- badge.background#E7894C
- badge.foreground#161616
- breadcrumb.activeSelectionForeground#F2ECDD
- breadcrumb.background#161616
- breadcrumb.focusForeground#F2ECDD
- breadcrumb.foreground#B8AFA0
- breadcrumbPicker.background#1A1A1A
- button.background#E7894C
- button.foreground#161616
- button.hoverBackground#E7894C
- button.secondaryBackground#1E1E1E
- button.secondaryForeground#F2ECDD
- button.secondaryHoverBackground#252525
- charts.blue#6A9FCC
- charts.foreground#F2ECDD
- charts.green#7C9B96
- charts.lines#627987
- charts.orange#E7894C
- charts.purple#B98BA4
- charts.red#D9634F
- charts.yellow#E3A25A
- checkbox.background#1E1E1E
- checkbox.border#262626
- checkbox.foreground#F2ECDD
- debugConsole.errorForeground#D9634F
- debugConsole.infoForeground#6A9FCC
- debugConsole.sourceForeground#B8AFA0
- debugConsole.warningForeground#E3A25A
- debugConsoleInputIcon.foreground#E7894C
- debugExceptionWidget.background#1A1A1A
- debugExceptionWidget.border#D9634F
- debugIcon.breakpointCurrentStackframeForeground#E7894C
- debugIcon.breakpointDisabledForeground#62798760
- debugIcon.breakpointForeground#D9634F
- debugIcon.breakpointStackframeForeground#E3A25A
- debugIcon.breakpointUnverifiedForeground#E3A25A
- debugIcon.continueForeground#7C9B96
- debugIcon.disconnectForeground#D9634F
- debugIcon.pauseForeground#6A9FCC
- debugIcon.restartForeground#7C9B96
- debugIcon.startForeground#7C9B96
- debugIcon.stepBackForeground#6A9FCC
- debugIcon.stepIntoForeground#6A9FCC
- debugIcon.stepOutForeground#6A9FCC
- debugIcon.stepOverForeground#6A9FCC
- debugIcon.stopForeground#D9634F
- debugToolBar.background#1A1A1A
- debugToolBar.border#262626
- descriptionForeground#B8AFA0
- diffEditor.border#262626
- diffEditor.diagonalFill#26262640
- diffEditor.insertedTextBackground#7C9B9620
- diffEditor.insertedTextBorder#7C9B96
- diffEditor.removedTextBackground#D9634F20
- diffEditor.removedTextBorder#D9634F
- disabledForeground#6B6760
- dropdown.background#1E1E1E
- dropdown.border#262626
- dropdown.foreground#F2ECDD
- dropdown.listBackground#1A1A1A
- editor.background#161616
- editor.findMatchBackground#E3A25A40
- editor.findMatchBorder#E3A25A
- editor.findMatchHighlightBackground#E3A25A30
- editor.findMatchHighlightBorder#00000000
- editor.findRangeHighlightBackground#E3A25A20
- editor.findRangeHighlightBorder#00000000
- editor.foreground#F2ECDD
- editor.hoverHighlightBackground#62798720
- editor.inactiveSelectionBackground#E7894C20
- editor.lineHighlightBackground#1E1E1E
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#1E1E1E
- editor.rangeHighlightBorder#00000000
- editor.selectionBackground#E7894C30
- editor.selectionForeground#F2ECDD
- editor.selectionHighlightBackground#316E9920
- editor.selectionHighlightBorder#00000000
- editor.symbolHighlightBackground#316E9920
- editor.symbolHighlightBorder#00000000
- editor.wordHighlightBackground#316E9920
- editor.wordHighlightBorder#00000000
- editor.wordHighlightStrongBackground#E3A25A30
- editor.wordHighlightStrongBorder#00000000
- editorBracketMatch.background#00000000
- editorBracketMatch.border#627987
- editorCodeLens.foreground#627987
- editorCursor.background#161616
- editorCursor.foreground#E7894C
- editorError.background#D9634F20
- editorError.border#00000000
- editorError.foreground#D9634F
- editorGroup.border#00000000
- editorGroup.dropBackground#E7894C20
- editorGroupHeader.border#00000000
- editorGroupHeader.noTabsBackground#161616
- editorGroupHeader.tabsBackground#161616
- editorGroupHeader.tabsBorder#262626
- editorGutter.addedBackground#7C9B96
- editorGutter.background#161616
- editorGutter.deletedBackground#D9634F
- editorGutter.modifiedBackground#E3A25A
- editorHint.border#00000000
- editorHint.foreground#8FC4C4
- editorHoverWidget.background#1A1A1A
- editorHoverWidget.border#262626
- editorHoverWidget.foreground#F2ECDD
- editorHoverWidget.statusBarBackground#0F0F0F
- editorIndentGuide.activeBackground#262626
- editorIndentGuide.background#262626
- editorInfo.background#6A9FCC20
- editorInfo.border#00000000
- editorInfo.foreground#6A9FCC
- editorLineNumber.activeForeground#E7894C
- editorLineNumber.foreground#627987
- editorLink.activeForeground#6A9FCC
- editorMarkerNavigation.background#1A1A1A
- editorMarkerNavigationError.background#D9634F20
- editorMarkerNavigationInfo.background#6A9FCC20
- editorMarkerNavigationWarning.background#E3A25A20
- editorOverviewRuler.addedForeground#7C9B96
- editorOverviewRuler.background#161616
- editorOverviewRuler.border#262626
- editorOverviewRuler.bracketMatchForeground#627987
- editorOverviewRuler.commonContentForeground#E3A25A
- editorOverviewRuler.currentContentForeground#7C9B96
- editorOverviewRuler.deletedForeground#D9634F
- editorOverviewRuler.errorForeground#D9634F
- editorOverviewRuler.findMatchForeground#E3A25A40
- editorOverviewRuler.incomingContentForeground#6A9FCC
- editorOverviewRuler.infoForeground#6A9FCC
- editorOverviewRuler.modifiedForeground#E3A25A
- editorOverviewRuler.rangeHighlightForeground#E3A25A20
- editorOverviewRuler.selectionHighlightForeground#316E9920
- editorOverviewRuler.warningForeground#E3A25A
- editorOverviewRuler.wordHighlightForeground#316E9920
- editorOverviewRuler.wordHighlightStrongForeground#E3A25A30
- editorRuler.foreground#262626
- editorSuggestWidget.background#1A1A1A
- editorSuggestWidget.border#262626
- editorSuggestWidget.focusHighlightForeground#E7894C
- editorSuggestWidget.foreground#F2ECDD
- editorSuggestWidget.highlightForeground#E7894C
- editorSuggestWidget.selectedBackground#262626
- editorSuggestWidget.selectedForeground#F2ECDD
- editorSuggestWidget.selectedIconForeground#E7894C
- editorWarning.background#E3A25A20
- editorWarning.border#00000000
- editorWarning.foreground#E3A25A
- editorWhitespace.foreground#62798760
- editorWidget.background#1A1A1A
- editorWidget.border#262626
- editorWidget.foreground#F2ECDD
- editorWidget.resizeBorder#E7894C
- errorForeground#D9634F
- extensionButton.prominentBackground#E7894C
- extensionButton.prominentForeground#161616
- extensionButton.prominentHoverBackground#E7894C
- focusBorder#E7894C
- foreground#F2ECDD
- gitDecoration.addedResourceForeground#7C9B96
- gitDecoration.conflictingResourceForeground#E3A25A
- gitDecoration.deletedResourceForeground#D9634F
- gitDecoration.ignoredResourceForeground#7A7467
- gitDecoration.modifiedResourceForeground#E3A25A
- gitDecoration.renamedResourceForeground#6A9FCC
- gitDecoration.stageDeletedResourceForeground#D9634F
- gitDecoration.stageModifiedResourceForeground#E3A25A
- gitDecoration.untrackedResourceForeground#7C9B96
- icon.foreground#E1E1E1
- input.background#1E1E1E
- input.border#262626
- input.foreground#F2ECDD
- input.placeholderForeground#8A8477
- inputOption.activeBackground#E7894C30
- inputOption.activeBorder#E7894C
- inputOption.activeForeground#F2ECDD
- inputValidation.errorBackground#D9634F20
- inputValidation.errorBorder#D9634F
- inputValidation.errorForeground#F2ECDD
- inputValidation.infoBackground#6A9FCC20
- inputValidation.infoBorder#6A9FCC
- inputValidation.infoForeground#F2ECDD
- inputValidation.warningBackground#E3A25A20
- inputValidation.warningBorder#E3A25A
- inputValidation.warningForeground#F2ECDD
- keybindingLabel.background#1E1E1E
- keybindingLabel.border#262626
- keybindingLabel.bottomBorder#262626
- keybindingLabel.foreground#F2ECDD
- keyboard.background#1A1A1A
- keyboard.foreground#F2ECDD
- list.activeSelectionBackground#262626
- list.activeSelectionForeground#F2ECDD
- list.dropBackground#E7894C20
- list.errorForeground#D9634F
- list.focusBackground#262626
- list.focusForeground#F2ECDD
- list.highlightForeground#E7894C
- list.hoverBackground#252525
- list.hoverForeground#F2ECDD
- list.inactiveFocusBackground#262626
- list.inactiveSelectionBackground#262626
- list.inactiveSelectionForeground#F2ECDD
- list.invalidItemForeground#D9634F
- list.warningForeground#E3A25A
- listFilterWidget.background#1E1E1E
- listFilterWidget.noMatchesOutline#D9634F
- listFilterWidget.outline#E7894C
- menu.background#1A1A1A
- menu.border#262626
- menu.foreground#F2ECDD
- menu.selectionBackground#262626
- menu.selectionBorder#00000000
- menu.selectionForeground#F2ECDD
- menu.separatorBackground#262626
- menubar.selectionBackground#252525
- menubar.selectionBorder#00000000
- menubar.selectionForeground#F2ECDD
- merge.border#262626
- merge.commonContentBackground#E3A25A20
- merge.commonHeaderBackground#E3A25A20
- merge.currentContentBackground#7C9B9620
- merge.currentHeaderBackground#7C9B9620
- merge.incomingContentBackground#6A9FCC20
- merge.incomingHeaderBackground#6A9FCC20
- minimap.background#161616
- minimap.errorHighlight#D9634F
- minimap.findMatchHighlight#E3A25A40
- minimap.selectionHighlight#E7894C30
- minimap.warningHighlight#E3A25A
- minimapSlider.activeBackground#627987A0
- minimapSlider.background#62798760
- minimapSlider.hoverBackground#627987A0
- notificationCenter.border#262626
- notificationCenterHeader.background#0F0F0F
- notificationCenterHeader.foreground#F2ECDD
- notificationLink.foreground#6A9FCC
- notifications.background#1A1A1A
- notifications.border#262626
- notifications.foreground#F2ECDD
- notificationsErrorIcon.foreground#D9634F
- notificationsInfoIcon.foreground#6A9FCC
- notificationsWarningIcon.foreground#E3A25A
- notificationToast.border#262626
- panel.background#0F0F0F
- panel.border#262626
- panel.dropBorder#E7894C
- panelInput.border#262626
- panelSection.border#262626
- panelSection.dropBackground#E7894C20
- panelSectionHeader.background#0F0F0F
- panelSectionHeader.border#262626
- panelSectionHeader.foreground#F2ECDD
- panelTitle.activeBorder#E7894C
- panelTitle.activeForeground#F2ECDD
- panelTitle.inactiveForeground#B8AFA0
- peekView.border#E7894C
- peekViewEditor.background#1A1A1A
- peekViewEditor.matchHighlightBackground#E3A25A40
- peekViewEditor.matchHighlightBorder#00000000
- peekViewEditorGutter.background#1A1A1A
- peekViewResult.background#0F0F0F
- peekViewResult.fileForeground#F2ECDD
- peekViewResult.lineForeground#B8AFA0
- peekViewResult.matchHighlightBackground#E3A25A40
- peekViewResult.selectionBackground#262626
- peekViewResult.selectionForeground#F2ECDD
- peekViewTitle.background#0F0F0F
- peekViewTitleDescription.foreground#B8AFA0
- peekViewTitleLabel.foreground#F2ECDD
- pickerGroup.border#262626
- pickerGroup.foreground#E7894C
- problemsErrorIcon.foreground#D9634F
- problemsInfoIcon.foreground#6A9FCC
- problemsWarningIcon.foreground#E3A25A
- progressBar.background#E7894C
- quickInput.background#1A1A1A
- quickInput.foreground#F2ECDD
- quickInputList.focusBackground#262626
- quickInputList.focusForeground#F2ECDD
- quickInputList.focusIconForeground#E7894C
- sash.hoverBorder#E7894C
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#627987A0
- scrollbarSlider.background#62798760
- scrollbarSlider.hoverBackground#627987A0
- selection.background#E7894C30
- settings.checkboxBackground#1E1E1E
- settings.checkboxBorder#262626
- settings.checkboxForeground#F2ECDD
- settings.dropdownBackground#1E1E1E
- settings.dropdownBorder#262626
- settings.dropdownForeground#F2ECDD
- settings.dropdownListBorder#262626
- settings.headerForeground#F2ECDD
- settings.modifiedItemIndicator#E3A25A
- settings.numberInputBackground#1E1E1E
- settings.numberInputBorder#262626
- settings.numberInputForeground#F2ECDD
- settings.textInputBackground#1E1E1E
- settings.textInputBorder#262626
- settings.textInputForeground#F2ECDD
- sideBar.background#0F0F0F
- sideBar.border#262626
- sideBar.dropBackground#E7894C20
- sideBar.foreground#E1E1E1
- sideBarSectionHeader.background#0F0F0F
- sideBarSectionHeader.border#262626
- sideBarSectionHeader.foreground#E1E1E1
- sideBarTitle.foreground#E1E1E1
- statusBar.background#0F0F0F
- statusBar.border#262626
- statusBar.debuggingBackground#E7894C
- statusBar.debuggingBorder#262626
- statusBar.debuggingForeground#161616
- statusBar.foreground#F2ECDD
- statusBar.noFolderBackground#0F0F0F
- statusBar.noFolderBorder#262626
- statusBar.noFolderForeground#F2ECDD
- statusBarItem.activeBackground#E7894C30
- statusBarItem.errorBackground#D9634F
- statusBarItem.errorForeground#161616
- statusBarItem.hoverBackground#62798720
- statusBarItem.prominentBackground#1E1E1E
- statusBarItem.prominentForeground#F2ECDD
- statusBarItem.prominentHoverBackground#252525
- statusBarItem.remoteBackground#E7894C
- statusBarItem.remoteForeground#161616
- statusBarItem.warningBackground#E3A25A
- statusBarItem.warningForeground#161616
- tab.activeBackground#161616
- tab.activeBorder#00000000
- tab.activeBorderTop#E7894C
- tab.activeForeground#F2ECDD
- tab.border#262626
- tab.hoverBorder#00000000
- tab.inactiveBackground#161616
- tab.inactiveForeground#B8AFA0
- tab.lastPinnedBorder#262626
- tab.unfocusedActiveBorder#00000000
- tab.unfocusedActiveBorderTop#62798760
- tab.unfocusedActiveForeground#B8AFA0
- tab.unfocusedInactiveForeground#627987
- terminal.ansiBlack#161616
- terminal.ansiBlue#316E99
- terminal.ansiBrightBlack#627987
- terminal.ansiBrightBlue#6A9FCC
- terminal.ansiBrightCyan#8FC4C4
- terminal.ansiBrightGreen#B6D7BA
- terminal.ansiBrightMagenta#D6B4A4
- terminal.ansiBrightRed#E7894C
- terminal.ansiBrightWhite#F2ECDD
- terminal.ansiBrightYellow#E3C888
- terminal.ansiCyan#5A8F8F
- terminal.ansiGreen#7C9B96
- terminal.ansiMagenta#B98BA4
- terminal.ansiRed#D9634F
- terminal.ansiWhite#E1E1E1
- terminal.ansiYellow#E3A25A
- terminal.background#0F0F0F
- terminal.border#262626
- terminal.foreground#F2ECDD
- terminal.selectionBackground#E7894C30
- terminalCursor.background#161616
- terminalCursor.foreground#E7894C
- testing.iconErrored#D9634F
- testing.iconFailed#D9634F
- testing.iconPassed#7C9B96
- testing.iconQueued#E3A25A
- testing.iconSkipped#627987
- testing.iconUnset#627987
- testing.messagePeekBorder#6A9FCC
- testing.peekBorder#D9634F
- testing.runAction#7C9B96
- textBlockQuote.background#1E1E1E
- textBlockQuote.border#262626
- textCodeBlock.background#1E1E1E
- textLink.activeForeground#6A9FCC
- textLink.foreground#6A9FCC
- textPreformat.foreground#F2ECDD
- textSeparator.foreground#262626
- titleBar.activeBackground#0F0F0F
- titleBar.activeForeground#F2ECDD
- titleBar.border#262626
- titleBar.inactiveBackground#0F0F0F
- titleBar.inactiveForeground#627987
- tree.inactiveIndentGuidesStroke#26262640
- tree.indentGuidesStroke#262626
- widget.shadow#00000000
- window.activeBorder#00000000
- window.inactiveBorder#00000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #627987 | italic |
| comment.block.documentation, comment.line.documentation | #8A8477 | italic |
| string, string.quoted, string.template | #7C9B96 | — |
| string.regexp, string.quoted.regexp | #8FC4C4 | — |
| constant.character.escape, constant.other.character-class.escape | #B6D7BA | — |
| string.other.link | #8FC4C4 | — |
| constant.numeric, constant.language | #E3A25A | — |
| constant.language.boolean | #E7894C | — |
| constant.other.symbol | #E3A25A | — |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical, storage.type, storage.modifier | #D9634F | — |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.comparison | #D9634F | — |
| variable, variable.other, variable.language | #F2ECDD | — |
| entity.name.function, support.function, meta.function-call.generic | #6A9FCC | — |
| entity.name.class, entity.name.type, support.type, support.class | #E3C888 | — |
| entity.other.inherited-class | #E3C888 | — |
| entity.name.constructor | #6A9FCC | — |
| entity.other.attribute-name | #E3A25A | — |
| entity.name.tag, meta.tag | #D9634F | — |
| punctuation.definition.tag | #B8AFA0 | — |
| punctuation, punctuation.separator, punctuation.terminator | #B8AFA0 | — |
| punctuation.section.embedded | #E7894C | — |
| meta.brace, punctuation.section, punctuation.definition.block | #B8AFA0 | — |
| punctuation.definition.list.begin | #D9634F | — |
| markup.heading, entity.name.section | #E7894C | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.underline.link | #6A9FCC | italic |
| markup.inline.raw, markup.fenced_code | #7C9B96 | — |
| meta.preprocessor, entity.name.function.preprocessor | #E7894C | — |
| entity.name.label | #E7894C | — |
| support.constant, constant.other | #E7894C | — |
| entity.name.enum | #E3A25A | — |
| variable.other.enummember | #E3A25A | — |
| invalid | #D9634F | — |
| invalid.deprecated | #E3A25A | — |
| markup.inserted | #7C9B96 | — |
| markup.deleted | #D9634F | — |
| markup.changed | #E3A25A | — |
| text.html.markdown meta.link.inline | #8FC4C4 | — |
| meta.diff.header | #627987 | — |
| source.diff.added | #7C9B96 | — |
| source.diff.deleted | #D9634F | — |
| meta.embedded, source.groovy.embedded | #F2ECDD | — |