Scripture Theme
Publisher: Feiyang WuThemes in package: 2
A clean VS Code light and dark theme pair inspired by a calm scripture reading palette.
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.activeBackground#E1E0DC
- activityBar.activeBorder#C15F3C
- activityBar.background#E9E8E4
- activityBar.border#D7D6D2
- activityBar.foreground#251F19
- activityBar.inactiveForeground#9B968C
- activityBarBadge.background#C15F3C
- activityBarBadge.foreground#FFFFFF
- auxiliaryBar.background#E9E8E4
- auxiliaryBar.border#D7D6D2
- auxiliaryBar.foreground#251F19
- auxiliaryBarTitle.foreground#5C5A55
- badge.background#E1E0DC
- badge.foreground#251F19
- breadcrumb.activeSelectionForeground#C15F3C
- breadcrumb.background#FAF9F6
- breadcrumb.focusForeground#251F19
- breadcrumb.foreground#7B7A76
- breadcrumbPicker.background#FAF9F6
- button.background#7A5D45
- button.foreground#FFFFFF
- button.hoverBackground#8F7258
- button.secondaryBackground#E9E8E4
- button.secondaryForeground#251F19
- button.secondaryHoverBackground#E1E0DC
- checkbox.background#FFFFFF
- checkbox.border#D6D2C6
- checkbox.foreground#251F19
- debugIcon.breakpointDisabledForeground#B5AC97
- debugIcon.breakpointForeground#B04A2D
- debugToolBar.background#E9E8E4
- debugToolBar.border#D6D2C6
- descriptionForeground#5F5145
- diffEditor.diagonalFill#DEDDD9
- diffEditor.insertedLineBackground#4F8A5D14
- diffEditor.insertedTextBackground#4F8A5D1A
- diffEditor.removedLineBackground#B04A2D0F
- diffEditor.removedTextBackground#B04A2D14
- disabledForeground#9B968C
- dropdown.background#FFFFFF
- dropdown.border#D6D2C6
- dropdown.foreground#251F19
- dropdown.listBackground#F7F6F2
- editor.background#FAF9F6
- editor.findMatchBackground#ECD6B2
- editor.findMatchHighlightBackground#EFE0C560
- editor.findRangeHighlightBackground#F2F1EE
- editor.foreground#251F19
- editor.hoverHighlightBackground#E5E4E040
- editor.inactiveSelectionBackground#E7E6E280
- editor.lineHighlightBackground#F2F1EE
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#F2F1EE60
- editor.selectionBackground#DAD9D5
- editor.selectionHighlightBackground#E7E6E2
- editor.wordHighlightBackground#E5E4E0
- editor.wordHighlightStrongBackground#D4D2CC
- editorBracketHighlight.foreground1#C15F3C
- editorBracketHighlight.foreground2#4F8A5D
- editorBracketHighlight.foreground3#825B3E
- editorBracketHighlight.foreground4#A8651E
- editorBracketHighlight.foreground5#4E7465
- editorBracketHighlight.foreground6#965E57
- editorBracketHighlight.unexpectedBracket.foreground#B04A2D
- editorBracketMatch.background#DAD9D580
- editorBracketMatch.border#C15F3C
- editorCursor.foreground#C15F3C
- editorError.foreground#A85D4270
- editorGroup.border#D7D6D2
- editorGroup.dropBackground#DAD9D580
- editorGroupHeader.noTabsBackground#E9E8E4
- editorGroupHeader.tabsBackground#E9E8E4
- editorGroupHeader.tabsBorder#D7D6D2
- editorGutter.addedBackground#4F8A5D
- editorGutter.background#FAF9F6
- editorGutter.deletedBackground#B04A2D
- editorGutter.foldingControlForeground#9B968C
- editorGutter.modifiedBackground#B5832A
- editorHint.foreground#9B968C4D
- editorHoverWidget.background#FAF9F6
- editorHoverWidget.border#D6D2C6
- editorHoverWidget.foreground#251F19
- editorIndentGuide.activeBackground1#A5A39D
- editorIndentGuide.background1#DEDDD9
- editorInfo.foreground#4F8A5D59
- editorLineNumber.activeForeground#C15F3C
- editorLineNumber.foreground#B5AC97
- editorOverviewRuler.addedForeground#4F8A5D
- editorOverviewRuler.border#E2E1DD
- editorOverviewRuler.deletedForeground#B04A2D
- editorOverviewRuler.errorForeground#A85D424D
- editorOverviewRuler.findMatchForeground#ECD6B2
- editorOverviewRuler.infoForeground#4F8A5D44
- editorOverviewRuler.modifiedForeground#B5832A
- editorOverviewRuler.warningForeground#8C6A3D44
- editorOverviewRuler.wordHighlightForeground#D4D2CC
- editorRuler.foreground#E2E1DD
- editorSuggestWidget.background#FAF9F6
- editorSuggestWidget.border#D6D2C6
- editorSuggestWidget.foreground#251F19
- editorSuggestWidget.highlightForeground#C15F3C
- editorSuggestWidget.selectedBackground#DAD9D5
- editorWarning.foreground#8C6A3D66
- editorWhitespace.foreground#DDDCD8
- errorForeground#B04A2D
- focusBorder#C15F3C
- foreground#251F19
- gitDecoration.conflictingResourceForeground#C15F3C
- gitDecoration.deletedResourceForeground#B04A2D
- gitDecoration.ignoredResourceForeground#B5AC97
- gitDecoration.modifiedResourceForeground#A8651E
- gitDecoration.stageDeletedResourceForeground#9B5235
- gitDecoration.stageModifiedResourceForeground#825B3E
- gitDecoration.submoduleResourceForeground#825B3E
- gitDecoration.untrackedResourceForeground#4F8A5D
- icon.foreground#45382D
- input.background#FFFFFF
- input.border#D6D2C6
- input.foreground#251F19
- input.placeholderForeground#9B968C
- inputOption.activeBackground#DAD9D5
- inputOption.activeBorder#C15F3C
- inputOption.activeForeground#251F19
- inputValidation.errorBackground#F8E5DD
- inputValidation.errorBorder#C04A2D
- inputValidation.infoBackground#EBEFE0
- inputValidation.infoBorder#6B7B5A
- inputValidation.warningBackground#F8EFD9
- inputValidation.warningBorder#B5832A
- list.activeSelectionBackground#DAD9D5
- list.activeSelectionForeground#251F19
- list.dropBackground#DAD9D580
- list.errorForeground#B04A2D
- list.focusBackground#E1E0DC
- list.focusForeground#251F19
- list.focusOutline#C15F3C
- list.highlightForeground#C15F3C
- list.hoverBackground#E7E6E2
- list.hoverForeground#251F19
- list.inactiveSelectionBackground#E1E0DC
- list.inactiveSelectionForeground#251F19
- list.warningForeground#B5832A
- menu.background#FAF9F6
- menu.border#D6D2C6
- menu.foreground#251F19
- menu.selectionBackground#DAD9D5
- menu.selectionForeground#251F19
- menu.separatorBackground#D7D6D2
- merge.commonContentBackground#A8651E20
- merge.commonHeaderBackground#A8651E40
- merge.currentContentBackground#4F8A5D20
- merge.currentHeaderBackground#4F8A5D40
- merge.incomingContentBackground#4C789020
- merge.incomingHeaderBackground#4C789040
- minimap.background#FAF9F6
- minimap.errorHighlight#B04A2D
- minimap.findMatchHighlight#ECD6B2
- minimap.selectionHighlight#DAD9D5
- minimap.warningHighlight#B5832A
- notificationCenterHeader.background#E9E8E4
- notificationLink.foreground#C15F3C
- notifications.background#FAF9F6
- notifications.border#D6D2C6
- notifications.foreground#251F19
- panel.background#FAF9F6
- panel.border#D7D6D2
- panelInput.border#D6D2C6
- panelTitle.activeBorder#C15F3C
- panelTitle.activeForeground#251F19
- panelTitle.inactiveForeground#7B7A76
- peekViewBorder#C15F3C
- peekViewEditor.background#E9E8E4
- peekViewEditor.matchHighlightBackground#ECD6B280
- peekViewResult.background#E7E6E2
- peekViewResult.fileForeground#251F19
- peekViewResult.lineForeground#5C5A55
- peekViewResult.matchHighlightBackground#ECD6B2
- peekViewResult.selectionBackground#DAD9D5
- peekViewTitle.background#E1E0DC
- peekViewTitleDescription.foreground#5F5145
- peekViewTitleLabel.foreground#251F19
- scrollbar.shadow#00000010
- scrollbarSlider.activeBackground#00000033
- scrollbarSlider.background#0000001A
- scrollbarSlider.hoverBackground#00000026
- selection.background#DAD9D5
- sideBar.background#E9E8E4
- sideBar.border#D7D6D2
- sideBar.foreground#251F19
- sideBarSectionHeader.background#E9E8E4
- sideBarSectionHeader.border#D7D6D200
- sideBarSectionHeader.foreground#251F19
- sideBarTitle.foreground#5C5A55
- statusBar.background#E9E8E4
- statusBar.border#D7D6D2
- statusBar.debuggingBackground#A8651E
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#3A332C
- statusBar.noFolderBackground#E9E8E4
- statusBarItem.activeBackground#D8D7D3
- statusBarItem.errorBackground#B04A2D
- statusBarItem.errorForeground#FFFFFF
- statusBarItem.hoverBackground#E1E0DC
- statusBarItem.prominentBackground#E1E0DC
- statusBarItem.prominentHoverBackground#D8D7D3
- statusBarItem.remoteBackground#7A5D45
- statusBarItem.remoteForeground#FFFFFF
- statusBarItem.warningBackground#B5832A
- statusBarItem.warningForeground#FFFFFF
- tab.activeBackground#FAF9F6
- tab.activeBorder#FAF9F6
- tab.activeBorderTop#C15F3C
- tab.activeForeground#251F19
- tab.border#D7D6D2
- tab.hoverBackground#E1E0DC
- tab.hoverForeground#251F19
- tab.inactiveBackground#E9E8E4
- tab.inactiveForeground#7B7A76
- tab.unfocusedActiveForeground#5C5A55
- tab.unfocusedInactiveForeground#9B968C
- terminal.ansiBlack#251F19
- terminal.ansiBlue#4C7890
- terminal.ansiBrightBlack#7B7A76
- terminal.ansiBrightBlue#5C8AA2
- terminal.ansiBrightCyan#5D8B7B
- terminal.ansiBrightGreen#5FA06C
- terminal.ansiBrightMagenta#AA6A63
- terminal.ansiBrightRed#C15F3C
- terminal.ansiBrightWhite#251F19
- terminal.ansiBrightYellow#B5832A
- terminal.ansiCyan#4E7465
- terminal.ansiGreen#4F8A5D
- terminal.ansiMagenta#965E57
- terminal.ansiRed#B04A2D
- terminal.ansiWhite#5C5A55
- terminal.ansiYellow#A8651E
- terminal.background#FAF9F6
- terminal.foreground#251F19
- terminal.selectionBackground#DAD9D5
- terminalCursor.foreground#C15F3C
- textBlockQuote.background#E7E6E2
- textBlockQuote.border#C15F3C
- textCodeBlock.background#E9E8E4
- textLink.activeForeground#9B4A2D
- textLink.foreground#C15F3C
- textPreformat.foreground#825B3E
- textSeparator.foreground#D6D2C6
- titleBar.activeBackground#E9E8E4
- titleBar.activeForeground#251F19
- titleBar.border#D7D6D2
- titleBar.inactiveBackground#E9E8E4
- titleBar.inactiveForeground#7B7A76
- tree.indentGuidesStroke#DDDCD8
- widget.border#D7D6D2
- widget.shadow#0000000A
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #9F9A90 | italic |
| comment.block.documentation, storage.type.class.jsdoc, punctuation.definition.block.tag.jsdoc, variable.other.jsdoc, entity.name.type.instance.jsdoc | #928D84 | italic |
| variable, meta.definition.variable.name, support.variable, string constant.other.placeholder | #251F19 | — |
| variable.parameter, meta.parameter | #34281F | — |
| variable.other.property, variable.other.object.property, meta.object-literal.key, support.type.property-name | #514235 | — |
| constant, entity.name.constant, variable.other.constant, variable.other.enummember, support.constant | #7D552C | — |
| constant.numeric, constant.language.numeric | #7D552C | — |
| constant.language, constant.language.boolean, constant.language.null, constant.language.undefined | #7E5851 | — |
| string, punctuation.definition.string, constant.other.symbol | #655346 | — |
| constant.character.escape, constant.other.placeholder | #7D552C | — |
| meta.template.expression, punctuation.definition.template-expression | #67584D | — |
| string.regexp, constant.character.escape.regexp | #7E5851 | — |
| keyword, keyword.control, keyword.other | #77594B | — |
| storage, storage.type, storage.modifier | #665244 | — |
| keyword.operator, punctuation.separator, punctuation.terminator | #7A746E | — |
| entity.name.function, variable.function | #237A49 | bold |
| entity.name.method | #237A49 | bold |
| meta.function-call entity.name.function, meta.function-call support.function, meta.function-call variable.function | #237A49 | bold |
| meta.function-call variable.function.member | #237A49 | bold |
| entity.name.type, entity.name.class, entity.other.inherited-class, support.class, support.type, meta.type, meta.class | #4F6B5C | — |
| entity.name.type.interface, entity.name.type.parameter | #3F7968 | — |
| entity.name.namespace, entity.name.module, support.module | #655346 | — |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #7D552C | italic |
| punctuation, meta.brace, meta.bracket | #9A9691 | — |
| variable.language.this, variable.language.self | #7E5851 | — |
| keyword.control.import, keyword.control.export, keyword.control.from | #77594B | — |
| invalid, invalid.illegal | #B04A2D | — |
| invalid.deprecated | #9B968C | strikethrough |
| entity.name.tag, support.class.component | #77594B | — |
| entity.other.attribute-name | #655346 | italic |
| support.type.property-name.css, meta.property-name.css | #514235 | — |
| support.constant.property-value.css, constant.other.color.rgb-value | #7D552C | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #4F6B5C | — |
| support.type.property-name.json, meta.structure.dictionary.json string.quoted.double.json | #514235 | — |
| markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown | #77594B | bold |
| markup.bold | #665244 | bold |
| markup.italic | #4F6B5C | italic |
| markup.inline.raw, markup.fenced_code | #655346 | — |
| markup.underline.link, string.other.link | #4C7890 | underline |
| markup.list, punctuation.definition.list_item.markdown | #7D552C | — |
| markup.quote | #67584D | italic |
| markup.inserted | #4F8A5D | — |
| markup.deleted | #B04A2D | — |
| markup.changed | #7D552C | — |