sjsepan.ambercrtish
Publisher: sjsepanThemes in package: 9
AmberCrt-ish, but with borders and with matching colors in Activity- and Side-bars. Inspired by various amber CRT monitors, and based around the color #FFBF00 AKA hsl(44, 100%, 50%).
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.background#221802
- activityBar.border#806009
- activityBar.foreground#FFBF00
- activityBar.inactiveForeground#b38300
- activityBarBadge.background#FFBF009b
- activityBarBadge.foreground#000000
- badge.background#FFBF009b
- badge.foreground#000000
- breadcrumb.activeSelectionForeground#FFBF00
- breadcrumb.background#221802
- breadcrumb.focusForeground#eab010
- breadcrumb.foreground#FFBF00
- button.background#302503
- button.border#806009
- button.foreground#ffbf00
- button.hoverBackground#3a2d03
- button.secondaryBackground#000000
- button.secondaryForeground#FFBF00
- button.secondaryHoverBackground#b38300
- checkbox.background#000000
- checkbox.border#000000
- checkbox.foreground#FFBF00
- debugExceptionWidget.background#221802
- debugExceptionWidget.border#FFBF00
- debugIcon.breakpointCurrentStackframeForeground#ffedbd
- debugIcon.breakpointDisabledForeground#8a6500
- debugIcon.breakpointForeground#cc9600
- debugIcon.breakpointStackframeForeground#ffe08a
- debugIcon.breakpointUnverifiedForeground#8a6500
- debugIcon.continueForeground#ffe08a
- debugIcon.disconnectForeground#b40000
- debugIcon.pauseForeground#cc9600
- debugIcon.restartForeground#ffe08a
- debugIcon.startForeground#ffe08a
- debugIcon.stepBackForeground#cc9600
- debugIcon.stepIntoForeground#cc9600
- debugIcon.stepOutForeground#cc9600
- debugIcon.stepOverForeground#cc9600
- debugIcon.stopForeground#b40000
- debugTokenExpression.boolean#ffe08a
- debugTokenExpression.error#b40000
- debugTokenExpression.name#cc9600
- debugTokenExpression.number#ffe08a
- debugTokenExpression.string#ffe08a
- debugTokenExpression.value#ffe08a
- debugToolBar.background#000000
- debugToolBar.border#FFBF00
- diffEditor.border#000000
- diffEditor.insertedTextBackground#1d1601ee
- diffEditor.insertedTextBorder#000000
- diffEditor.removedTextBackground#1d1601ee
- diffEditor.removedTextBorder#000000
- dropdown.background#000000
- dropdown.border#000000
- dropdown.foreground#FFBF00
- editor.background#000000
- editor.findMatchBackground#000000
- editor.findMatchBorder#FFBF00
- editor.findMatchHighlightBackground#b38300ee
- editor.findMatchHighlightBorder#b38300
- editor.findRangeHighlightBackground#1d1601ee
- editor.findRangeHighlightBorder#00000000
- editor.foldBackground#1d1601ee
- editor.foreground#FFBF00
- editor.hoverHighlightBackground#090d2eee
- editor.inactiveSelectionBackground#221902ee
- editor.lineHighlightBackground#1d1601
- editor.lineHighlightBorder#FFBF0080
- editor.rangeHighlightBackground#0000000b
- editor.rangeHighlightBorder#00000000
- editor.selectionBackground#FFBF0040
- editor.selectionHighlightBackground#FFBF0060
- editor.selectionHighlightBorder#FFBF00
- editor.wordHighlightBackground#000000b8
- editor.wordHighlightBorder#FFBF00
- editor.wordHighlightStrongBackground#000000ee
- editor.wordHighlightStrongBorder#FFBF00
- editorBracketMatch.background#000000
- editorBracketMatch.border#FFBF00
- editorCodeLens.foreground#b38300
- editorCursor.background#FFBF00
- editorCursor.foreground#FFBF00
- editorError.background#1d1601ee
- editorError.border#00000000
- editorError.foreground#FFBF00
- editorGroup.border#806009
- editorGroup.emptyBackground#000000
- editorGroupHeader.border#806009
- editorGroupHeader.tabsBackground#000000
- editorGroupHeader.tabsBorder#000000
- editorGutter.addedBackground#FFBF00
- editorGutter.background#221802
- editorGutter.commentRangeForeground#FFBF00
- editorGutter.deletedBackground#FFBF00
- editorGutter.foldingControlForeground#FFBF00
- editorGutter.modifiedBackground#FFBF00
- editorHoverWidget.background#221802
- editorHoverWidget.border#FFBF00
- editorHoverWidget.foreground#FFBF00
- editorIndentGuide.activeBackground1#FFBF00
- editorIndentGuide.background1#FFBF00
- editorInfo.background#1d1601ee
- editorInfo.border#00000000
- editorInfo.foreground#FFBF00
- editorLineNumber.activeForeground#FFBF00
- editorLineNumber.foreground#b38300
- editorLink.activeForeground#FFBF00
- editorMarkerNavigation.background#000000
- editorMarkerNavigationError.background#FFBF00
- editorMarkerNavigationInfo.background#FFBF00
- editorMarkerNavigationWarning.background#FFBF00
- editorOverviewRuler.background#000000
- editorOverviewRuler.border#000000
- editorRuler.foreground#000000
- editorSuggestWidget.background#221802
- editorSuggestWidget.border#FFBF00
- editorSuggestWidget.foreground#b38300
- editorSuggestWidget.highlightForeground#FFBF00
- editorSuggestWidget.selectedBackground#1d1601
- editorWarning.background#00000000
- editorWarning.border#000000
- editorWarning.foreground#b38300
- editorWhitespace.foreground#FFBF00
- editorWidget.background#221802
- editorWidget.foreground#FFBF00
- editorWidget.resizeBorder#022004
- focusBorder#FFBF00
- foreground#FFBF00
- gitDecoration.addedResourceForeground#ffedbd
- gitDecoration.conflictingResourceForeground#b40000
- gitDecoration.deletedResourceForeground#420000
- gitDecoration.ignoredResourceForeground#664b00
- gitDecoration.modifiedResourceForeground#ffe08a
- gitDecoration.stageDeletedResourceForeground#cd9a0e
- gitDecoration.stageModifiedResourceForeground#cd9a0e
- gitDecoration.submoduleResourceForeground#8a6500
- gitDecoration.untrackedResourceForeground#8a6500
- icon.foreground#FFBF00
- input.background#221802
- input.border#806009
- input.foreground#FFBF00
- input.placeholderForeground#b38300
- inputOption.activeBackground#614805
- inputOption.activeBorder#FFBF00
- inputOption.activeForeground#FFBF00
- keybindingLabel.background#000000
- keybindingLabel.foreground#FFBF00
- list.activeSelectionBackground#433304
- list.activeSelectionForeground#FFBF00
- list.dropBackground#1d1601
- list.focusBackground#1d1601
- list.focusForeground#b38300
- list.highlightForeground#FFBF00
- list.hoverBackground#302403
- list.hoverForeground#FFBF00
- list.inactiveSelectionBackground#221902
- list.inactiveSelectionForeground#FFBF00
- listFilterWidget.background#221802
- listFilterWidget.noMatchesOutline#FFBF00
- listFilterWidget.outline#FFBF00
- menu.background#000000
- menu.border#FFBF00
- menu.foreground#FFBF00
- menu.selectionBackground#714709
- menu.selectionBorder#00000000
- menu.selectionForeground#000000
- menu.separatorBackground#FFBF00
- menubar.selectionBackground#000000
- menubar.selectionBorder#FFBF00
- menubar.selectionForeground#FFBF00
- merge.commonContentBackground#1d1601ee
- merge.commonHeaderBackground#1d1601ee
- merge.currentContentBackground#1d1601ee
- merge.currentHeaderBackground#1d1601ee
- merge.incomingContentBackground#1d1601ee
- merge.incomingHeaderBackground#1d1601ee
- minimap.background#221802
- minimap.errorHighlight#FFBF00
- minimap.findMatchHighlight#000000ee
- minimap.selectionHighlight#60480690
- minimap.warningHighlight#b38300
- minimapGutter.addedBackground#FFBF00
- minimapGutter.deletedBackground#FFBF00
- minimapGutter.modifiedBackground#FFBF00
- minimapSlider.activeBackground#ffffff40
- minimapSlider.background#ffffff20
- minimapSlider.hoverBackground#ffffff60
- notebook.cellHoverBackground#332500
- notebook.cellInsertionIndicator#ffe08a
- notebook.cellStatusBarItemHoverBackground#664b00
- notebook.cellToolbarSeparator#8a6500
- notebook.focusedCellBackground#000000
- notebook.focusedCellBorder#cc9600
- notebook.focusedEditorBorder#cc9600
- notebook.outputContainerBackgroundColor#000000
- notebook.symbolHighlightBackground#332500
- notebookScrollbarSlider.activeBackground#8a6500
- notebookScrollbarSlider.background#664b0080
- notebookScrollbarSlider.hoverBackground#8a6500
- notebookStatusErrorIcon.foreground#b40000
- notebookStatusRunningIcon.foreground#ffe08a
- notebookStatusSuccessIcon.foreground#fff7e0
- notificationCenter.border#FFBF00
- notificationCenterHeader.background#221802
- notificationCenterHeader.foreground#FFBF00
- notifications.background#221802
- notifications.border#FFBF00
- notifications.foreground#FFBF00
- notificationsErrorIcon.foreground#FFBF00
- notificationsInfoIcon.foreground#FFBF00
- notificationsWarningIcon.foreground#FFBF00
- notificationToast.border#FFBF00
- panel.background#221802
- panel.border#806009
- panelSection.border#FFBF00
- panelTitle.activeBorder#FFBF00
- panelTitle.activeForeground#FFBF00
- panelTitle.inactiveForeground#b38300
- peekView.border#FFBF00
- peekViewEditor.background#1d1601
- peekViewEditor.matchHighlightBackground#00000099
- peekViewEditor.matchHighlightBorder#FFBF00
- peekViewEditorGutter.background#1d1601
- peekViewResult.background#000000
- peekViewResult.fileForeground#FFBF00
- peekViewResult.lineForeground#FFBF00
- peekViewResult.matchHighlightBackground#1d1601
- peekViewResult.selectionBackground#1d1601
- peekViewResult.selectionForeground#FFBF00
- peekViewTitle.background#000000
- peekViewTitleDescription.foreground#FFBF00
- peekViewTitleLabel.foreground#FFBF00
- pickerGroup.border#FFBF00
- pickerGroup.foreground#FFBF00
- problemsErrorIcon.foreground#b40000
- problemsInfoIcon.foreground#87ff87
- problemsWarningIcon.foreground#cccc00
- profileBadge.background#FFBF009b
- profileBadge.foreground#000000
- progressBar.background#FFBF00
- scmGraph.foreground1#ad7600
- scmGraph.foreground2#dc267f
- scmGraph.foreground3#994f00
- scmGraph.foreground4#40b0a6
- scmGraph.foreground5#b66dff
- scmGraph.historyItemBaseRefColor#ea5c00
- scmGraph.historyItemHoverAdditionsForeground#81b88b
- scmGraph.historyItemHoverDefaultLabelBackgrounddefault
- scmGraph.historyItemHoverDefaultLabelForeground#ffbf00
- scmGraph.historyItemHoverDeletionsForeground#c74e39
- scmGraph.historyItemHoverLabelForeground#ffbf00
- scmGraph.historyItemRefColor#c29201
- scmGraph.historyItemRemoteRefColor#b180d7
- scrollbar.shadow#FFBF00dd
- scrollbarSlider.activeBackground#ffffff40
- scrollbarSlider.background#ffffff20
- scrollbarSlider.hoverBackground#ffffff60
- selection.background#FFBF0040
- settings.checkboxBackground#000000
- settings.checkboxBorder#cc9600
- settings.checkboxForeground#cc9600
- settings.dropdownBackground#000000
- settings.dropdownBorder#cc9600
- settings.dropdownForeground#cc9600
- settings.dropdownListBorder#cc9600
- settings.focusedRowBackground#ffffff07
- settings.headerForeground#FFBF00
- settings.modifiedItemIndicator#ffe08a
- settings.numberInputBackground#000000
- settings.numberInputBorder#cc9600
- settings.numberInputForeground#cc9600
- settings.textInputBackground#000000
- settings.textInputBorder#cc9600
- settings.textInputForeground#cc9600
- sideBar.background#000000
- sideBar.border#806009
- sideBar.dropBackground#1d1601
- sideBar.foreground#FFBF00
- sideBarSectionHeader.background#221802
- sideBarSectionHeader.border#b8953233
- sideBarSectionHeader.foreground#FFBF00
- sideBarTitle.foreground#FFBF00
- statusBar.background#221802
- statusBar.border#806009
- statusBar.debuggingBackground#221802
- statusBar.debuggingBorder#806009
- statusBar.debuggingForeground#FFBF00
- statusBar.foreground#FFBF00
- statusBar.noFolderBackground#221802
- statusBar.noFolderBorder#806009
- statusBar.noFolderForeground#FFBF00
- statusBarItem.activeBackground#FFFFFF25
- statusBarItem.hoverBackground#FFBF001f
- statusBarItem.prominentBackground#cc9600
- statusBarItem.prominentForeground#000000
- statusBarItem.prominentHoverBackground#ffe08a
- statusBarItem.remoteBackground#000000
- statusBarItem.remoteForeground#FFBF00
- symbolIcon.arrayForeground#ffe08a
- symbolIcon.booleanForeground#ffe08a
- symbolIcon.classForeground#ffe08a
- symbolIcon.colorForeground#ffe08a
- symbolIcon.constantForeground#ffe08a
- symbolIcon.constructorForeground#ffe08a
- symbolIcon.enumeratorForeground#ffe08a
- symbolIcon.enumeratorMemberForeground#ffe08a
- symbolIcon.eventForeground#ffe08a
- symbolIcon.fieldForeground#ffe08a
- symbolIcon.fileForeground#fff7e0
- symbolIcon.folderForeground#fff7e0
- symbolIcon.functionForeground#ffe08a
- symbolIcon.interfaceForeground#ffe08a
- symbolIcon.keyForeground#ffe08a
- symbolIcon.keywordForeground#ffe08a
- symbolIcon.methodForeground#ffe08a
- symbolIcon.moduleForeground#ffedbd
- symbolIcon.namespaceForeground#ffe08a
- symbolIcon.nullForeground#ffe08a
- symbolIcon.numberForeground#ffe08a
- symbolIcon.objectForeground#ffe08a
- symbolIcon.operatorForeground#ffe08a
- symbolIcon.packageForeground#ffedbd
- symbolIcon.propertyForeground#ffe08a
- symbolIcon.referenceForeground#ffe08a
- symbolIcon.snippetForeground#ffedbd
- symbolIcon.stringForeground#ffe08a
- symbolIcon.structForeground#ffe08a
- symbolIcon.textForeground#ffe08a
- symbolIcon.typeParameterForeground#ffe08a
- symbolIcon.unitForeground#ffe08a
- symbolIcon.variableForeground#ffe08a
- tab.activeBackground#221802
- tab.activeBorder#FFBF00
- tab.activeBorderTop#806009
- tab.activeForeground#FFBF00
- tab.border#806009
- tab.hoverBackground#b38300
- tab.hoverBorder#000000
- tab.hoverForeground#000000
- tab.inactiveBackground#000000
- tab.inactiveForeground#b38300
- terminal.ansiBlack#332500
- terminal.ansiBlue#003fff
- terminal.ansiBrightBlack#664b00
- terminal.ansiBrightBlue#003fff
- terminal.ansiBrightCyan#008888
- terminal.ansiBrightGreen#ffe08a
- terminal.ansiBrightMagenta#880088
- terminal.ansiBrightRed#b40000
- terminal.ansiBrightWhite#fff7e0
- terminal.ansiBrightYellow#888800
- terminal.ansiCyan#008888
- terminal.ansiGreen#cc9600
- terminal.ansiMagenta#880088
- terminal.ansiRed#b40000
- terminal.ansiWhite#ffedbd
- terminal.ansiYellow#cccc00
- terminal.background#080808
- terminal.border#8a6500
- terminal.foreground#cc9600
- terminal.selectionBackground#332500
- terminalCursor.background#000000
- terminalCursor.foreground#FFBF00
- textLink.foreground#b38300
- titleBar.activeBackground#221802
- titleBar.activeForeground#FFBF00
- titleBar.border#806009
- titleBar.inactiveBackground#22180299
- titleBar.inactiveForeground#b38300
- tree.indentGuidesStroke#FFBF00
- walkThrough.embeddedEditorBackground#00000050
- widget.shadow#FFBF00c0
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #D28E3980 | italic |
| string, punctuation.definition.string | #E0A20A | — |
| constant.numeric | #E0A20A | — |
| constant.language | #DE693D | bold |
| constant.character, constant.other | #E0A20A | — |
| variable | #D28E39 | — |
| variable.language | #DE693D | italic |
| keyword | #DE693D | bold |
| storage | #DE693D | |
| storage.type | #D28E39 | italic |
| entity.name.type, entity.name.class, support.class | #D28E39 | bold underline |
| entity.other.inherited-class | #D28E39 | italic underline |
| entity.name.function, support.function | #D28E39 | bold |
| variable.parameter | #D28E39 | italic |
| entity.name.tag | #DE693D | bold |
| entity.other.attribute-name | #E0A20A | italic |
| support.function | #E0A20A | bold |
| support.constant | #E0A20A | — |
| support.type, support.class | #E0A20A | italic |
| support.variable | #E0A20A | — |
| invalid | #0C0907 | — |
| invalid.deprecated | #0C0907 | — |
| support.type.property-name.json | #DE693D | — |
| string.quoted.double.json | #E0A20A | — |
| constant.language.json | #D28E39 | — |
| markup.heading | #DE693D | bold |
| markup.underline.link | #E0A20A | underline |
| markup.bold | #D28E39 | bold |
| markup.italic | #D28E39 | italic |
| markup.inline.raw | #E0A20A | — |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |