Silver Rainbow
Publisher: zephyrtroniumThemes in package: 16
Grayscale-ish color themes.
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#59696c
- activityBar.background#31393b
- activityBar.foreground#e5f6fa
- activityBar.inactiveForeground#8f9ea1
- activityBarBadge.background#9da587
- activityBarBadge.foreground#565a4b
- badge.background#31393b
- badge.foreground#e5f6fa
- button.background#31393b
- button.foreground#e5f6fa
- button.secondaryBackground#070a0a
- descriptionForeground#59696c
- disabledForeground#59696c
- dropdown.background#e5f6fa
- dropdown.border#59696c
- editor.background#e5f6fa
- editor.findMatchBackground#a59db090
- editor.findMatchHighlightBackground#6b637750
- editor.findRangeHighlightBackground#31393b20
- editor.foldBackground#59696c20
- editor.foreground#31393b
- editor.hoverHighlightBackground#59696c50
- editor.lineHighlightBackground#59696c10
- editor.selectionBackground#8f9ea180
- editor.selectionHighlightBackground#8f9ea138
- editor.wordHighlightBackground#59696c20
- editor.wordHighlightStrongBackground#59696c20
- editorBracketHighlight.foreground1#070a0a
- editorBracketHighlight.foreground2#3b3740
- editorBracketHighlight.foreground3#5f574f
- editorBracketHighlight.foreground4#31393b
- editorBracketHighlight.foreground5#6b6377
- editorBracketHighlight.foreground6#110e0c
- editorBracketMatch.background#59696c50
- editorBracketMatch.border#0000
- editorCodeLens.foreground#59696c
- editorGroup.dropBackground#31393b80
- editorGroup.dropIntoPromptBackground#e5f6fa
- editorGroup.dropIntoPromptForeground#31393b
- editorGroupHeader.tabsBackground#e5f6fa
- editorGutter.background#59696c10
- editorGutter.foldingControlForeground#31393b
- editorHoverWidget.border#8f9ea1
- editorIndentGuide.activeBackground#59696c
- editorIndentGuide.activeBackground1#59696c
- editorInfo.foreground#8f9ea1
- editorInlayHint.background#8f9ea118
- editorInlayHint.foreground#8f9ea1
- editorLightBulb.foreground#31393b
- editorLineNumber.activeForeground#59696c
- editorLineNumber.foreground#8f9ea1
- editorLink.activeForeground#565a4b
- editorMarkerNavigation.background#e5f6fa
- editorOverviewRuler.findMatchForeground#a59db0
- editorOverviewRuler.selectionHighlightForeground#59696c
- editorPane.background#8f9ea1
- editorRuler.foreground#31393b60
- editorSuggestWidget.border#8f9ea1
- editorWhitespace.foreground#59696c80
- editorWidget.background#e5f6fa
- editorWidget.border#0000
- focusBorder#8f9ea1
- foreground#31393b
- icon.foreground#31393b
- input.background#59696c20
- input.placeholderForeground#59696c
- inputOption.activeBackground#8f9ea1
- inputOption.activeBorder#0000
- inputOption.hoverBackground#59696c30
- keybindingLabel.background#8f9ea140
- keybindingLabel.border#0000
- keybindingLabel.bottomBorder#0000
- keybindingLabel.foreground#31393b
- list.activeSelectionBackground#8f9ea1
- list.activeSelectionForeground#070a0a
- list.dropBackground#8f9ea1
- list.focusBackground#8f9ea130
- list.focusOutline#0000
- list.hoverBackground#8f9ea140
- list.inactiveSelectionBackground#8f9ea1a0
- menu.background#e5f6fa
- menubar.selectionBackground#59696c60
- minimap.background#e5f6fa
- minimap.findMatchHighlight#a59db0
- minimap.selectionHighlight#8f9ea1a0
- notificationCenterHeader.background#8f9ea1
- notificationCenterHeader.foreground#070a0a
- notificationsInfoIcon.foreground#070a0a
- panelTitle.activeBorder#0000
- panelTitle.activeForeground#070a0a
- panelTitle.inactiveForeground#59696c
- peekView.border#59696c
- peekViewEditor.background#e5f6fa
- peekViewEditor.matchHighlightBackground#a59db080
- peekViewResult.background#8f9ea1
- peekViewResult.fileForeground#31393b
- peekViewResult.lineForeground#070a0a
- peekViewResult.matchHighlightBackground#e5f6faa0
- peekViewResult.selectionBackground#e5f6fa60
- peekViewResult.selectionForeground#31393b
- peekViewTitle.background#8f9ea1
- peekViewTitleDescription.foreground#31393b
- settings.headerBorder#59696c
- settings.headerForeground#31393b
- settings.modifiedItemIndicator#31393b
- settings.sashBorder#31393b
- sideBar.background#e5f6fa
- sideBarSectionHeader.background#e5f6fa
- sideBarSectionHeader.foreground#31393b
- sideBarTitle.foreground#31393b
- statusBar.background#31393b
- statusBar.debuggingBackground#5f574f
- statusBar.debuggingForeground#fff4e9
- statusBar.foreground#e5f6fa
- tab.activeForeground#31393b
- tab.border#0000
- tab.inactiveBackground#8f9ea1
- tab.inactiveForeground#070a0a
- tab.lastPinnedBorder#59696c
- tab.unfocusedActiveForeground#59696c
- tab.unfocusedInactiveBackground#8f9ea1a0
- tab.unfocusedInactiveForeground#31393b
- terminal.ansiBlack#000
- terminal.ansiBlue#00a
- terminal.ansiBrightBlack#555
- terminal.ansiBrightBlue#55f
- terminal.ansiBrightCyan#5ff
- terminal.ansiBrightGreen#5f5
- terminal.ansiBrightMagenta#f5f
- terminal.ansiBrightRed#f55
- terminal.ansiBrightWhite#fff
- terminal.ansiBrightYellow#ff5
- terminal.ansiCyan#0aa
- terminal.ansiGreen#0a0
- terminal.ansiMagenta#a0a
- terminal.ansiRed#a00
- terminal.ansiWhite#aaa
- terminal.ansiYellow#aa0
- terminal.foreground#31393b
- textBlockQuote.background#8f9ea160
- textBlockQuote.border#31393b
- textCodeBlock.background#8f9ea140
- textLink.activeForeground#9da587
- textLink.foreground#565a4b
- textPreformat.foreground#070a0a
- titleBar.activeBackground#8f9ea1
- titleBar.activeForeground#070a0a
- titleBar.inactiveBackground#e5f6fa
- titleBar.inactiveForeground#59696c
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #59696c | — |
| keyword, storage.type, storage.modifier | #070a0a | — |
| keyword.control, constant.other.color, meta.tag, punctuation, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution | #59696c | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #070a0a | — |
| meta.attribute | #31393b | — |
| string.other.link | #565a4b | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other | #3b3740 | — |
| string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #3b3740 | — |
| constant.character.escape, constant.other.character-class.regexp | #5f574f | — |
| *url*, *link*, *uri* | — | underline |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown, entity.name.section | #070a0a | — |
| markup.italic | — | italic |
| markup.bold, markup.bold string | — | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | — | italic bold |
| markup.underline | — | underline |
| markup.raw.block | #3b3740 | — |
| markup.raw.block.fenced.markdown, markup.fenced_code.block | #3b3740 | — |
| variable.language.fenced.markdown, fenced_code.block.language | #3b3740 | — |
| markup.inline.raw | #3b3740 | — |
| meta.separator | #070a0a | bold |