Rainy Hydrangea
Publisher: okenaktThemes in package: 1
A dark theme for VSCode inspired by hydrangeas on a rainy day.
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#8BB6E0
- activityBar.background#1C2229
- activityBar.foreground#C3C5C7
- activityBarBadge.background#8BB6E0
- badge.background#8BB6E0
- button.background#8BB6E088
- button.hoverBackground#8BB6E0
- editor.background#21272E
- editor.findMatchHighlightBackground#8BB6E088
- editor.foreground#C3C5C7
- editor.lineHighlightBackground#1C2229
- editor.selectionBackground#8BB6E088
- editorBracketHighlight.foreground1#D681C4
- editorBracketHighlight.foreground2#BB8BE0
- editorBracketHighlight.foreground3#9C99F0
- editorBracketHighlight.foreground4#8BB6E0
- editorBracketHighlight.foreground5#9C99F0
- editorBracketHighlight.foreground6#BB8BE0
- editorBracketMatch.border#E6BD77
- editorCodeLens.foreground#6C737A
- editorCursor.foreground#E6BD77
- editorGroup.border#171D24
- editorGroupHeader.tabsBackground#1C2229
- editorGutter.addedBackground#7EAD72
- editorGutter.deletedBackground#DB817B
- editorGutter.modifiedBackground#8BB6E0
- editorLineNumber.activeForeground#C3C5C7
- editorLineNumber.foreground#6C737A
- editorWarning.foreground#E6BD77
- editorWidget.background#1C2229
- editorWidget.border#171D24
- errorForeground#DB817B
- focusBorder#8BB6E0
- foreground#C3C5C7
- gitDecoration.addedResourceForeground#7EAD72
- gitDecoration.conflictingResourceForeground#DB817B
- gitDecoration.deletedResourceForeground#DB817B
- gitDecoration.ignoredResourceForeground#6C737A
- gitDecoration.modifiedResourceForeground#8BB6E0
- gitDecoration.renamedResourceForeground#7EAD72
- gitDecoration.stageDeletedResourceForeground#DB817B
- gitDecoration.stageModifiedResourceForeground#8BB6E0
- gitDecoration.submoduleResourceForeground#8BB6E0
- gitDecoration.untrackedResourceForeground#7EAD72
- inputValidation.infoBorder#8BB6E0
- list.activeSelectionBackground#8BB6E088
- list.errorForeground#DB817B
- list.hoverBackground#21272E
- list.warningForeground#E6BD77
- minimap.errorHighlight#DB817B
- minimap.findMatchHighlight#8BB6E088
- minimap.infoHighlight#9C99F0
- minimap.selectionHighlight#8BB6E088
- minimap.warningHighlight#E6BD77
- panelTitle.activeBorder#8BB6E0
- panelTitle.activeForeground#C3C5C7
- scrollbar.shadow#1C2229
- selection.background#8BB6E088
- sideBar.background#1C2229
- sideBarSectionHeader.background#171D24
- statusBar.background#1C2229
- statusBar.debuggingBackground#DB817B
- statusBar.noFolderBackground#BB8BE0
- statusBarItem.remoteBackground#8BB6E0
- tab.activeBorder#8BB6E0
- tab.inactiveBackground#171D24
- terminal.ansiBlack#171D24
- terminal.ansiBlue#8BB6E0
- terminal.ansiBrightBlack#21272E
- terminal.ansiBrightBlue#8BB6E0
- terminal.ansiBrightCyan#81D6D3
- terminal.ansiBrightGreen#7EAD72
- terminal.ansiBrightMagenta#D681C4
- terminal.ansiBrightRed#DB817B
- terminal.ansiBrightWhite#C3C5C7
- terminal.ansiBrightYellow#E6BD77
- terminal.ansiCyan#81D6D3
- terminal.ansiGreen#7EAD72
- terminal.ansiMagenta#D681C4
- terminal.ansiRed#DB817B
- terminal.ansiWhite#C3C5C7
- terminal.ansiYellow#E6BD77
- widget.shadow#1C2229
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6C737A | italic |
| punctuation.accessor, punctuation.separator, variable.other, meta.arguments, meta.array.literal variable.other.readwrite, meta.function-call.arguments | #C3C5C7 | — |
| entity, keyword.type, storage.type, support.class, support.type, variable.language, variable.parameter.function.language.special, meta.function.parameters | #8BB6E0 | — |
| entity.other.attribute-name, meta.attribute, meta.member, variable.object.property, variable.other.property, variable.parameter, variable.other.member, entity.name.variable.field, entity.name.variable.property, meta.definition.variable, meta.property-list entity.name, meta.property-list, punctuation.definition.variable, support.other.variable, support.type.property-name, keyword.other.definition, constant.other.key, variable.other.object.property, constant.other.enum, meta.interface meta.definition entity.name.function, meta.object-literal.key, meta.object.member variable.other.readwrite, meta.type meta.definition entity.name.function, meta.scope.prerequisites, constant.other.perl, constant.other.caps | #9C99F0 | — |
| entity.name.function, meta.function-call, support.function, storage.type.accessor, storage.type.annotation, entity.name.command, meta.method-call, punctuation.definition.annotation, meta.function.decorator support.type.python | #BB8BE0 | — |
| storage, keyword, storage.type.function, storage.type.namespace, storage.type.def, meta.var.expr storage.type, storage.type.enum, storage.type.type, storage.type.sub, storage.type.interface, storage.type.class, keyword.other storage.type | #D681C4 | — |
| constant, invalid, keyword.other.unit | #DB817B | — |
| constant.character.escape, keyword.operator, keyword.control.new | #E6BD77 | — |
| entity.name.import, puctuation, string, entity.string, storage.type.string | #7EAD72 | — |
| entity.name.class, entity.name.type.class, entity.name.type.interface, meta.definition entity.name.function, meta.function entity.name.function, entity.name.function.target.makefile, entity.name.function.python | — | bold |