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#e1e2e4
- activityBar.activeBorder#0000
- activityBar.background#0e1219
- activityBar.foreground#27282c
- activityBar.inactiveForeground#e1e2e4
- badge.background#0e1219
- badge.foreground#9699a0
- button.background#27282c
- button.foreground#e1e2e4
- button.secondaryBackground#0e1219
- descriptionForeground#585b62
- disabledForeground#585b62
- dropdown.background#e1e2e4
- dropdown.border#9699a0
- editor.background#e1e2e4
- editor.findMatchBackground#767f7180
- editor.findMatchHighlightBackground#0000
- editor.findMatchHighlightBorder#767f7180
- editor.findRangeHighlightBackground#27282c18
- editor.foldBackground#9699a040
- editor.foreground#27282c
- editor.hoverHighlightBackground#9699a050
- editor.lineHighlightBackground#585b6218
- editor.selectionBackground#9699a080
- editor.selectionHighlightBackground#9699a040
- editorBracketHighlight.foreground1#0e1219
- editorBracketHighlight.foreground2#767f71
- editorBracketHighlight.foreground3#423f39
- editorBracketHighlight.foreground4#27282c
- editorBracketHighlight.foreground5#170d19
- editorBracketHighlight.foreground6#928d82
- editorBracketMatch.background#585b6240
- editorBracketMatch.border#0000
- editorCodeLens.foreground#585b62
- editorGroup.dropBackground#27282c80
- editorGroup.dropIntoPromptBackground#e3e0e3
- editorGroup.dropIntoPromptForeground#27282c
- editorGroupHeader.tabsBackground#9699a0
- editorGutter.background#585b6218
- editorGutter.foldingControlForeground#27282c
- editorHoverWidget.border#9699a0
- editorIndentGuide.activeBackground#585b62
- editorIndentGuide.activeBackground1#585b62
- editorInlayHint.background#9699a020
- editorInlayHint.foreground#585b62a0
- editorLightBulb.foreground#27282c
- editorLineNumber.activeForeground#0e1219
- editorLineNumber.foreground#585b62
- editorLink.activeForeground#343932
- editorMarkerNavigation.background#e1e2e4
- editorOverviewRuler.findMatchForeground#767f71e0
- editorOverviewRuler.selectionHighlightForeground#585b62e0
- editorPane.background#9699a0
- editorRuler.foreground#585b6260
- editorSuggestWidget.border#9699a0
- editorWhitespace.foreground#585b6280
- editorWidget.background#e1e2e4
- editorWidget.border#0000
- focusBorder#9699a0
- foreground#27282c
- icon.foreground#27282c
- input.background#e1e2e4
- input.border#9699a0
- input.placeholderForeground#585b62
- inputOption.activeBackground#9699a0a0
- inputOption.activeBorder#0000
- inputOption.hoverBackground#9699a040
- keybindingLabel.background#9699a040
- keybindingLabel.border#0000
- keybindingLabel.bottomBorder#0000
- keybindingLabel.foreground#27282c
- list.activeSelectionBackground#9699a0
- list.activeSelectionForeground#27282c
- list.dropBackground#9699a0
- list.focusBackground#9699a060
- list.focusOutline#0000
- list.hoverBackground#9699a030
- list.inactiveSelectionBackground#9699a0a0
- menu.background#e1e2e4
- menubar.selectionBackground#585b62
- minimap.background#e3e0e3
- minimap.findMatchHighlight#767f71e0
- minimap.selectionHighlight#9699a080
- notificationCenterHeader.background#9699a0
- notificationCenterHeader.foreground#0e1219
- notificationsInfoIcon.foreground#27282c
- panelTitle.activeBorder#0000
- panelTitle.activeForeground#0e1219
- panelTitle.inactiveForeground#585b62
- peekView.border#585b62
- peekViewEditor.background#e1e2e4
- peekViewEditor.matchHighlightBackground#9699a040
- peekViewResult.background#e1e2e4
- peekViewResult.fileForeground#27282c
- peekViewResult.lineForeground#0e1219
- peekViewResult.matchHighlightBackground#585b6240
- peekViewResult.selectionBackground#585b6240
- peekViewTitle.background#e1e2e4
- peekViewTitleDescription.foreground#27282c
- settings.headerBorder#585b62
- settings.headerForeground#27282c
- settings.modifiedItemIndicator#27282c
- settings.sashBorder#27282c
- sideBar.background#e1e2e4
- sideBarSectionHeader.background#e1e2e4
- sideBarSectionHeader.foreground#27282c
- sideBarTitle.foreground#27282c
- statusBar.background#27282c
- statusBar.debuggingBackground#9c929d
- statusBar.debuggingForeground#170d19
- statusBar.foreground#9699a0
- tab.activeForeground#0e1219
- tab.border#0000
- tab.inactiveBackground#9699a0
- tab.inactiveForeground#27282c
- tab.lastPinnedBorder#585b62
- tab.unfocusedActiveForeground#27282c
- tab.unfocusedInactiveBackground#9699a0a0
- tab.unfocusedInactiveForeground#27282c
- 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#27282c
- textBlockQuote.background#0000
- textBlockQuote.border#27282c
- textCodeBlock.background#9699a060
- textLink.activeForeground#343932
- textLink.foreground#162011
- textPreformat.foreground#0e1219
- titleBar.activeBackground#0e1219
- titleBar.activeForeground#e1e2e4
- titleBar.inactiveBackground#9699a0
- titleBar.inactiveForeground#27282c
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #585b62 | — |
| keyword, storage.type, storage.modifier | #0e1219 | — |
| 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 | #585b62 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #0e1219 | — |
| meta.attribute | #27282c | — |
| string.other.link | #343932 | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other | #5e5660 | — |
| 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 | #5e5660 | — |
| constant.character.escape, constant.other.character-class.regexp | #423f39 | — |
| *url*, *link*, *uri* | — | underline |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown, entity.name.section | #0e1219 | — |
| 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 | #5e5660 | — |
| markup.raw.block.fenced.markdown, markup.fenced_code.block | #5e5660 | — |
| variable.language.fenced.markdown, fenced_code.block.language | #5e5660 | — |
| markup.inline.raw | #5e5660 | — |
| meta.separator | #0e1219 | bold |