Neo Sploosh
Publisher: monoookiThemes in package: 2
Cool blues, soft grays, electric yellow pops for a crisp light-first theme.
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.background#171717
- activityBar.foreground#00B3FF
- activityBarBadge.background#008DC9
- activityBarBadge.foreground#111111
- badge.background#008DC9
- badge.foreground#111111
- breadcrumb.focusForeground#6D6D6D
- breadcrumb.foreground#555555
- button.background#008DC9
- button.foreground#0B1A24
- button.hoverBackground#40AEDD
- button.secondaryBackground#2D2D2D
- button.secondaryForeground#C7C7C7
- button.secondaryHoverBackground#383838
- commandCenter.activeBorder#00000000
- commandCenter.border#00000000
- commandCenter.hoverBorder#00000000
- commandCenter.inactiveBorder#00000000
- dropdown.background#1B1B1B
- dropdown.border#171717
- dropdown.foreground#6C6C6C
- editor.background#181818
- editor.foreground#989898
- editor.inactiveSelectionBackground#262626
- editor.lineHighlightBackground#1F1F1F
- editor.selectionBackground#2C2C2C
- editor.wordHighlightBackground#ffffff10
- editor.wordHighlightStrongBackground#ffffff14
- editorCursor.foreground#008DC9
- editorGroup.border#2E2E2E
- editorGroupHeader.noTabsBackground#171717
- editorGroupHeader.tabsBackground#171717
- editorIndentGuide.activeBackground1#6D6D6D
- editorIndentGuide.background1#2E2E2E
- editorLineNumber.activeForeground#64C8F2
- editorLineNumber.foreground#555555
- editorOverviewRuler.border#00000000
- editorWhitespace.foreground#2E2E2E
- editorWidget.background#181818
- editorWidget.foreground#6C6C6C
- explorer.decorations.ignoredForeground#363636
- extensionButton.background#008DC9
- extensionButton.foreground#111111
- extensionButton.hoverBackground#40AEDD
- extensionButton.prominentBackground#008DC9
- extensionButton.prominentForeground#111111
- extensionButton.prominentHoverBackground#40AEDD
- focusBorder#008DC9
- foreground#989898
- gitDecoration.ignoredResourceForeground#363636
- input.background#1a1a1a
- input.border#1a1a1a
- input.foreground#969696
- input.placeholderForeground#7A7A7A
- keybindingTable.rowsBackground#171717
- list.activeSelectionBackground#202020
- list.activeSelectionForeground#A4A4A4
- list.focusBackground#202020
- list.focusForeground#A4A4A4
- list.focusOutline#008DC9
- list.foreground#989898
- list.highlightForeground#3A9FC7
- list.hoverBackground#00000000
- list.hoverForeground#A4A4A4
- list.inactiveFocusOutline#008DC9
- list.inactiveSelectionBackground#202020
- list.inactiveSelectionForeground#A4A4A4
- notificationCenterHeader.background#171717
- notifications.background#181818
- notifications.border#171717
- notifications.foreground#969696
- notificationsErrorIcon.foreground#BE0D22
- notificationsInfoIcon.foreground#47B8E6
- notificationsWarningIcon.foreground#E4EB17
- panel.background#151515
- panel.border#171717
- panelSectionHeader.background#171717
- panelTitle.activeBorder#00B3FF
- panelTitle.activeForeground#C2C2C2
- panelTitle.inactiveForeground#787878
- quickInput.background#1F1F1F
- quickInput.foreground#BDBDBD
- quickInput.list.focusBackground#2C2C2C
- scrollbar.shadow#00000088
- scrollbarSlider.activeBackground#3E3E3E88
- scrollbarSlider.background#2A2A2A44
- scrollbarSlider.hoverBackground#34343466
- sideBar.background#171717
- sideBar.foreground#5E5E5E
- sideBarSectionHeader.background#181818
- sideBarSectionHeader.foreground#6C6C6C
- statusBar.background#171717
- statusBar.debuggingBackground#2C2C2C
- statusBar.foreground#6C6C6C
- statusBar.noFolderBackground#1F1F1F
- statusBarItem.hoverBackground#00000000
- statusBarItem.hoverForeground#969696
- statusBarItem.remoteBackground#008DC9
- statusBarItem.remoteForeground#D4D4D4
- tab.activeBackground#181818
- tab.activeBorderTop#008DC9
- tab.activeForeground#6C6C6C
- tab.border#00000000
- tab.editor-group-tab-background#171717
- tab.hoverBackground#1b1b1b
- tab.hoverForeground#6C6C6C
- tab.inactiveBackground#171717
- tab.inactiveForeground#363636
- terminal.ansiBlack#2C2C2C
- terminal.ansiBlue#008DC9
- terminal.ansiBrightBlack#7A7A7A
- terminal.ansiBrightBlue#40AEDD
- terminal.ansiBrightCyan#47B8E6
- terminal.ansiBrightGreen#F5F97A
- terminal.ansiBrightMagenta#64C8F2
- terminal.ansiBrightRed#E24858
- terminal.ansiBrightWhite#C0C0C0
- terminal.ansiBrightYellow#F5F97A
- terminal.ansiCyan#47B8E6
- terminal.ansiGreen#CBD200
- terminal.ansiMagenta#64C8F2
- terminal.ansiRed#BE0D22
- terminal.ansiWhite#AEAEAE
- terminal.ansiYellow#E4EB17
- terminal.background#151515
- terminal.foreground#B2B2B2
- textLink.foreground#64C8F2
- textLink.hoverForeground#64C8F2
- titleBar.activeBackground#171717
- titleBar.activeForeground#969696
- titleBar.inactiveBackground#171717
- titleBar.inactiveForeground#363636
- widget.shadow#00000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #666666 | italic |
| punctuation.definition.comment.php, punctuation.section.comment.haml | #4F4F4F | — |
| punctuation, meta.brace, keyword.operator.accessor | #7A7A7A | — |
| punctuation.separator.colon.python | #8B9CA3 | — |
| punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.ts | #616161 | — |
| keyword.operator | #8B9CA3 | — |
| keyword.operator.assignment | #A0B0B6 | — |
| keyword.control, keyword.other.import, keyword.other.export, storage.type.function.arrow.js, storage.type.function.arrow.ts, punctuation.definition.arrow.php | #B8C0C4 | — |
| keyword, keyword.operator.type | #889AA1 | — |
| storage, storage.type, storage.modifier, keyword.declaration | #A1B1B8 | — |
| storage.type.modifier, storage.modifier.access, storage.modifier.visibility, keyword.other.access, keyword.other.access.visibility, keyword.other.access.visibility.java | #B0BABE | — |
| keyword.operator.new, constant.language.null.ts | #768991 | — |
| variable, variable.other.readwrite | #4EA5C8 | — |
| variable.other.object.js, variable.other.object.js.jsx, variable.other.readwrite.alias | #3799C0 | — |
| variable.parameter | #2E98C4 | — |
| variable.other.property, support.variable.property, variable.other.object.property | #00A8E6 | — |
| meta.object-literal.key.ts, meta.object-literal.key.js, meta.object.member, support.type.property-name, support.type.property-name.json | #00A8E6 | — |
| variable.other.constant, variable.language, variable.language.this, variable.language.super, meta.definition.variable | #48A9CE | — |
| constant.numeric, constant.language, constant.character, keyword.other.unit | #48A9CE | — |
| string, string.quoted | #A2B53F | — |
| string.regexp | #48A9CE | — |
| punctuation.definition.string, punctuation.definition.string.begin, punctuation.definition.string.end, support.type.property-name.json, punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json | #6C7478 | — |
| entity.name.function, meta.function-call, variable.function, support.function | #00B8F6 | — |
| entity.name.function.member, meta.method-call, variable.function.js | #00A8E0 | — |
| entity.name.type, entity.name.class, support.type, support.class | #22B3DE | — |
| storage.type.annotation, meta.type.annotation | #2B9FC8 | — |
| entity.name.type.module, support.other.module, storage.type.namespace | #00ADE3 | — |
| entity.other.attribute-name, meta.annotation | #1DA8D6 | — |
| support.class.promise.js, support.class.promise.ts | #3CBCEB | — |
| text.html.derivative | #989898 | — |
| entity.name.tag, meta.tag.sgml, meta.tag.html, meta.tag.xml, meta.tag.other | #38ADD9 | — |
| entity.other.attribute-name, meta.tag.attribute, meta.tag.xml.attribute | #00A0D3 | — |
| string.quoted.double.html, string.quoted.single.html, string.unquoted.html | #A2B53F | — |
| punctuation.definition.tag.begin, punctuation.definition.tag.end, punctuation.definition.tag, punctuation.separator.key-value.html | #7A7A7A | — |
| meta.tag.sgml.doctype, comment.block.html | #111111 | italic |
| entity.name.tag.js, entity.name.tag.tsx, support.class.component | #38ADD9 | — |
| entity.other.attribute-name.js, entity.other.attribute-name.tsx | #00A0D3 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #38ADD9 | — |
| support.type.property-name.css, meta.property-name.css | #00A8E6 | — |
| support.constant.property-value.css, meta.property-value.css | #48A9CE | — |
| keyword.other.unit.css | #97A748 | — |
| entity.other.attribute-name.id.css | #A7B5BA | — |
| variable.css, custom-property.name.css | #A1B1B8 | — |
| punctuation.definition.document.begin.yaml | #222222 | — |
| text.html.markdown | #989898 | — |
| markup.heading, markup.heading.markdown, markup.heading.setext, entity.name.section.markdown | #A4A4A4 | bold |
| punctuation.definition.heading.markdown, punctuation.definition.heading.begin.markdown | #1F98C9 | — |
| markup.bold, markup.bold.markdown | #98A7AF | bold |
| punctuation.definition.bold.markdown | #7F939C | — |
| markup.italic.markdown | #98A7AF | italic |
| punctuation.definition.italic.markdown | #7F939C | — |
| string.other.link.title.markdown | #00A9E0 | underline |
| markup.underline.link, markup.underline.link.image.markdown, markup.link.url.markdown | #97A748 | — |
| markup.underline.link.markdown | #20A0CE | — |
| markup.table, markup.table.markdown | #A7B5BA | — |
| punctuation.definition.table.markdown | #5A8597 | — |
| punctuation.definition.fenced.markdown | #222222 | — |
| markup.fenced_code.block.markdown, markup.raw.block.markdown, fenced_code.block.markdown | #48A9CE | — |
| fenced_code.block.language, constant.other.language-name | #7C8A90 | — |
| markup.inline.raw.string.markdown, markup.raw.inline.markdown, markup.inline.raw.code.markdown, markup.inline.raw.code.mdx | #20A0CE | — |
| punctuation.definition.raw.markdown | #6C7478 | — |
| markup.inline.raw.string.markdown | #48A9CE | — |
| markup.quote, markup.quote.markdown | #48A9CE | italic |
| markup.list, markup.list.markdown, markup.list.numbered, markup.list.unnumbered, markup.list.numbered.markdown, markup.list.unnumbered.markdown | #989898 | — |
| punctuation.definition.list.begin.markdown, punctuation.definition.list.begin | #1F5A70 | — |
| meta.separator.markdown | #222222 | — |
| comment.block.html.markdown | #111111 | italic |
| meta.diff.header.from-file, punctuation.definition.from-file.diff | #8B9CA3 | bold |
| meta.diff.header.to-file, punctuation.definition.to-file.diff | #A2B53F | bold |
| meta.diff.range, meta.diff.index | #1D9FCB | — |
| markup.inserted.diff, punctuation.definition.inserted.diff | #A2B53F | — |
| markup.deleted.diff | #97A7AD | — |
| markup.changed.diff | #48A9CE | — |
| meta.diff.context, meta.diff | #889AA1 | — |
| punctuation.definition.range.diff | #1D9FCB | — |
| meta.diff.header, meta.separator.diff | #22B3DE | — |
| punctuation.definition.inserted.diff | #00ADE3 | — |
| invalid, invalid.deprecated, invalid.illegal | #BE0D22 | — |