Skip to main content
Coding Theme

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

Open in VS Code (opens extension in VS Code)

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

scopeforegroundfontStyle
comment, punctuation.definition.comment#664b00italic
variable, string constant.other.placeholder#cc9600—
constant.other.color#ffedbd—
invalid, invalid.illegal#b40000—
keyword, storage.type, storage.modifier#ffe08aitalic
keyword#ffedbd
punctuation, punctuation.terminator#ffe08a—
keyword.control, constant.other.color, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution#ffe08a—
keyword.control, constant.other.color, keyword.other.template, keyword.other.substitution—italic
punctuation.definition.string#ffe08a—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#ffedbd—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#cc9600—
meta.function-call, variable.function, support.function, keyword.other.special-method#ffe08a—
meta.block variable.other#cc9600—
support.other.variable, string.other.link#ffe08a—
variable.parameter#cc9600—
constant.language, constant.numeric, constant.character, constant.escape, support.constant#ffe08a—
keyword.other.unit#ffe08a
keyword.other#fff7e0italic bold
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js#ffe08a—
entity.name, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types#ffe08abold
support.type#8a6500italic
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name#cc9600
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#cc9600—
variable.language#cc9600—
entity.name.method.js#cc9600italic
meta.class-method.js entity.name.function.js, variable.function.constructor#ffe08aitalic
entity.other.attribute-name#cc9600—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#cc9600—
entity.other.attribute-name.class#ffe08aitalic
source.sass keyword.control#ffe08aitalic bold
markup.inserted#ffe08a—
markup.deleted#b40000—
markup.changed#cc9600—
string.regexp#ffe08aitalic
constant.character.escape#8a6500—
*url*, *link*, *uri*—underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#ffe08aitalic
source.js constant.other.object.key.js string.unquoted.label.js#ffe08aitalic
source.json meta.structure.dictionary.json support.type.property-name.json#cc9600
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#cc9600
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#cc9600
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#cc9600
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#cc9600
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#cc9600
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#cc9600
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#cc9600
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#cc9600
text.html.markdown, punctuation.definition.list_item.markdown#cc9600—
text.html.markdown markup.inline.raw.markdown#664b00—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#8a6500—
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#ffedbdbold
markup.italic—italic
markup.bold, markup.bold string—bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string—italic bold
markup.underline#ffe08aunderline
markup.quote punctuation.definition.blockquote.markdown#8a6500—
markup.quote#8a6500italic
string.other.link.title.markdown#ffedbditalic
string.other.link.description.title.markdown#ffe08a—
constant.other.reference.link.markdown#ffe08a—
markup.raw.block#664b00—
markup.raw.block.fenced.markdown#332500—
punctuation.definition.fenced.markdown#cc9600—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#ffe08a—
variable.language.fenced.markdown#ffedbd—
meta.separator#cc9600bold
markup.table#8a6500—
sjsepan.ambercrtish by sjsepan - VS Code Theme