fairyfloss
Publisher: nopjmpThemes in package: 1
fairy floss text editor theme by sailorhg - http://sailorhg.github.io/fairyfloss
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#464258
- activityBarBadge.background#AD5877
- activityBarBadge.foreground#F8F8F2
- badge.background#AD5877
- badge.foreground#F8F8F2
- button.background#AD5877
- button.foreground#F8F8F2
- debugExceptionWidget.background#FF9F2E60
- debugExceptionWidget.border#FF9F2E60
- dropdown.background#464258
- dropdown.border#6B6683
- dropdown.foreground#F8F8F2
- editor.background#5A5475
- editor.findMatchBackground#8077A8
- editor.findMatchHighlightBackground#8077A800
- editor.findMatchHighlightBorder#F8F8F2
- editor.foreground#F8F8F2
- editor.lineHighlightBackground#716799
- editor.selectionBackground#8077A8
- editorCursor.foreground#F8F8F0
- editorGroup.border#464258
- editorGroupHeader.noTabsBackground#464258
- editorGroupHeader.tabsBackground#464258
- editorHoverWidget.background#423848
- editorHoverWidget.border#423848
- editorLineNumber.foreground#F8F8F2
- editorLink.activeForeground#C990A5
- editorRuler.foreground#A8757B
- editorSuggestWidget.background#372F3C
- editorSuggestWidget.border#372F3C
- editorSuggestWidget.selectedBackground#423848
- editorWhitespace.foreground#A8757B
- editorWidget.background#464258
- errorForeground#F8F8F2
- focusBorder#AD5877
- foreground#F8F8F2
- input.background#464258
- input.border#524D66
- input.foreground#F8F8F2
- list.activeSelectionBackground#716799
- list.activeSelectionForeground#F8F8F2
- list.dropBackground#6959aa80
- list.focusBackground#7D7796
- list.hoverBackground#7D7796
- list.hoverForeground#F8F8F2
- list.inactiveFocusBackground#7D7796
- list.inactiveSelectionBackground#716799
- list.inactiveSelectionForeground#F8F8F2
- notifications.background#464258
- peekView.border#6B6683
- peekViewEditor.background#C668BA10
- peekViewEditor.matchHighlightBackground#FF9F2E60
- peekViewResult.background#2A242D
- peekViewResult.matchHighlightBackground#FF9F2E60
- peekViewResult.selectionBackground#372F3C
- peekViewTitle.background#464258
- peekViewTitleDescription.foreground#bcb3e7
- pickerGroup.border#4F4355
- pickerGroup.foreground#bcb3e7
- scrollbar.shadow#514C66
- scrollbarSlider.activeBackground#464258CC
- scrollbarSlider.background#46425877
- scrollbarSlider.hoverBackground#464258aa
- sideBar.background#514C66
- sideBar.dropBackground#464258
- sideBar.foreground#F8F8F2
- statusBar.background#9673D3
- statusBar.debuggingBackground#CE894D
- statusBar.debuggingForeground#F8F8F2
- statusBar.foreground#F8F8F2
- statusBar.noFolderBackground#9673D3
- statusBar.noFolderForeground#F8F8F2
- tab.border#464258
- tab.inactiveBackground#464258
- tab.inactiveForeground#F8F8F2
- terminal.ansiBrightBlack#C2FFDF
- terminal.ansiGreen#AFECAD
- terminal.ansiRed#FF857F
- textLink.activeForeground#DBA6BA
- textLink.foreground#C990A5
- titleBar.activeBackground#464258
- titleBar.activeForeground#F8F8F2
- titleBar.inactiveBackground#3a3553
- titleBar.inactiveForeground#b9b9b9
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #E6C000 | — |
| string | #FFEA00 | — |
| constant.numeric | #C5A3FF | — |
| constant.language | #C5A3FF | — |
| constant.character, constant.other | #C5A3FF | — |
| variable | — | |
| keyword | #FFB8D1 | — |
| storage | #FFB8D1 | |
| storage.type | #C2FFDF | italic |
| entity.name.class | #FFF352 | underline |
| variable.language.this | #d5c6f0 | — |
| entity.other.inherited-class | #FFF352 | italic underline |
| entity.name.function | #FFF352 | |
| variable.parameter | #FF857F | italic |
| entity.name.tag | #FFB8D1 | |
| entity.other.attribute-name | #FFF352 | |
| support.function | #C2FFDF | |
| support.constant | #C2FFDF | |
| support.type, support.class | #C2FFDF | italic |
| support.other.variable | — | |
| invalid | #ffb0b0 | |
| invalid.deprecated | #dfdfcb | — |
| meta.diff, meta.diff.header | #FFF352 | italic |
| markup.deleted | #fa736e | — |
| markup.changed | #fa9d99 | — |
| markup.inserted | #afecad | — |
| markup.quote | #FF857F | — |
| markup.bold | #C2FFDF | bold |
| markup.italic | #C2FFDF | italic |
| markup.inline.raw | #FFF352 | — |
| markup.heading.markdown | #ddbb88 | bold |
| text.html.php punctuation.section.embedded.begin.php, text.html.php punctuation.section.embedded.end.php | #d5c6f0 | — |
| source.java storage.modifier.import, source.java storage.modifier.package | #dda0b4 | |
| source.java keyword.other.documentation.javadoc.java | #9966b8 | — |
| source.clojure meta.symbol | #beb0cc | — |
| source.clojure entity.global, source.clojure meta.definition.global | #df7e9f | — |
| source.clojure constant.keyword | #c19fd8 | — |
| source.clojure meta.symbol meta.expression, source.clojure meta.vector | #df7e9f | — |
| source.python variable.language.special.self.python, source.python variable.language.special.cls.python | #FF857F | — |
| source.python string.quoted.docstring.multi.python | #E6C000 | — |
| source.python meta.function.python support.function.builtin.python | #FFF352 | — |
| source.python keyword.operator.logical.python, source.python keyword.operator.comparison.python | #C5A3FF | — |
| source.python meta.function.decorator.python, source.python entity.name.function.decorator.python | #C2FFDF | italic |
| source.python meta.function.parameters.python, source.python keyword.operator.unpacking.parameter.python | #C2FFDF | italic |
| string.unquoted.plain.out.yaml | #dec0e2 | — |
| string.quoted.double.yaml | #C2FFDF | — |
| comment.line.number-sign.yaml | #a186cf | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...