Scripture Theme

Color themes

• 

  Scripture Dark

• 

  Scripture Light

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.activeBackground#20201D
• activityBar.activeBorder#A85D42
• activityBar.background#181817
• activityBar.border#26231F
• activityBar.foreground#E0D6CA
• activityBar.inactiveForeground#7A746D
• activityBarBadge.background#A85D42
• activityBarBadge.foreground#151515
• auxiliaryBar.background#181817
• auxiliaryBar.border#26231F
• auxiliaryBar.foreground#E0D6CA
• auxiliaryBarTitle.foreground#C9BEB1
• badge.background#302D28
• badge.foreground#E0D6CA
• breadcrumb.activeSelectionForeground#BE8A5F
• breadcrumb.background#121212
• breadcrumb.focusForeground#E0D6CA
• breadcrumb.foreground#92877C
• breadcrumbPicker.background#181818
• button.background#8F684B
• button.foreground#151515
• button.hoverBackground#A77A56
• button.secondaryBackground#181817
• button.secondaryForeground#E0D6CA
• button.secondaryHoverBackground#20201D
• checkbox.background#181818
• checkbox.border#34312C
• checkbox.foreground#E0D6CA
• descriptionForeground#A89C90
• disabledForeground#6F6860
• dropdown.background#181818
• dropdown.border#34312C
• dropdown.foreground#E0D6CA
• dropdown.listBackground#181818
• editor.background#121212
• editor.findMatchBackground#76552B
• editor.findMatchHighlightBackground#5A422A80
• editor.foreground#E0D6CA
• editor.inactiveSelectionBackground#2B2621
• editor.lineHighlightBackground#1A1917
• editor.selectionBackground#3E342C
• editor.selectionHighlightBackground#332C25
• editor.wordHighlightBackground#2B2621
• editor.wordHighlightStrongBackground#3A3128
• editorBracketMatch.background#3E342C80
• editorBracketMatch.border#A85D42
• editorCursor.foreground#E0D6CA
• editorError.foreground#D18A747A
• editorGroup.border#26231F
• editorGroup.dropBackground#3E342C80
• editorGroupHeader.noTabsBackground#181817
• editorGroupHeader.tabsBackground#181817
• editorGroupHeader.tabsBorder#26231F
• editorHint.foreground#817A7060
• editorHoverWidget.background#181817
• editorHoverWidget.border#34312C
• editorHoverWidget.foreground#E0D6CA
• editorIndentGuide.activeBackground1#665D52
• editorIndentGuide.background1#302D28
• editorInfo.foreground#A8E3AF5C
• editorLineNumber.activeForeground#BCA98F
• editorLineNumber.foreground#706A62
• editorOverviewRuler.errorForeground#D18A7459
• editorOverviewRuler.infoForeground#A8E3AF44
• editorOverviewRuler.warningForeground#C7A76B4D
• editorSuggestWidget.background#181817
• editorSuggestWidget.border#34312C
• editorSuggestWidget.foreground#E0D6CA
• editorSuggestWidget.highlightForeground#BE8A5F
• editorSuggestWidget.selectedBackground#20201D
• editorWarning.foreground#C7A76B66
• editorWhitespace.foreground#2E2A25
• focusBorder#A85D42
• foreground#E0D6CA
• icon.foreground#C9BEB1
• input.background#181818
• input.border#34312C
• input.foreground#E0D6CA
• input.placeholderForeground#6F6860
• list.activeSelectionBackground#2C2925
• list.activeSelectionForeground#E0D6CA
• list.focusBackground#20201D
• list.focusForeground#E0D6CA
• list.focusOutline#A85D42
• list.highlightForeground#BE8A5F
• list.hoverBackground#20201D
• list.hoverForeground#E0D6CA
• list.inactiveSelectionBackground#20201D
• list.inactiveSelectionForeground#E0D6CA
• menu.background#181818
• menu.border#34312C
• menu.foreground#E0D6CA
• menu.selectionBackground#20201D
• menu.selectionForeground#E0D6CA
• menu.separatorBackground#34312C
• notificationLink.foreground#BE8A5F
• notifications.background#181817
• notifications.border#34312C
• notifications.foreground#E0D6CA
• panel.background#121212
• panel.border#26231F
• panelTitle.activeBorder#A85D42
• panelTitle.activeForeground#E0D6CA
• panelTitle.inactiveForeground#92877C
• peekViewBorder#A85D42
• peekViewEditor.background#181818
• peekViewResult.background#1D1B19
• peekViewResult.selectionBackground#2C2925
• peekViewTitle.background#211F1D
• selection.background#3E342C
• sideBar.background#181817
• sideBar.border#26231F
• sideBar.foreground#E0D6CA
• sideBarSectionHeader.background#181817
• sideBarSectionHeader.border#26231F00
• sideBarSectionHeader.foreground#E0D6CA
• sideBarTitle.foreground#C9BEB1
• statusBar.background#181817
• statusBar.border#26231F
• statusBar.foreground#E0D6CA
• statusBar.noFolderBackground#181817
• statusBarItem.activeBackground#2A2824
• statusBarItem.hoverBackground#20201D
• statusBarItem.prominentBackground#20201D
• statusBarItem.prominentHoverBackground#2A2824
• statusBarItem.remoteBackground#8F684B
• statusBarItem.remoteForeground#151515
• tab.activeBackground#121212
• tab.activeBorderTop#A85D42
• tab.activeForeground#E0D6CA
• tab.border#26231F
• tab.hoverBackground#20201D
• tab.hoverForeground#E0D6CA
• tab.inactiveBackground#181817
• tab.inactiveForeground#7A746D
• terminal.background#121212
• terminal.foreground#E0D6CA
• terminal.selectionBackground#3E342C
• terminalCursor.foreground#A85D42
• textCodeBlock.background#181817
• textLink.activeForeground#D19A70
• textLink.foreground#BE8A5F
• textPreformat.foreground#BE8A5F
• titleBar.activeBackground#181817
• titleBar.activeForeground#E0D6CA
• titleBar.border#26231F
• titleBar.inactiveBackground#181817
• titleBar.inactiveForeground#7A746D
• widget.border#302D28
• widget.shadow#00000040

tokenColors

TextMate scopes and font styles (syntax highlighting rules).