Raindrop (Unofficial)
Publisher: jdussoldThemes in package: 1
An unofficial port of the Raindrop theme from ray.so
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.activeBorder#2ed9ff
- activityBar.background#0e1a28
- activityBar.border#0e1a28
- activityBar.foreground#e4f2ff
- activityBar.inactiveForeground#3d5673
- activityBarBadge.background#2ed9ff
- activityBarBadge.foreground#0e1a28
- badge.background#2ed9ff
- badge.foreground#0a1320
- breadcrumb.activeSelectionForeground#2ed9ff
- breadcrumb.background#142234
- breadcrumb.focusForeground#e4f2ff
- breadcrumb.foreground#9dd8eb
- breadcrumbPicker.background#0e1a28
- button.background#2ed9ff
- button.foreground#0a1320
- button.hoverBackground#5be3ff
- button.secondaryBackground#1c2e44
- button.secondaryForeground#e4f2ff
- button.secondaryHoverBackground#2c4159
- diffEditor.insertedLineBackground#7eddb815
- diffEditor.insertedTextBackground#7eddb820
- diffEditor.removedLineBackground#ff6b8a18
- diffEditor.removedTextBackground#ff6b8a25
- dropdown.background#0e1a28
- dropdown.border#1c2e44
- dropdown.foreground#e4f2ff
- dropdown.listBackground#0e1a28
- editor.background#142234
- editor.findMatchBackground#9984ee60
- editor.findMatchHighlightBackground#9984ee30
- editor.foreground#e4f2ff
- editor.hoverHighlightBackground#2ed9ff20
- editor.inactiveSelectionBackground#2ed9ff20
- editor.lineHighlightBackground#1c2e44
- editor.lineHighlightBorder#1c2e44
- editor.rangeHighlightBackground#1c2e4480
- editor.selectionBackground#2ed9ff40
- editor.selectionHighlightBackground#2ed9ff20
- editor.wordHighlightBackground#1ad6b530
- editor.wordHighlightStrongBackground#1ad6b550
- editorBracketHighlight.foreground1#2ed9ff
- editorBracketHighlight.foreground2#9984ee
- editorBracketHighlight.foreground3#1ad6b5
- editorBracketHighlight.foreground4#9dd8eb
- editorBracketHighlight.foreground5#7eddb8
- editorBracketHighlight.foreground6#008bb7
- editorBracketHighlight.unexpectedBracket.foreground#ff6b8a
- editorBracketMatch.background#2ed9ff30
- editorBracketMatch.border#2ed9ff80
- editorCursor.foreground#2ed9ff
- editorError.foreground#ff6b8a
- editorGroup.border#0e1a28
- editorGroupHeader.tabsBackground#0e1a28
- editorGroupHeader.tabsBorder#0e1a28
- editorGutter.addedBackground#7eddb8
- editorGutter.background#142234
- editorGutter.deletedBackground#ff6b8a
- editorGutter.modifiedBackground#9984ee
- editorHint.foreground#7eddb8
- editorIndentGuide.activeBackground1#2c4159
- editorIndentGuide.background1#1c2e44
- editorInfo.foreground#2ed9ff
- editorLineNumber.activeForeground#9dd8eb
- editorLineNumber.foreground#3d5673
- editorRuler.foreground#1c2e44
- editorWarning.foreground#e8c468
- editorWhitespace.foreground#2c3e54
- focusBorder#2ed9ff
- foreground#e4f2ff
- gitDecoration.addedResourceForeground#7eddb8
- gitDecoration.conflictingResourceForeground#e8c468
- gitDecoration.deletedResourceForeground#ff6b8a
- gitDecoration.ignoredResourceForeground#3d5673
- gitDecoration.modifiedResourceForeground#9984ee
- gitDecoration.renamedResourceForeground#1ad6b5
- gitDecoration.stageDeletedResourceForeground#ff6b8a
- gitDecoration.stageModifiedResourceForeground#9984ee
- gitDecoration.submoduleResourceForeground#008bb7
- gitDecoration.untrackedResourceForeground#7eddb8
- input.background#0e1a28
- input.border#1c2e44
- input.foreground#e4f2ff
- input.placeholderForeground#3d5673
- inputOption.activeBackground#2ed9ff40
- inputOption.activeBorder#2ed9ff
- inputOption.activeForeground#e4f2ff
- inputValidation.errorBackground#ff6b8a30
- inputValidation.errorBorder#ff6b8a
- inputValidation.infoBackground#2ed9ff30
- inputValidation.infoBorder#2ed9ff
- inputValidation.warningBackground#e8c46830
- inputValidation.warningBorder#e8c468
- list.activeSelectionBackground#1c2e44
- list.activeSelectionForeground#2ed9ff
- list.errorForeground#ff6b8a
- list.focusBackground#1c2e44
- list.focusForeground#e4f2ff
- list.highlightForeground#2ed9ff
- list.hoverBackground#1a2a3e
- list.hoverForeground#e4f2ff
- list.inactiveSelectionBackground#1c2e44
- list.inactiveSelectionForeground#e4f2ff
- list.warningForeground#e8c468
- menu.background#0e1a28
- menu.border#1c2e44
- menu.foreground#e4f2ff
- menu.selectionBackground#1c2e44
- menu.selectionForeground#2ed9ff
- menu.separatorBackground#1c2e44
- menubar.selectionBackground#1c2e44
- menubar.selectionForeground#e4f2ff
- minimap.background#142234
- minimap.errorHighlight#ff6b8a80
- minimap.findMatchHighlight#9984ee80
- minimap.warningHighlight#e8c46880
- minimapGutter.addedBackground#7eddb8
- minimapGutter.deletedBackground#ff6b8a
- minimapGutter.modifiedBackground#9984ee
- notificationCenterHeader.background#0e1a28
- notificationCenterHeader.foreground#e4f2ff
- notificationLink.foreground#2ed9ff
- notifications.background#0e1a28
- notifications.border#1c2e44
- notifications.foreground#e4f2ff
- panel.background#0e1a28
- panel.border#1c2e44
- panelTitle.activeBorder#2ed9ff
- panelTitle.activeForeground#e4f2ff
- panelTitle.inactiveForeground#3d5673
- peekView.border#2ed9ff
- peekViewEditor.background#0e1a28
- peekViewEditor.matchHighlightBackground#9984ee40
- peekViewResult.background#0a1320
- peekViewResult.fileForeground#e4f2ff
- peekViewResult.lineForeground#9dd8eb
- peekViewResult.matchHighlightBackground#9984ee40
- peekViewResult.selectionBackground#1c2e44
- peekViewResult.selectionForeground#e4f2ff
- peekViewTitle.background#0a1320
- peekViewTitleDescription.foreground#9dd8eb
- peekViewTitleLabel.foreground#e4f2ff
- pickerGroup.border#1c2e44
- pickerGroup.foreground#2ed9ff
- quickInput.background#0e1a28
- quickInput.foreground#e4f2ff
- quickInputTitle.background#0e1a28
- scrollbar.shadow#00000050
- scrollbarSlider.activeBackground#2ed9ff60
- scrollbarSlider.background#2ed9ff20
- scrollbarSlider.hoverBackground#2ed9ff40
- selection.background#2ed9ff40
- sideBar.background#0e1a28
- sideBar.border#0e1a28
- sideBar.foreground#9dd8eb
- sideBarSectionHeader.background#0e1a28
- sideBarSectionHeader.border#0e1a28
- sideBarSectionHeader.foreground#e4f2ff
- sideBarTitle.foreground#e4f2ff
- statusBar.background#0a1320
- statusBar.border#0a1320
- statusBar.debuggingBackground#9984ee
- statusBar.debuggingForeground#0a1320
- statusBar.foreground#9dd8eb
- statusBar.noFolderBackground#0a1320
- statusBarItem.errorBackground#ff6b8a
- statusBarItem.errorForeground#0a1320
- statusBarItem.hoverBackground#1c2e44
- statusBarItem.remoteBackground#1ad6b5
- statusBarItem.remoteForeground#0a1320
- statusBarItem.warningBackground#e8c468
- statusBarItem.warningForeground#0a1320
- tab.activeBackground#142234
- tab.activeBorderTop#2ed9ff
- tab.activeForeground#e4f2ff
- tab.border#0e1a28
- tab.hoverBackground#1a2a3e
- tab.hoverForeground#e4f2ff
- tab.inactiveBackground#0e1a28
- tab.inactiveForeground#3d5673
- tab.unfocusedActiveBorderTop#008bb7
- tab.unfocusedActiveForeground#9dd8eb
- terminal.ansiBlack#0a1320
- terminal.ansiBlue#008bb7
- terminal.ansiBrightBlack#3d5673
- terminal.ansiBrightBlue#2ed9ff
- terminal.ansiBrightCyan#9dd8eb
- terminal.ansiBrightGreen#9deec3
- terminal.ansiBrightMagenta#b3a3f2
- terminal.ansiBrightRed#ff8fa6
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#f0d488
- terminal.ansiCyan#2ed9ff
- terminal.ansiGreen#7eddb8
- terminal.ansiMagenta#9984ee
- terminal.ansiRed#ff6b8a
- terminal.ansiWhite#e4f2ff
- terminal.ansiYellow#e8c468
- terminal.background#0e1a28
- terminal.foreground#e4f2ff
- terminalCursor.background#0e1a28
- terminalCursor.foreground#2ed9ff
- textLink.activeForeground#5be3ff
- textLink.foreground#2ed9ff
- titleBar.activeBackground#0a1320
- titleBar.activeForeground#e4f2ff
- titleBar.border#0a1320
- titleBar.inactiveBackground#0a1320
- titleBar.inactiveForeground#3d5673
- widget.shadow#00000050
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6c808b | italic |
| comment.block.documentation | #6c808b | italic |
| storage.type.class.jsdoc, punctuation.definition.block.tag.jsdoc | #008bb7 | — |
| string | #9dd8eb | — |
| constant.character.escape | #2ed9ff | — |
| punctuation.section.embedded, punctuation.definition.template-expression | #2ed9ff | — |
| constant.numeric | #9984ee | — |
| constant.language | #9984ee | — |
| constant.other, support.constant | #9984ee | — |
| keyword, storage | #2ed9ff | — |
| keyword.operator | #2ed9ff | — |
| entity.name.function, support.function, meta.function-call entity.name.function | #1ad6b5 | — |
| entity.name.type, entity.name.class, entity.other.inherited-class, support.class, support.type | #1ad6b5 | — |
| variable | #008bb7 | — |
| variable.language | #008bb7 | italic |
| variable.other.readwrite.alias | #e4f2ff | — |
| variable.other.property, meta.property.object, support.variable.property | #e4f2ff | — |
| meta.decorator punctuation.decorator, meta.decorator entity.name.function | #1ad6b5 | italic |
| — | — | |
| entity.name.tag, support.class.component | #008bb7 | — |
| punctuation.definition.tag | #6c808b | — |
| entity.other.attribute-name | #9984ee | italic |
| — | — | |
| entity.name.tag.css, entity.name.tag.scss, entity.name.tag.less | #008bb7 | — |
| entity.other.attribute-name.class.css | #9984ee | — |
| entity.other.attribute-name.id.css | #9984ee | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #9984ee | italic |
| support.type.property-name.css, support.type.property-name | #2ed9ff | — |
| support.constant.property-value.css, meta.property-value.css | #9dd8eb | — |
| keyword.other.unit | #9984ee | — |
| constant.other.color | #7eddb8 | — |
| keyword.other.important.css | #ff6b8a | bold |
| — | — | |
| support.type.property-name.json | #2ed9ff | — |
| source.json string | #9dd8eb | — |
| — | — | |
| string.regexp | #9dd8eb | — |
| keyword.control.anchor.regexp | #9984ee | — |
| keyword.operator.quantifier.regexp, keyword.operator.or.regexp | #2ed9ff | — |
| constant.other.character-class.regexp, constant.other.character-class.set.regexp | #1ad6b5 | — |
| punctuation.definition.group.regexp | #2ed9ff | — |
| — | — | |
| markup.heading, entity.name.section.markdown | #1ad6b5 | bold |
| markup.bold | #9984ee | bold |
| markup.italic | #9984ee | italic |
| markup.underline.link, string.other.link | #2ed9ff | underline |
| string.other.link.title.markdown | #9dd8eb | — |
| markup.inline.raw, markup.fenced_code | #7eddb8 | — |
| markup.list, punctuation.definition.list | #008bb7 | — |
| markup.quote | #6c808b | italic |
| — | — | |
| markup.inserted | #7eddb8 | — |
| markup.deleted | #ff6b8a | — |
| markup.changed | #9984ee | — |
| — | — | |
| invalid, invalid.illegal | #ff6b8a | — |
| invalid.deprecated | #ff6b8a | italic strikethrough |