Skip to main content
Coding Theme

Oldschool Theme

Publisher: Ericson WilliansThemes in package: 9

An actually usable theme for those who suffer from severe nostalgia, inspired by QBasic and MS-DOS in general.

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#FFFFFF
  • activityBar.background#007070
  • activityBar.border#FFFFFF
  • activityBar.dropBorder#FFFFFF
  • badge.background#252525
  • breadcrumb.background#252525
  • button.background#252525
  • button.hoverBackground#252525
  • checkbox.background#252525
  • checkbox.border#FFFFFF
  • contrastActiveBorder#FFFFFF
  • contrastBorder#FFFFFF
  • debugToolBar.border#FFFFFF
  • diffEditor.border#FFFFFF
  • dropdown.background#252525
  • dropdown.border#FFFFFF
  • editor.background#000035
  • editor.findMatchBorder#FFFFFF
  • editor.foldBackground#252525
  • editor.lineHighlightBorder#000035
  • editor.wordHighlightBorder#FFFFFF
  • editorBracketMatch.border#FFFFFF
  • editorError.background#252525
  • editorError.border#FFFFFF
  • editorGroup.border#FFFFFF
  • editorGroupHeader.border#FFFFFF
  • editorHint.border#FFFFFF
  • editorHoverWidget.border#FFFFFF
  • editorInfo.background#252525
  • editorInfo.border#FFFFFF
  • editorOverviewRuler.border#FFFFFF
  • editorPane.background#252525
  • editorSuggestWidget.border#FFFFFF
  • editorWarning.border#FFFFFF
  • editorWidget.border#FFFFFF
  • editorWidget.resizeBorder#FFFFFF
  • focusBorder#FFFFFF
  • imagePreview.border#FFFFFF
  • input.background#252525
  • input.border#FFFFFF
  • inputOption.activeBorder#FFFFFF
  • inputValidation.infoBorder#FFFFFF
  • list.dropBackground#252525
  • list.filterMatchBorder#FFFFFF
  • list.focusBackground#252525
  • list.hoverBackground#252525
  • menu.background#252525
  • menu.border#FFFFFF
  • menu.selectionBackground#252525
  • menu.selectionBorder#FFFFFF
  • menubar.selectionBorder#FFFFFF
  • merge.border#FFFFFF
  • minimap.background#252525
  • notebook.cellBorderColor#FFFFFF
  • notebook.focusedCellBorder#FFFFFF
  • notebook.focusedRowBorder#FFFFFF
  • notebook.selectedCellBorder#FFFFFF
  • notificationCenter.border#FFFFFF
  • notifications.border#FFFFFF
  • notificationToast.border#FFFFFF
  • panel.background#252525
  • panel.border#FFFFFF
  • panel.dropBorder#FFFFFF
  • panelInput.border#FFFFFF
  • panelSection.border#FFFFFF
  • panelSectionHeader.border#FFFFFF
  • panelTitle.activeBorder#FFFFFF
  • peekView.border#FFFFFF
  • pickerGroup.border#FFFFFF
  • progressBar.background#252525
  • quickInput.background#252525
  • sash.hoverBorder#FFFFFF
  • scm.providerBorder#FFFFFF
  • selection.background#252525
  • settings.checkboxBorder#FFFFFF
  • settings.dropdownBorder#FFFFFF
  • settings.numberInputBorder#FFFFFF
  • settings.textInputBorder#FFFFFF
  • sideBar.background#252525
  • sideBar.border#FFFFFF
  • sideBar.dropBackground#252525
  • sideBarSectionHeader.border#FFFFFF
  • statusBar.background#252525
  • statusBar.border#FFFFFF
  • statusBar.debuggingBorder#FFFFFF
  • statusBar.noFolderBorder#FFFFFF
  • tab.activeBackground#007070
  • tab.activeBorder#FFFFFF
  • tab.activeBorderTop#FFFFFF
  • tab.activeForeground#FFFFFF
  • tab.activeModifiedBorder#FFFFFF
  • tab.border#FFFFFF
  • tab.hoverBackground#007070
  • tab.hoverBorder#FFFFFF
  • tab.inactiveModifiedBorder#FFFFFF
  • tab.lastPinnedBorder#FFFFFF
  • tab.unfocusedActiveBorder#FFFFFF
  • tab.unfocusedActiveBorderTop#FFFFFF
  • tab.unfocusedHoverBorder#FFFFFF
  • terminal.background#252525
  • terminal.border#FFFFFF
  • textBlockQuote.border#FFFFFF
  • titleBar.border#FFFFFF
  • welcomePage.background#252525
  • window.activeBorder#FFFFFF
  • window.inactiveBorder#FFFFFF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#FFFFFF
comment#FD971F
string#E6DB74
constant.numeric#AE81FF
constant.language#AE81FF
constant.character, constant.other#AE81FF
variable
keyword#F92672bold
storage#F92672bold
storage.type#66D9EFitalic
entity.name.class#A6E22Eunderline
entity.other.inherited-class#A6E22Eitalic underline
entity.name.function#A6E22E
variable.parameter#FD971Fitalic
entity.name.tag#F92672bold
entity.other.attribute-name#A6E22E
support.function#66D9EF
support.constant#66D9EF
support.type, support.class#66D9EFitalic
support.other.variable
invalid#F8F8F0bold
invalid.deprecated#F8F8F0
meta.structure.dictionary.json, string.quoted.double.json#CFCFC2
meta.diff, meta.diff.header#75715E
markup.deleted#F92672
markup.inserted#A6E22E
markup.changed#E6DB74
constant.numeric.line-number.find-in-files - match#AE81FFA0
entity.name.filename.find-in-files#E6DB74
variable.language#A6E22E
heading.1.markdown#A6E22Ebold
punctuation.definition.heading.markdown#A6E22E
entity.name.section.markdown#A6E22E
punctuation.definition.list.begin.markdown#AE81FF
meta.image.inline.markdown#E6DB74
markup.bold.markdown#FFFFFFbold
markup.italic.markdown#FFFFFFitalic
markup.inline.raw.string.markdown#66D9EF
meta.separator.markdown#8f8f8f
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end#AE81FF
variable.other.object, punctuation.accessor, meta.brace.round, variable.other.readwrite, punctuation.separator.comma#FFFFFF

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Oldschool Theme - Coding Theme