sjsepan.ambercrtish

Name: sjsepan.ambercrtish
Author: sjsepan

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%).

Open in VS Code

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

sjsepan.ambercrtish — AmberCrtish-CRTAmber

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...
~/my-project

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

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	#ffb00088	—
keyword, storage	#ffb00088	—
entity, strong	—	bold
invalid	#ffb00088	italic underline