Skip to main content
Coding Theme

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#011627
  • activityBar.foreground#E0F6FF
  • activityBar.inactiveForeground#5F7E97
  • activityBarBadge.background#A79CF1
  • activityBarBadge.foreground#000F24
  • badge.background#A79CF1
  • badge.foreground#000F24
  • button.background#5F7E97
  • button.foreground#E0F6FF
  • button.hoverBackground#7D99B1
  • descriptionForeground#86ACC5
  • diffEditor.insertedLineBackground#15352C55
  • diffEditor.insertedTextBackground#265E4D66
  • diffEditor.removedLineBackground#2D000055
  • diffEditor.removedTextBackground#3C000066
  • dropdown.background#011325
  • dropdown.border#0B4D6B
  • editor.background#011627
  • editor.findMatchBackground#073E5CAA
  • editor.findMatchHighlightBackground#073E5C55
  • editor.findRangeHighlightBackground#0F202D88
  • editor.foreground#CCE2EF
  • editor.inactiveSelectionBackground#C792EA26
  • editor.lineHighlightBackground#072435
  • editor.selectionBackground#4373C2
  • editor.selectionHighlightBackground#20476C66
  • editor.wordHighlightBackground#20476C66
  • editor.wordHighlightStrongBackground#20476C99
  • editorBracketMatch.background#20476C88
  • editorBracketMatch.border#5D96AC
  • editorCursor.foreground#E0F6FF
  • editorError.foreground#FC3E36
  • editorGroup.border#011325
  • editorGroupHeader.tabsBackground#011325
  • editorGroupHeader.tabsBorder#011325
  • editorGutter.addedBackground#ADDB67
  • editorGutter.background#011627
  • editorGutter.deletedBackground#FC3E36
  • editorGutter.modifiedBackground#82AAFF
  • editorHoverWidget.background#011325
  • editorHoverWidget.border#0B4D6B
  • editorIndentGuide.activeBackground1#20476C
  • editorIndentGuide.background1#1B2A36
  • editorInfo.foreground#5D96AC
  • editorLineNumber.activeForeground#CCE2EF
  • editorLineNumber.foreground#5F7E97
  • editorRuler.foreground#1B2A36
  • editorSuggestWidget.background#011325
  • editorSuggestWidget.border#0B4D6B
  • editorSuggestWidget.selectedBackground#0B4D6B
  • editorWarning.foreground#95DB7D
  • editorWhitespace.foreground#144852
  • editorWidget.background#011325
  • editorWidget.border#0B4D6B
  • errorForeground#FC3E36
  • focusBorder#5F7E97
  • foreground#CCE2EF
  • gitDecoration.addedResourceForeground#ADDB67
  • gitDecoration.conflictingResourceForeground#F78C6C
  • gitDecoration.deletedResourceForeground#FC3E36
  • gitDecoration.ignoredResourceForeground#5F7E97
  • gitDecoration.modifiedResourceForeground#82AAFF
  • gitDecoration.untrackedResourceForeground#7FDBCA
  • input.background#000F24
  • input.border#0B4D6B
  • input.foreground#CCE2EF
  • input.placeholderForeground#5F7E97
  • list.activeSelectionBackground#0B4D6B
  • list.activeSelectionForeground#E0F6FF
  • list.focusBackground#0B4D6B
  • list.hoverBackground#334858
  • list.inactiveSelectionBackground#011627
  • panel.background#011627
  • panel.border#011325
  • panelTitle.activeForeground#E0F6FF
  • panelTitle.inactiveForeground#86ACC5
  • progressBar.background#A79CF1
  • scrollbarSlider.activeBackground#7D99B1AA
  • scrollbarSlider.background#33485899
  • scrollbarSlider.hoverBackground#5F7E9799
  • selection.background#4373C2
  • sideBar.background#011325
  • sideBar.foreground#CCE2EF
  • sideBarSectionHeader.background#011627
  • sideBarSectionHeader.foreground#CCE2EF
  • sideBarTitle.foreground#E0F6FF
  • statusBar.background#011325
  • statusBar.debuggingBackground#7A2101
  • statusBar.debuggingForeground#E0F6FF
  • statusBar.foreground#E0F6FF
  • statusBar.noFolderBackground#011325
  • tab.activeBackground#011627
  • tab.activeBorderTop#5F7E97
  • tab.activeForeground#E0F6FF
  • tab.border#011325
  • tab.inactiveBackground#011325
  • tab.inactiveForeground#86ACC5
  • terminal.ansiBlack#011627
  • terminal.ansiBlue#82AAFF
  • terminal.ansiBrightBlack#5F7E97
  • terminal.ansiBrightBlue#8CD1F5
  • terminal.ansiBrightCyan#95DB7D
  • terminal.ansiBrightGreen#B1CE77
  • terminal.ansiBrightMagenta#CE93D8
  • terminal.ansiBrightRed#FC3E36
  • terminal.ansiBrightWhite#E0F6FF
  • terminal.ansiBrightYellow#F78C6C
  • terminal.ansiCyan#7FDBCA
  • terminal.ansiGreen#ADDB67
  • terminal.ansiMagenta#C792EA
  • terminal.ansiRed#D85050
  • terminal.ansiWhite#CCE2EF
  • terminal.ansiYellow#ECC48D
  • terminal.background#011627
  • terminal.foreground#CCE2EF
  • titleBar.activeBackground#011627
  • titleBar.activeForeground#E0F6FF
  • titleBar.inactiveBackground#011325
  • titleBar.inactiveForeground#86ACC5
  • workbench.colorThemeNightOwl2026 Reloaded

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#CCE2EF
comment, punctuation.definition.comment#637777italic
string, string.quoted, string.template#ECC48D
constant.numeric#F78C6C
constant.language, constant.character, constant.other#F78C6C
keyword, keyword.control, storage, storage.type, storage.modifier, keyword.operator.new, keyword.other.important#C792EAitalic
keyword.control.import, keyword.control.export, keyword.control.from#C792EAitalic
meta.preprocessor, entity.name.function.preprocessor#C792EA
keyword.operator, punctuation.operator#7FDBCA
punctuation, punctuation.definition.tag, punctuation.separator, punctuation.terminator#7FDBCA
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#7FDBCA
entity.other.attribute-name#ADDB67italic
string.other.attribute-value#ECC48D
entity.name.type, entity.name.class, support.type, support.class, entity.other.inherited-class#FFCB8B
entity.name.function, support.function, meta.function-call, variable.function#82AAFF
entity.name.namespace, entity.name.section#CE93D8
variable, variable.other, variable.other.readwrite#CCE2EF
variable.parameter#CCE2EFitalic
variable.language, variable.language.this#FF5874
support.constant, constant.other.color#ADDB67
markup.italic#F78C6Citalic
markup.bold#ADDB67bold
markup.heading#82AAFFbold
markup.underline.link#8CD1F5
markup.quote#637777italic
markup.inserted#ADDB67
markup.deleted#FC3E36
invalid, invalid.illegal#FC3E36
invalid.deprecated#D85050
NightOwl2026 Reloaded by oluwasege - VS Code Theme