Neofloss
Publisher: Finn JamesThemes in package: 1
Dark theme with a sweet tooth
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#1C1B1D00
- activityBar.background#1C1B1D
- activityBar.border#282529
- activityBar.foreground#7497E6
- activityBarBadge.background#9AF9E9
- activityBarBadge.foreground#282529
- badge.background#EA5594
- badge.foreground#282529
- button.background#60C2E0
- button.foreground#1C1B1D
- button.hoverBackground#60C2E0bb
- debugExceptionWidget.background#282529
- debugExceptionWidget.border#282529
- debugToolBar.background#282529
- debugToolBar.border#BEA7FF
- diffEditor.insertedTextBackground#95E6CB44
- diffEditor.removedTextBackground#D168D744
- dropdown.background#1C1B1D
- dropdown.border#4B3F4D
- dropdown.foreground#D8B2DE
- dropdown.listBackground#282529
- editor.background#1C1B1D
- editor.findMatchBackground#BEA7FF33
- editor.findMatchHighlightBackground#BEA7FF33
- editor.findRangeHighlightBackground#BEA7FF33
- editor.foreground#D8B2DE
- editor.lineHighlightBackground#282529
- editor.rangeHighlightBackground#282529
- editor.selectionBackground#282529
- editor.wordHighlightBackground#BEA7FF33
- editor.wordHighlightStrongBackground#BEA7FF33
- editorBracketHighlight.foreground1#44D1B9
- editorBracketHighlight.foreground2#8B70DA
- editorBracketHighlight.foreground3#7497E6
- editorBracketHighlight.foreground4#EA5594
- editorBracketHighlight.foreground5#60C2E0
- editorBracketHighlight.foreground6#D168D7
- editorBracketHighlight.unexpectedBracket.foreground#DA1173
- editorBracketMatch.border#282529
- editorCursor.foreground#AAC4FF
- editorError.foreground#DA1173
- editorGroup.border#282529
- editorGroup.emptyBackground#1C1B1D
- editorGroupHeader.noTabsBackground#282529
- editorGroupHeader.tabsBackground#1C1B1D
- editorGroupHeader.tabsBorder#282529
- editorGutter.addedBackground#44D1B9
- editorGutter.deletedBackground#DA1173
- editorGutter.modifiedBackground#44D1B9
- editorHoverWidget.background#282529
- editorHoverWidget.border#282529
- editorIndentGuide.background#282529
- editorLightBulb.foreground#FF90BF
- editorLineNumber.activeForeground#4B3F4D
- editorLineNumber.foreground#4B3F4D
- editorLink.activeForeground#7497E6
- editorMarkerNavigation.background#282529
- editorOverviewRuler.addedForeground#BEA7FF
- editorOverviewRuler.border#282529
- editorOverviewRuler.deletedForeground#D168D7AA
- editorOverviewRuler.errorForeground#DA1173
- editorOverviewRuler.modifiedForeground#44D1B9AA
- editorOverviewRuler.warningForeground#7497E6
- editorRuler.foreground#282529
- editorSuggestWidget.background#282529
- editorSuggestWidget.border#695A6B
- editorSuggestWidget.foreground#695A6B
- editorSuggestWidget.highlightForeground#AAC4FF
- editorSuggestWidget.selectedBackground#322D33
- editorWarning.foreground#7497E6
- editorWhitespace.foreground#4B3F4D
- editorWidget.background#282529
- editorWidget.border#BEA7FF
- errorForeground#DA1173
- extensionButton.prominentBackground#7497E6AA
- extensionButton.prominentForeground#FFFFFF
- extensionButton.prominentHoverBackground#7497E6BB
- focusBorder#695A6B8A
- foreground#D8B2DE
- gitDecoration.conflictingResourceForeground#DA117387
- gitDecoration.deletedResourceForeground#FF75BC87
- gitDecoration.ignoredResourceForeground#695A6B
- gitDecoration.modifiedResourceForeground#BEA7FF87
- gitDecoration.untrackedResourceForeground#44D1B987
- input.background#282529
- input.border#695A6B4C
- input.foreground#D8B2DE
- input.placeholderForeground#695A6B8A
- inputOption.activeBorder#695A6B8A
- inputValidation.errorBackground#232323
- inputValidation.errorBorder#DA1173
- inputValidation.infoBackground#232323
- inputValidation.infoBorder#BEA7FF
- inputValidation.warningBackground#232323
- inputValidation.warningBorder#FF90BF
- list.activeSelectionBackground#282529
- list.activeSelectionForeground#D8B2DE
- list.errorForeground#DA1173
- list.focusBackground#2a2b2c
- list.focusForeground#D8B2DE
- list.highlightForeground#7497E6
- list.hoverBackground#2a2b2c
- list.hoverForeground#D8B2DE
- list.inactiveSelectionBackground#282529
- list.inactiveSelectionForeground#D8B2DE
- list.warningForeground#D168D7
- listFilterWidget.background#1C1B1D
- listFilterWidget.noMatchesOutline#DA1173
- listFilterWidget.outline#BEA7FF
- minimap.errorHighlight#DA1173
- minimap.selectionHighlight#60C2E087
- notificationCenter.border#282529
- notificationCenterHeader.background#1C1B1D
- notificationCenterHeader.foreground#BEA7FF
- notificationLink.foreground#EA5594
- notifications.background#282529
- notifications.foreground#FFFFFF
- notificationToast.border#1C1B1D
- panel.background#1C1B1D
- panel.border#282529
- panelTitle.activeBorder#1C1B1D
- panelTitle.activeForeground#EA5594
- panelTitle.inactiveForeground#695A6B
- peekView.border#282529
- peekViewEditor.background#282529
- peekViewEditor.matchHighlightBackground#7497E633
- peekViewResult.background#282529
- peekViewResult.fileForeground#695A6B
- peekViewResult.matchHighlightBackground#7497E633
- peekViewTitle.background#282529
- peekViewTitleDescription.foreground#695A6B
- peekViewTitleLabel.foreground#695A6B
- pickerGroup.border#282529
- pickerGroup.foreground#7497E6
- progressBar.background#BEA7FF
- scrollbar.shadow#1C1B1D00
- scrollbarSlider.activeBackground#FFFFFF22
- scrollbarSlider.background#FFFFFF11
- scrollbarSlider.hoverBackground#FFFFFF22
- selection.background#282529FF
- sideBar.background#1C1B1D
- sideBar.border#282529
- sideBar.foreground#695A6B
- sideBarSectionHeader.background#1C1B1D
- sideBarSectionHeader.foreground#BEA7FF
- sideBarTitle.foreground#BEA7FF99
- statusBar.background#1C1B1D
- statusBar.border#282529
- statusBar.debuggingBackground#BEA7FF
- statusBar.debuggingForeground#1C1B1D
- statusBar.foreground#695A6B
- statusBar.noFolderBackground#282529
- tab.activeBackground#1C1B1D
- tab.activeForeground#BEA7FF
- tab.border#1C1B1D
- tab.inactiveBackground#1C1B1D
- tab.inactiveForeground#695A6B
- tab.unfocusedActiveForeground#D8B2DEAA
- tab.unfocusedInactiveForeground#695A6B
- terminal.ansiBlue#7497E6
- terminal.ansiBrightBlack#695A6B
- terminal.ansiBrightBlue#7497E6
- terminal.ansiBrightCyan#A4EAFF
- terminal.ansiBrightGreen#9AF9E9
- terminal.ansiBrightMagenta#BEA7FF
- terminal.ansiBrightRed#EF9CF4
- terminal.ansiBrightWhite#FAD6FF
- terminal.ansiBrightYellow#FF90BF
- terminal.ansiCyan#60C2E0
- terminal.ansiGreen#44D1B9
- terminal.ansiMagenta#8B70DA
- terminal.ansiRed#D168D7
- terminal.ansiWhite#D8B2DE
- terminal.ansiYellow#EA5594
- terminal.background#1C1B1D
- terminal.border#282529
- terminal.foreground#D8B2DE
- terminalCursor.background#1C1B1D
- terminalCursor.foreground#AAC4FF
- textBlockQuote.background#282529
- textLink.activeForeground#7497E6
- textLink.foreground#7497E6
- textPreformat.foreground#D8B2DE
- titleBar.activeBackground#1C1B1D
- titleBar.activeForeground#695A6B
- titleBar.border#282529
- titleBar.inactiveBackground#1C1B1D
- titleBar.inactiveForeground#695A6B
- walkThrough.embeddedEditorBackground#282529
- widget.shadow#1C1B1DB3
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.quoted.docstring | #695A6B | italic |
| variable, string constant.other.placeholder | #D8B2DE | — |
| constant.other.php | #FF90BF | — |
| constant.other.color | #ffffff | — |
| invalid, invalid.illegal | #DA1173 | — |
| invalid.deprecated | #8B70DA | — |
| keyword, storage.type, storage.modifier | #8B70DA | — |
| Keyword, Storage | — | italic |
| keyword.control, constant.other.color, punctuation.definition.tag, punctuation, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution | #BEA7FF | — |
| keyword.operator.logical, keyword.operator.comparison | #FF90BF | — |
| punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #D168D787 | — |
| meta.tag.block.any.html | #D168D7 | — |
| keyword.control | — | italic |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #D168D7 | — |
| entity.name.function, variable.function, support.function, keyword.other.special-method, meta.function-call.python | #7497E6 | — |
| source.cpp meta.block variable.other | #D168D7 | — |
| variable.other.constant | #D168D7 | — |
| support.other.variable, string.other.link | #D168D7 | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other | #EA5594 | — |
| variable.parameter.function.language.special, variable.parameter | #8B70DA | — |
| string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #44D1B9 | — |
| entity.name, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #FF90BF | — |
| support.type | #B2CCD6 | — |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name | #B2CCD6 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #8B70DA | — |
| variable.language | #8B70DA | italic |
| entity.name.method.js | #BEA7FF | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #BEA7FF | — |
| entity.other.attribute-name | #8B70DA | italic |
| entity.other.attribute-name.class | #FF90BF | — |
| source.sass keyword.control | #7497E6 | — |
| markup.inserted | #44D1B9 | — |
| markup.deleted | #DA1173 | — |
| markup.changed | #8B70DA | — |
| string.regexp | #BEA7FF | — |
| constant.character.escape | #BEA7FF | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #7497E6 | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #8B70DA | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #8B70DA | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #FF90BF | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #EA5594 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #8B70DA | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #EA5594 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #BEA7FF | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #D168D7 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #8B70DA | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #44D1B9 | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #D8B2DE | — |
| text.html.markdown markup.inline.raw.markdown | #8B70DA | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #44D1B9 | — |
| text.html.markdown meta.dummy.line-break | #695A6B | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #44D1B9 | — |
| markup.italic | #D168D7 | italic |
| markup.bold, markup.bold string | #D168D7 | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | #D168D7 | bold |
| markup.underline | #EA5594 | underline |
| markup.strike | #695A6B | — |
| markup.quote punctuation.definition.blockquote.markdown | #44D1B9 | — |
| markup.quote | — | italic |
| string.other.link.title.markdown | #BEA7FF | — |
| string.other.link.description.title.markdown | #8B70DA | — |
| constant.other.reference.link.markdown | #FF90BF | — |
| markup.raw.block | #8B70DA | — |
| markup.fenced_code.block.markdown, markup.inline.raw.string.markdown | #D8B2DE90 | — |
| variable.language.fenced.markdown | #44D1B9 | — |
| meta.separator | #44D1B9 | bold |
| markup.table | #D8B2DE | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...