Sable Signal
Publisher: PenryThemes in package: 1
A neutral-black VS Code theme with gold accents and expressive italic syntax.
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#0A0A0B
- activityBar.border#1C1E21
- activityBar.foreground#9A9FA8
- activityBar.inactiveForeground#4B5058
- activityBarBadge.background#FFCC66
- activityBarBadge.foreground#080808
- activityBarTop.activeBorder#FFCC66
- badge.background#FF9473
- badge.foreground#080808
- breadcrumb.activeSelectionForeground#FFCC66
- breadcrumb.background#080808
- breadcrumb.focusForeground#D9DDE2
- breadcrumb.foreground#737A84
- button.background#D9A941
- button.foreground#080808
- button.hoverBackground#FFCC66
- button.secondaryBackground#1B1D21
- button.secondaryForeground#D9DDE2
- button.secondaryHoverBackground#25282D
- chat.avatarForeground#FFCC66
- chat.checkpointSeparator#1C1E21
- chat.requestBorder#1C1E21
- chat.requestBubbleBackground#101113
- chat.requestBubbleHoverBackground#161719
- chat.requestCodeBorder#25282D
- chat.slashCommandBackground#FFCC661A
- chat.slashCommandForeground#FFCC66
- checkbox.background#101113
- checkbox.border#30343A
- commandCenter.activeBackground#161719
- commandCenter.background#101113
- commandCenter.border#25282D
- commandCenter.foreground#737A84
- debugExceptionWidget.background#101113
- debugExceptionWidget.border#30343A
- debugToolBar.background#101113
- descriptionForeground#737A84
- diffEditor.insertedLineBackground#A8CF7A10
- diffEditor.insertedTextBackground#A8CF7A24
- diffEditor.removedLineBackground#F5617410
- diffEditor.removedTextBackground#F5617424
- dropdown.background#101113
- dropdown.border#25282D
- dropdown.foreground#D9DDE2
- dropdown.listBackground#101113
- editor.background#080808
- editor.findMatchBackground#FFCC6655
- editor.findMatchBorder#FFCC66
- editor.findMatchHighlightBackground#FFCC662B
- editor.findRangeHighlightBackground#78A6E81F
- editor.foldBackground#78A6E810
- editor.foreground#D9DDE2
- editor.hoverHighlightBackground#161719
- editor.inactiveSelectionBackground#30343A80
- editor.lineHighlightBackground#101113
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#161719
- editor.selectionBackground#30343A
- editor.selectionHighlightBackground#3A3D4280
- editor.wordHighlightBackground#78A6E822
- editor.wordHighlightStrongBackground#FFCC6622
- editorBracketHighlight.foreground1#FFCC66
- editorBracketHighlight.foreground2#78A6E8
- editorBracketHighlight.foreground3#B695D6
- editorBracketHighlight.foreground4#E27376
- editorBracketHighlight.foreground5#A8CF7A
- editorBracketHighlight.foreground6#76C7E6
- editorBracketMatch.background#161719
- editorBracketMatch.border#4B5058
- editorCodeLens.foreground#4B5058
- editorCursor.foreground#FFCC66
- editorError.foreground#F56174
- editorGroup.border#1C1E21
- editorGroup.dropBackground#78A6E818
- editorGroup.emptyBackground#080808
- editorGroupHeader.noTabsBackground#080808
- editorGroupHeader.tabsBackground#0A0A0B
- editorGroupHeader.tabsBorder#1C1E21
- editorGutter.addedBackground#A8CF7A
- editorGutter.background#080808
- editorGutter.deletedBackground#F56174
- editorGutter.modifiedBackground#78A6E8
- editorHoverWidget.background#101113
- editorHoverWidget.border#25282D
- editorIndentGuide.activeBackground1#30343A
- editorIndentGuide.background1#161719
- editorInfo.foreground#78A6E8
- editorLineNumber.activeForeground#9A9FA8
- editorLineNumber.foreground#30343A
- editorLink.activeForeground#76C7E6
- editorOverviewRuler.border#1C1E21
- editorRuler.foreground#1C1E21
- editorStickyScroll.background#0B0C0D
- editorStickyScrollHover.background#101113
- editorSuggestWidget.background#101113
- editorSuggestWidget.border#25282D
- editorSuggestWidget.focusHighlightForeground#FFCC66
- editorSuggestWidget.foreground#D9DDE2
- editorSuggestWidget.highlightForeground#78A6E8
- editorSuggestWidget.selectedBackground#1B1D21
- editorWarning.foreground#FFCC66
- editorWhitespace.foreground#1C1E21
- editorWidget.background#101113
- editorWidget.border#25282D
- errorForeground#F56174
- focusBorder#FFCC6688
- foreground#9A9FA8
- gitDecoration.addedResourceForeground#91B968
- gitDecoration.conflictingResourceForeground#FFCC66
- gitDecoration.deletedResourceForeground#E86A85
- gitDecoration.ignoredResourceForeground#4B5058
- gitDecoration.modifiedResourceForeground#78A6E8
- gitDecoration.renamedResourceForeground#76C7E6
- gitDecoration.untrackedResourceForeground#A8CF7A
- icon.foreground#737A84
- inlineChatInput.border#25282D
- input.background#101113
- input.border#25282D
- input.foreground#D9DDE2
- input.placeholderForeground#4B5058
- inputOption.activeBackground#FFCC6622
- inputOption.activeBorder#FFCC6688
- inputValidation.errorBackground#2B151B
- inputValidation.errorBorder#F56174
- inputValidation.infoBackground#13202B
- inputValidation.infoBorder#78A6E8
- inputValidation.warningBackground#292316
- inputValidation.warningBorder#FFCC66
- keybindingLabel.background#161719
- keybindingLabel.border#25282D
- keybindingLabel.bottomBorder#30343A
- keybindingLabel.foreground#9A9FA8
- list.activeSelectionBackground#1B1D21
- list.activeSelectionForeground#D9DDE2
- list.dropBackground#25282D
- list.errorForeground#F56174
- list.focusBackground#161719
- list.focusForeground#D9DDE2
- list.highlightForeground#FFCC66
- list.hoverBackground#161719
- list.hoverForeground#D9DDE2
- list.inactiveSelectionBackground#171C23
- list.inactiveSelectionForeground#D9DDE2
- list.warningForeground#FFCC66
- menu.background#101113
- menu.border#25282D
- menu.foreground#D9DDE2
- menu.selectionBackground#1B1D21
- menu.selectionForeground#FFFFFF
- menubar.selectionBackground#161719
- notebook.focusedCellBorder#FFCC6688
- notebook.inactiveFocusedCellBorder#30343A
- notificationCenter.border#25282D
- notificationCenterHeader.background#0A0A0B
- notificationLink.foreground#78A6E8
- notifications.background#101113
- notifications.border#25282D
- notifications.foreground#D9DDE2
- panel.background#0A0A0B
- panel.border#1C1E21
- panelInput.border#25282D
- panelTitle.activeBorder#FFCC66
- panelTitle.activeForeground#D9DDE2
- panelTitle.inactiveForeground#4B5058
- peekView.border#FFCC6666
- peekViewEditor.background#0B0C0D
- peekViewEditor.matchHighlightBackground#FFCC6633
- peekViewResult.background#0A0A0B
- peekViewResult.selectionBackground#1B1D21
- peekViewTitle.background#101113
- pickerGroup.border#25282D
- pickerGroup.foreground#FFCC66
- progressBar.background#FFCC66
- quickInput.background#101113
- quickInput.foreground#D9DDE2
- quickInputList.focusBackground#1B1D21
- scrollbar.shadow#00000066
- scrollbarSlider.activeBackground#737A8466
- scrollbarSlider.background#737A8424
- scrollbarSlider.hoverBackground#737A8444
- selection.background#30343A
- sideBar.background#0A0A0B
- sideBar.border#1C1E21
- sideBar.foreground#9A9FA8
- sideBarSectionHeader.background#0A0A0B
- sideBarSectionHeader.border#1C1E21
- sideBarSectionHeader.foreground#FFCC66
- sideBarStickyScroll.border#1C1E21
- sideBarTitle.foreground#D9A941
- statusBar.background#0A0A0B
- statusBar.border#1C1E21
- statusBar.debuggingBackground#D9A941
- statusBar.debuggingForeground#080808
- statusBar.foreground#737A84
- statusBar.noFolderBackground#0A0A0B
- statusBarItem.hoverBackground#161719
- statusBarItem.prominentBackground#1B1D21
- tab.activeBackground#080808
- tab.activeBorderTop#FFCC66
- tab.activeForeground#D9DDE2
- tab.border#1C1E21
- tab.hoverBackground#101113
- tab.inactiveBackground#0A0A0B
- tab.inactiveForeground#4B5058
- tab.unfocusedActiveForeground#9A9FA8
- terminal.ansiBlack#080808
- terminal.ansiBlue#78A6E8
- terminal.ansiBrightBlack#4B5058
- terminal.ansiBrightBlue#A7C4FF
- terminal.ansiBrightCyan#B2EBF2
- terminal.ansiBrightGreen#D7F3AA
- terminal.ansiBrightMagenta#DAB4F3
- terminal.ansiBrightRed#FF869A
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#F8D995
- terminal.ansiCyan#76C7E6
- terminal.ansiGreen#A8CF7A
- terminal.ansiMagenta#B695D6
- terminal.ansiRed#F56174
- terminal.ansiWhite#D9DDE2
- terminal.ansiYellow#FFCC66
- terminal.background#080808
- terminal.border#1C1E21
- terminal.foreground#D9DDE2
- terminal.selectionBackground#30343A
- terminalCursor.foreground#FFCC66
- textBlockQuote.background#101113
- textBlockQuote.border#30343A
- textCodeBlock.background#101113
- textLink.activeForeground#76C7E6
- textLink.foreground#78A6E8
- textPreformat.foreground#A8CF7A
- titleBar.activeBackground#0A0A0B
- titleBar.activeForeground#9A9FA8
- titleBar.border#1C1E21
- titleBar.inactiveBackground#0A0A0B
- titleBar.inactiveForeground#4B5058
- walkThrough.embeddedEditorBackground#080808
- widget.border#25282D
- widget.shadow#00000080
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source, text | #D9DDE2 | — |
| comment, punctuation.definition.comment | #4B5058 | italic |
| keyword, keyword.control, constant.language | #76C7E6 | italic |
| storage.type, storage.modifier, storage.control | #B695D6 | italic |
| keyword.operator, keyword.operator.logical, keyword.operator.comparison, punctuation.separator, punctuation.accessor | #76C7E6 | — |
| string, string.quoted, string.template | #A8CF7A | — |
| punctuation.definition.string, punctuation.definition.template-expression | #91B968 | — |
| constant.numeric, constant.character, constant.other | #E28768 | — |
| entity.name.function, support.function, meta.function-call generic.function-support | #78A6E8 | — |
| entity.name.type, entity.name.class, entity.other.inherited-class, support.type, support.class | #FFCC66 | — |
| variable.parameter, meta.parameters variable | #D9DDE2 | italic |
| variable, variable.other.readwrite | #D9DDE2 | — |
| variable.other.property, variable.object.property, support.type.property-name, meta.object-literal.key, source.python meta.member.access.python, source.python meta.attribute.python | #E27376 | — |
| source.python meta.function-call.python, source.python meta.function-call.python entity.name.function, source.python meta.function-call.python support.function | #78A6E8 | — |
| variable.language, variable.language.this, variable.language.self | #AEB7C2 | italic |
| punctuation.decorator, punctuation.definition.decorator | #76C7E6 | italic |
| entity.name.tag, meta.tag.sgml | #E27376 | — |
| entity.other.attribute-name | #FFCC66 | italic |
| string.regexp, constant.regexp | #76C7E6 | — |
| constant.character.escape, constant.character.entity | #FFCC66 | — |
| invalid, invalid.illegal, invalid.deprecated | #F56174 | italic underline |
| storage.type.function.python, storage.type.class.python | #B695D6 | italic |
| support.function.builtin.python | #78A6E8 | — |
| support.type.python | #FFCC66 | — |
| variable.language.special.self.python, variable.parameter.function.language.special.self.python | #AEB7C2 | italic |
| support.type.property-name.json, support.type.property-name.yaml, entity.name.tag.yaml | #E27376 | — |
| entity.name.section.markdown, markup.heading, punctuation.definition.heading.markdown | #FFCC66 | bold |
| markup.bold, punctuation.definition.bold.markdown | #FF9473 | bold |
| markup.italic, punctuation.definition.italic.markdown | #B695D6 | italic |
| markup.inline.raw, markup.fenced_code.block | #A8CF7A | — |
| markup.underline.link, string.other.link | #78A6E8 | underline |
| markup.inserted | #A8CF7A | — |
| markup.deleted | #F56174 | — |
| markup.changed | #FFCC66 | — |