Rain City Theme
Publisher: DaniSyamThemes in package: 2
An elegant Rain City theme for Visual Studio Code
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#D4E6F1A0
- activityBar.activeBorder#2980B9
- activityBar.activeFocusBorder#2980B9
- activityBar.background#EBF5FB
- activityBar.border#D4E6F1
- activityBar.foreground#2C3E50
- activityBar.inactiveForeground#2980B9
- activityBarBadge.background#2980B9
- activityBarBadge.foreground#FFFFFF
- button.background#2980B9
- button.foreground#FFFFFF
- button.hoverBackground#3498DB
- button.secondaryBackground#AED6F1
- button.secondaryForeground#2C3E50
- button.secondaryHoverBackground#85C1E9
- commandCenter.activeBackground#D4E6F1A0
- commandCenter.activeForeground#2980B9
- commandCenter.background#EBF5FB
- commandCenter.border#D4E6F1
- commandCenter.foreground#2C3E50
- contrastActiveBorder#00000000
- contrastBorder#00000000
- dropdown.background#D4E6F1A0
- dropdown.border#AED6F1
- dropdown.foreground#2C3E50
- editor.background#F0F4F8
- editor.border#AED6F1
- editor.findMatchBackground#A9CCE3A0
- editor.findMatchHighlightBackground#D4E6F1A0
- editor.foreground#2C3E50
- editor.inactiveSelectionBackground#D4E6F1A0
- editor.selectionBackground#A9CCE3A0
- editor.selectionHighlightBackground#D4E6F1A0
- editor.wordHighlightBackground#A9CCE3A0
- editorBracketMatch.background#A9CCE3A0
- editorBracketMatch.border#00000000
- editorCodeLens.foreground#2980B9
- editorCursor.background#F0F4F8
- editorCursor.foreground#2C3E50
- editorError.foreground#C0392B
- editorGroup.border#D4E6F1
- editorGroupHeader.tabsBackground#EBF5FB
- editorGroupHeader.tabsBorder#D4E6F1
- editorGutter.background#F0F4F8
- editorGutter.border#AED6F1
- editorHoverWidget.background#EBF5FB
- editorHoverWidget.border#AED6F1
- editorIndentGuide.activeBackground#A9CCE380
- editorIndentGuide.background#D4E6F180
- editorLineNumber.activeForeground#2C3E50
- editorLineNumber.foreground#2980B9
- editorOverviewRuler.border#AED6F1
- editorWarning.foreground#D35400
- editorWidget.background#EBF5FB
- editorWidget.border#AED6F1
- focusBorder#00000000
- foreground#2C3E50
- input.background#D4E6F1A0
- input.border#AED6F1
- input.foreground#2C3E50
- inputOption.activeBorder#2980B9A0
- list.activeSelectionBackground#A9CCE3A0
- list.activeSelectionForeground#1B2631
- list.focusBackground#85C1E9A0
- list.focusForeground#1B2631
- list.highlightForeground#2980B9
- list.hoverBackground#AED6F1A0
- list.hoverForeground#1B2631
- list.inactiveSelectionBackground#D4E6F1A0
- list.inactiveSelectionForeground#2C3E50
- menu.background#EBF5FB
- menu.border#D4E6F1
- menu.foreground#2C3E50
- menu.selectionBackground#AED6F1A0
- menu.selectionForeground#2C3E50
- menu.separatorBackground#AED6F1
- menubar.selectionBackground#AED6F1A0
- menubar.selectionForeground#2C3E50
- notificationCenter.border#AED6F1
- notificationCenterHeader.background#D4E6F1
- notificationCenterHeader.foreground#2C3E50
- notifications.background#D4E6F1
- notifications.border#AED6F1
- notifications.foreground#2C3E50
- notificationToast.border#AED6F1
- panel.background#EBF5FB
- panel.border#AED6F1
- panelTitle.activeBorder#2980B9
- panelTitle.activeForeground#1B2631
- panelTitle.inactiveForeground#2980B9
- scrollbar.shadow#00000033
- scrollbarSlider.activeBackground#2980B9A0
- scrollbarSlider.background#AED6F1A0
- scrollbarSlider.hoverBackground#85C1E9A0
- sideBar.background#E1E8ED
- sideBar.border#BDC3C7
- sideBar.foreground#2C3E50
- sideBarSectionHeader.background#D4E6F1
- sideBarSectionHeader.border#AED6F1
- sideBarSectionHeader.foreground#2C3E50
- sideBarTitle.foreground#2980B9
- statusBar.background#A9CCE3
- statusBar.border#85C1E9
- statusBar.debuggingBackground#2980B9B0
- statusBar.foreground#1B2631
- statusBar.noFolderBackground#A9CCE3
- statusBarItem.remoteBackground#2980B9B0
- tab.activeBackground#D4E6F1
- tab.activeBorder#2980B9
- tab.activeForeground#1B2631
- tab.hoverBackground#AED6F1
- tab.hoverForeground#1B2631
- tab.inactiveBackground#EBF5FB
- tab.inactiveForeground#2980B9
- tab.unfocusedActiveBackground#D4E6F1A0
- tab.unfocusedActiveForeground#2C3E50
- tab.unfocusedInactiveBackground#EBF5FBA0
- tab.unfocusedInactiveForeground#2980B9A0
- terminal.ansiBlack#34495E
- terminal.ansiBlue#2980B9
- terminal.ansiBrightBlack#7F8C8D
- terminal.ansiBrightBlue#3498DB
- terminal.ansiBrightCyan#1ABC9C
- terminal.ansiBrightGreen#2ECC71
- terminal.ansiBrightMagenta#9B59B6
- terminal.ansiBrightRed#E74C3C
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#F39C12
- terminal.ansiCyan#16A085
- terminal.ansiGreen#27AE60
- terminal.ansiMagenta#8E44AD
- terminal.ansiRed#C0392B
- terminal.ansiWhite#ECF0F1
- terminal.ansiYellow#D35400
- terminal.background#EBF5FB
- terminal.border#D4E6F1
- terminal.dropBackground#2980B930
- terminal.foreground#2C3E50
- terminal.selectionBackground#AED6F1
- terminal.tab.activeBorder#2980B9
- terminalCursor.background#2C3E50
- terminalCursor.foreground#2980B9
- terminalOverviewRuler.cursorForeground#2980B9
- terminalOverviewRuler.findMatchForeground#D35400
- titleBar.activeBackground#D4E6F1
- titleBar.activeForeground#1B2631
- titleBar.border#AED6F1
- titleBar.inactiveBackground#D4E6F1
- titleBar.inactiveForeground#2980B9
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.tag.sgml.doctype.html | #7F8C8D | italic |
| entity.name.tag.html | #2980B9 | bold |
| entity.other.attribute-name.html | #D35400 | italic |
| string.quoted.double.html, string.quoted.single.html | #27AE60 | — |
| entity.name.tag.script.html | #E74C3C | bold |
| entity.name.tag.style.html | #9B59B6 | bold |
| punctuation.definition.tag.html | #7F8C8D | — |
| constant.character.entity.html | #8E44AD | — |
| entity.other.attribute-name.id.html | #E67E22 | bold |
| entity.other.attribute-name.class.html | #F39C12 | — |
| comment.block.html | #95A5A6 | italic |
| constant.character.entity.named.html | #1ABC9C | — |
| meta.embedded.block.html | #E74C3C | — |
| meta.tag.inline.a.html | #3498DB | underline |
| meta.tag.inline.img.html | #16A085 | — |
| entity.name.tag.form.html | #8E44AD | bold |
| entity.name.tag.input.html | #D35400 | — |
| entity.name.tag.button.html | #27AE60 | bold |
| entity.name.tag.heading.html | #2C3E50 | bold |
| entity.name.tag.p.html | #34495E | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, entity.name.tag.css | #D35400 | bold |
| entity.other.attribute-name.id.css | #E67E22 | bold |
| support.type.property-name.css | #2980B9 | italic |
| support.constant.property-value.css, constant.numeric.css | #27AE60 | — |
| keyword.other.important.css | #E74C3C | bold italic |
| keyword.other.unit.css | #8E44AD | italic |
| support.function.misc.css, support.function.transform.css, support.function.timing-function.css, support.function.url.css | #3498DB | italic |
| constant.other.color.rgb-value.css, constant.other.rgb-value.css, constant.other.color.rgb-value.hex.css | #16A085 | — |
| support.constant.media.css, support.type.property-name.media.css | #9B59B6 | italic |
| keyword.control.at-rule.css, keyword.control.at-rule.keyframes.css, keyword.control.at-rule.media.css, keyword.control.at-rule.font-face.css | #F39C12 | bold |
| punctuation.terminator.rule.css, punctuation.separator.key-value.css | #7F8C8D | — |
| string.quoted.single.css, string.quoted.double.css | #27AE60 | — |
| keyword.operator.css | #E74C3C | — |
| variable.css | #8E44AD | italic |
| meta.attribute-selector.css | #D35400 | — |
| meta.property-name.css support.type.vendor-prefix.css | #3498DB | italic |
| entity.name.tag.wildcard.css | #E74C3C | bold |
| entity.other.attribute-name.parent-selector.css | #F39C12 | bold |
| keyword.operator.combinator.css | #9B59B6 | bold |
| comment.block.css | #95A5A6 | italic |
| punctuation.definition.heading.markdown | #2980B9 | bold |
| entity.name.section.markdown | #3498DB | bold |
| heading.1.markdown | #E74C3C | bold |
| heading.2.markdown | #D35400 | bold |
| heading.3.markdown | #F39C12 | bold |
| heading.4.markdown, heading.5.markdown, heading.6.markdown | #27AE60 | bold |
| markup.fenced_code.block.markdown | #16A085 | — |
| fenced_code.block.language.markdown | #8E44AD | italic |
| markup.inline.raw.string.markdown | #16A085 | italic |
| string.other.link.title.markdown | #3498DB | underline |
| markup.underline.link.markdown | #27AE60 | underline |
| constant.other.reference.link.markdown | #9B59B6 | — |
| punctuation.definition.list.begin.markdown | #E67E22 | bold |
| markup.bold.markdown | #E74C3C | bold |
| markup.italic.markdown | #3498DB | italic |
| markup.strikethrough.markdown | #7F8C8D | strikethrough |
| meta.separator.markdown | #BDC3C7 | — |
| markup.quote.markdown | #27AE60 | italic |
| markup.table.markdown | #3498DB | — |
| punctuation.definition.task.markdown | #F39C12 | bold |
| support.type.property-name.json | #2980B9 | bold |
| string.quoted.double.json, string.quoted.single.json | #27AE60 | — |
| constant.numeric.json | #E67E22 | — |
| constant.language.json | #8E44AD | bold |
| constant.language.null.json | #7F8C8D | italic |
| punctuation.definition.dictionary.begin.json, punctuation.definition.dictionary.end.json | #34495E | bold |
| punctuation.definition.array.begin.json, punctuation.definition.array.end.json | #16A085 | bold |
| punctuation.separator.dictionary.pair.json, punctuation.separator.array.json | #95A5A6 | — |
| punctuation.separator.dictionary.key-value.json | #E74C3C | bold |
| invalid.illegal.expected-dictionary-separator.json | #C0392B | underline |
| variable, variable.other, variable.parameter, variable.language, variable.function, variable.argument, variable.other.readwrite, variable.other.object, variable.other.property, variable.other.member, variable.other.constant, variable.other.global, variable.other.local, variable.other.class, variable.other.instance | #1E88E5 | — |
| constant, constant.other, constant.character, constant.language, constant.numeric, constant.other.placeholder, constant.other.color, constant.other.symbol, constant.other.enum, constant.other.key, constant.character.escape, constant.language.boolean, constant.language.null, constant.language.undefined | #6A1B9A | bold |
| entity.name.function, support.function, meta.function-call, meta.function, meta.method-call, meta.method, entity.name.function.method, entity.name.function.member, support.function.builtin, support.function.kernel, support.function.magic, variable.function, variable.annotation | #0277BD | italic |
| entity.name.class, entity.name.type.class, support.class, entity.other.inherited-class, meta.class, storage.type.class, entity.name.type.instance, entity.other.attribute-name.class | #00695C | bold |
| entity.name.type.interface, meta.interface, storage.type.interface | #1B5E20 | italic |
| entity.name.type.enum, meta.enum, storage.type.enum | #BF360C | bold |
| entity.name.type, support.type, storage.type, meta.type, entity.other.attribute-name.type, storage.type.builtin, storage.type.primitive, storage.type.generic, storage.type.modifier, storage.type.user-defined, support.type.builtin, support.type.primitive | #2E7D32 | — |
| keyword, storage.modifier, storage.type.class, storage.type.function, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.instanceof, keyword.operator.logical, keyword.operator.wordlike, keyword.other, storage.type.function.arrow | #D32F2F | bold |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.increment, keyword.operator.decrement, keyword.operator.relational, keyword.operator.expression, keyword.operator.spread, keyword.operator.pipe, keyword.operator.bitwise | #E64A19 | — |
| string, string.quoted, string.template, string.interpolated, string.regexp, string.other, string.unquoted, string.quoted.single, string.quoted.double, string.quoted.triple, punctuation.definition.string.begin, punctuation.definition.string.end | #388E3C | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary, constant.numeric.complex, constant.numeric.imaginary, constant.numeric.decimal | #F57C00 | — |
| constant.language.boolean, constant.language.bool, constant.language.true, constant.language.false | #7B1FA2 | bold |
| constant.language.null, constant.language.undefined, constant.language.nan | #546E7A | italic |
| comment, comment.line, comment.block, comment.line.double-slash, comment.line.double-dash, comment.line.number-sign, comment.block.documentation, punctuation.definition.comment | #757575 | italic |
| punctuation.definition.block, punctuation.definition.parameters, punctuation.section, meta.brace.round, meta.brace.square, meta.brace.curly, punctuation.definition.arguments, punctuation.definition.array, punctuation.definition.begin.bracket, punctuation.definition.end.bracket | #263238 | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as, keyword.control.default, storage.type.import, storage.type.module, meta.import, meta.export | #6A1B9A | bold |
| meta.decorator, punctuation.decorator, entity.name.function.decorator, meta.decorator.identifier, meta.decorator.general, meta.decorator.annotation, meta.annotation, punctuation.definition.annotation | #BF360C | italic |
| string.regexp, constant.regexp, string.regexp.character-class, string.regexp.arbitrary-repetition, punctuation.definition.character-class.regexp | #00695C | — |
| constant.character.escape, constant.character.escape.backslash, constant.character.escape.double-quote, constant.character.escape.single-quote, constant.character.escape.backtick | #EF6C00 | bold |
| punctuation.definition.template-expression, meta.template.expression, punctuation.section.embedded, meta.embedded | #C62828 | — |
| variable.language.this, variable.language.self, variable.language.super, variable.language.special | #D32F2F | italic |
| variable.other.property, variable.other.object.property, meta.object-literal.key, entity.name.variable.property, support.variable.property, support.type.property-name | #1976D2 | — |
| meta.method.declaration, meta.method-call, meta.method.body, entity.name.function.method, support.function.method | #0277BD | italic |
| entity.name.namespace, meta.namespace, storage.modifier.namespace | #00695C | bold |
| entity.name.module, support.module, meta.module | #1B5E20 | bold |
| entity.name.exception, support.type.exception, keyword.control.catch, keyword.control.try, keyword.control.throw, keyword.control.finally | #B71C1C | bold |
| entity.name.label, constant.other.label | #7B1FA2 | — |
| entity.name.function.operator, keyword.operator.overload, storage.type.operator | #E64A19 | bold italic |
| keyword.control.flow, keyword.control.conditional, keyword.control.loop, keyword.control.return, keyword.control.switch, keyword.control.case, keyword.control.default | #D32F2F | bold |
| storage.modifier.pointer, keyword.operator.address, keyword.operator.dereference | #6A1B9A | — |
| storage.modifier.lifetime, entity.name.lifetime, punctuation.definition.lifetime | #BF360C | italic |
| meta.preprocessor, keyword.control.directive, punctuation.definition.directive | #546E7A | — |
| entity.name.function.macro, meta.preprocessor.macro, storage.type.macro | #7B1FA2 | bold italic |
| entity.name.type.parameter, variable.parameter.type, storage.type.parameter | #EF6C00 | italic |
| storage.type.struct, entity.name.type.struct, keyword.other.struct | #00695C | bold |
| storage.type.union, entity.name.type.union, keyword.other.union | #1B5E20 | bold |
| storage.type.trait, entity.name.type.trait, keyword.other.trait | #6A1B9A | bold italic |
| keyword.control.flow.async, keyword.control.flow.await, entity.name.type.delegate, storage.modifier.async | #1565C0 | bold italic |
| keyword.operator.bitwise.shift, keyword.operator.bitwise.and, keyword.operator.bitwise.or, keyword.operator.bitwise.xor | #E64A19 | — |
| keyword.operator.comparison, keyword.operator.relational, keyword.operator.equality | #D32F2F | — |
| keyword.operator.ternary, punctuation.separator.colon-question | #EF6C00 | — |
| punctuation.definition.generic.begin, punctuation.definition.generic.end, meta.generic, storage.type.generic | #7B1FA2 | italic |
| meta.attribute, storage.modifier.attribute, punctuation.definition.attribute | #EF6C00 | italic |
| meta.annotation, punctuation.definition.annotation | #BF360C | italic |
| keyword.operator.cast, keyword.operator.type.annotation, storage.type.annotation | #2E7D32 | bold |
| meta.tuple, storage.type.tuple | #00695C | — |
| meta.function.closure, storage.type.function.closure | #6A1B9A | italic |
| storage.modifier.mutable, storage.type.mutable | #D32F2F | underline |
| keyword.coroutine, storage.type.coroutine | #1565C0 | bold italic |
| support.function.reflection, support.type.reflection, storage.type.reflection | #7B1FA2 | italic |
| support.function.intrinsic, support.type.intrinsic | #0277BD | bold |
| keyword.other.unsafe, storage.modifier.unsafe | #B71C1C | bold underline |
| storage.modifier.volatile | #F57C00 | bold |
| storage.modifier.inline | #2E7D32 | italic |
| storage.modifier.static | #6A1B9A | bold |
| storage.modifier.const | #00695C | bold |
| storage.modifier.final | #BF360C | bold underline |
| storage.modifier.abstract | #7B1FA2 | italic underline |
| storage.modifier.override | #D32F2F | italic |
| storage.modifier.virtual | #1565C0 | italic |