SplashBlue
Publisher: FutureglobeThemes in package: 1
VSCode SplashBlue Theme, to make your editor look splashy, blue and cool!
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.background#16161a
- activityBar.border#111
- activityBar.foreground#0184ff
- activityBarBadge.background#01c4ff
- activityBarBadge.foreground#000
- badge.background#0184ff
- badge.foreground#ffffff
- breadcrumb.background#002d57
- breadcrumb.foreground#cccccc9c
- button.background#0184ff
- button.hoverBackground#0362bb
- diffEditor.insertedTextBackground#24c41638
- dropdown.background#111
- dropdown.foreground#fff
- editor.background#1f1f25
- editor.findMatchBackground#0184ff
- editor.findMatchHighlightBackground#032d50
- editor.foreground#ffffff
- editor.lineHighlightBackground#111111
- editor.selectionBackground#4d4d4d
- editor.selectionHighlightBackground#0184ff
- editorBracketMatch.border#0184ff
- editorCursor.foreground#0184ff
- editorGroup.border#0184ff
- editorLink.activeForeground#0184ff
- editorWhitespace.foreground#4d4d4d
- foreground#ffffff
- input.background#1f1f25
- input.border#0362bb
- inputOption.activeBorder#0184ff
- list.activeSelectionBackground#0362bb
- list.dropBackground#0184ff
- list.focusBackground#0362bb
- list.hoverBackground#0362bb
- list.inactiveSelectionBackground#0362bb
- menubar.selectionBackground#0362bb
- panel.background#16161a
- panelTitle.activeBorder#0184ff
- peekViewEditor.background#16161a
- peekViewEditor.matchHighlightBackground#0184ff
- peekViewEditorGutter.background#16161a
- peekViewResult.selectionBackground#16161a
- pickerGroup.foreground#0184ff
- progressBar.background#0184ff
- scrollbarSlider.activeBackground#0184ff
- scrollbarSlider.background#0362bb
- scrollbarSlider.hoverBackground#0362bb
- selection.background#0362bb
- sideBar.background#16161a
- statusBar.background#0362bb
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#0362bb
- tab.activeBackground#0362bb
- tab.activeBorder#0362bb
- tab.hoverBackground#024583
- tab.hoverBorder#024583
- textLink.activeForeground#0362bb
- textLink.foreground#0184ff
- titleBar.activeBackground#111
- titleBar.activeForeground#fff
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #f8f8f2 | — |
| comment | #6272A4 | |
| string | #FCFC60 | — |
| constant.numeric | #bd93f9 | — |
| constant.language | #bd93f9 | — |
| constant.character, constant.other | #bd93f9 | — |
| variable | — | |
| variable.other.readwrite.instance | #ffb86c | |
| constant.character.escaped, constant.character.escape, string source, string source.ruby | #ff79c6 | |
| source.ruby string.regexp.classic.ruby, source.ruby string.regexp.mod-r.ruby | #ff5555 | |
| keyword | #ff79c6 | — |
| storage | #ff79c6 | |
| storage.type | #8be9fd | italic |
| storage.type.namespace | #8be9fd | italic |
| storage.type.class | #ff79c6 | italic |
| entity.name.class | #8be9fd | underline |
| meta.path | #66d9ef | underline |
| entity.other.inherited-class | #8be9fd | italic underline |
| entity.name.function | #50fa7b | |
| variable.parameter | #ffb86c | italic |
| entity.name.tag | #ff79c6 | |
| entity.other.attribute-name | #50fa7b | |
| support.function | #8be9fd | |
| support.constant | #6be5fd | |
| support.type, support.class | #66d9ef | italic |
| support.other.variable | — | |
| support.other.namespace | #66d9ef | italic |
| invalid | #F8F8F0 | |
| invalid.deprecated | #F8F8F0 | — |
| meta.structure.dictionary.json string.quoted.double.json | #CFCFC2 | — |
| meta.diff, meta.diff.header | #6272a4 | — |
| markup.deleted | #ff79c6 | — |
| markup.inserted | #50fa7b | — |
| markup.changed | #E6DB74 | — |
| constant.numeric.line-number.find-in-files - match | #bd93f9 | — |
| entity.name.filename | #E6DB74 | — |
| message.error | #F83333 | — |
| punctuation.definition.string.begin.json - meta.structure.dictionary.value.json, punctuation.definition.string.end.json - meta.structure.dictionary.value.json | #EEEEEE | — |
| meta.structure.dictionary.json string.quoted.double.json | #8be9fd | — |
| meta.structure.dictionary.value.json string.quoted.double.json | #f1fa8c | — |
| meta meta meta meta meta meta meta.structure.dictionary.value string | #50fa7b | — |
| meta meta meta meta meta meta.structure.dictionary.value string | #ffb86c | — |
| meta meta meta meta meta.structure.dictionary.value string | #ff79c6 | — |
| meta meta meta meta.structure.dictionary.value string | #bd93f9 | — |
| meta meta meta.structure.dictionary.value string | #50fa7b | — |
| meta meta.structure.dictionary.value string | #ffb86c | — |
| markup.strike | #FFB86C | italic |
| markup.bold | #FFB86C | bold |
| markup.italic | #FFB86C | italic |
| markup.heading | #8BE9FD | — |
| punctuation.definition.list_item.markdown | #FF79C6 | — |
| markup.quote | #6272A4 | italic |
| punctuation.definition.blockquote.markdown | #6272A4 | italic |
| meta.separator | #6272A4 | — |
| text.html.markdown markup.raw.inline | #50FA7B | — |
| markup.underline | #BD93F9 | underline |
| markup.raw.block | #CFCFC2 | — |
| markup.raw.block.fenced.markdown source | #F8F8F2 | — |
| punctuation.definition.fenced.markdown, variable.language.fenced.markdown | #6272A4 | italic |
| variable.language.fenced.markdown | #6272A4 | italic |
| punctuation.accessor | #FF79C6 | — |
| meta.function.return-type | #FF79C6 | — |
| punctuation.section.block.begin | #ffffff | — |
| punctuation.section.block.end | #ffffff | — |
| punctuation.section.embedded.begin | #ff79c6 | — |
| punctuation.section.embedded.end | #ff79c6 | — |
| punctuation.separator.namespace | #ff79c6 | — |
| variable.function | #50fa7b | — |
| variable.other | #ffffff | — |
| variable.language | #bd93f9 | — |
| entity.name.module.ruby | #8be9fd | — |
| entity.name.constant.ruby | #bd93f9 | — |
| support.function.builtin.ruby | #ffffff | — |
| storage.type.namespace.cs | #ff79c6 | — |
| entity.name.namespace.cs | #8be9fd | — |