Serendipity V1
Publisher: Michael AndreuzzaThemes in package: 3
Old and unconsistent version of Serendipity. No maintained but is here because some users wanted it.
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#0e131b
- activityBar.border#22272e
- activityBar.foreground#8c94a3cc
- activityBar.inactiveForeground#8c94a399
- activityBarBadge.background#F06897
- activityBarBadge.foreground#0e131b
- badge.background#F0689733
- badge.foreground#F06897
- button.background#F06897
- button.foreground#0e131b
- button.hoverBackground#fac761
- debugExceptionWidget.background#0a0e15
- debugExceptionWidget.border#22272e
- debugToolBar.background#0a0e15
- descriptionForeground#8c94a3
- diffEditor.insertedTextBackground#be95ff26
- diffEditor.removedTextBackground#f29e7426
- dropdown.background#0a0e15
- dropdown.border#434957
- dropdown.foreground#8c94a3
- editor.background#0a0e15
- editor.findMatchBackground#a6cc700d
- editor.findMatchBorder#a6cc7080
- editor.findMatchHighlightBackground#a6cc700d
- editor.findMatchHighlightBorder#a6cc7080
- editor.findRangeHighlightBackground#323a4c
- editor.findRangeHighlightBorder#191f2800
- editor.foreground#f6f6f6b3
- editor.inactiveSelectionBackground#323a4c
- editor.lineHighlightBackground#191e2a
- editor.rangeHighlightBackground#191e2a
- editor.selectionBackground#33415e
- editor.selectionHighlightBackground#323a4c
- editor.selectionHighlightBorder#323a4c
- editor.wordHighlightBackground#77a8d912
- editor.wordHighlightBorder#77a8d980
- editor.wordHighlightStrongBackground#a6cc7012
- editor.wordHighlightStrongBorder#a6cc7080
- editorBracketMatch.background#8c94a34d
- editorBracketMatch.border#8c94a399
- editorCodeLens.foreground#5c6773
- editorCursor.foreground#F06897
- editorError.foreground#ff3333
- editorGroup.border#22272e
- editorGroupHeader.noTabsBackground#0e131b
- editorGroupHeader.tabsBackground#0e131b
- editorGroupHeader.tabsBorder#22272e
- editorGutter.addedBackground#a6cc7099
- editorGutter.deletedBackground#f2798399
- editorGutter.modifiedBackground#77a8d999
- editorHoverWidget.background#0a0e15
- editorHoverWidget.border#101521
- editorIndentGuide.activeBackground#8c94a3b3
- editorIndentGuide.background#8c94a34d
- editorLineNumber.activeForeground#8c94a3cc
- editorLineNumber.foreground#8c94a366
- editorLink.activeForeground#F06897
- editorMarkerNavigation.background#0a0e15
- editorOverviewRuler.addedForeground#a6cc7099
- editorOverviewRuler.border#22272e
- editorOverviewRuler.deletedForeground#f2798399
- editorOverviewRuler.errorForeground#ff3333
- editorOverviewRuler.modifiedForeground#77a8d999
- editorOverviewRuler.warningForeground#F06897
- editorRuler.foreground#8c94a34d
- editorSuggestWidget.background#0a0e15
- editorSuggestWidget.border#101521
- editorSuggestWidget.highlightForeground#F06897
- editorSuggestWidget.selectedBackground#191e2a
- editorWarning.foreground#f29e74
- editorWhitespace.foreground#8c94a366
- editorWidget.background#0a0e15
- errorForeground#ff3333
- extensionButton.prominentBackground#F06897
- extensionButton.prominentForeground#0e131b
- extensionButton.prominentHoverBackground#fac761
- focusBorder#596171
- foreground#8c94a3
- gitDecoration.conflictingResourceForeground#F06897
- gitDecoration.deletedResourceForeground#f27983b3
- gitDecoration.ignoredResourceForeground#525a69
- gitDecoration.modifiedResourceForeground#78A9FF
- gitDecoration.submoduleResourceForeground#d4bfffb3
- gitDecoration.untrackedResourceForeground#a6cc70b3
- icon.foreground#8c94a3
- input.background#1d222e
- input.border#434957
- input.foreground#f6f6f6b3
- input.placeholderForeground#5f6878
- inputOption.activeBorder#F06897
- inputValidation.errorBackground#0e131b
- inputValidation.errorBorder#ff3333
- inputValidation.infoBackground#0e131b
- inputValidation.infoBorder#78a9ff
- inputValidation.warningBackground#0e131b
- inputValidation.warningBorder#9ef0f0
- list.activeSelectionBackground#22272e
- list.activeSelectionForeground#ffffff
- list.errorForeground#f27983
- list.filterMatchBackground#F068970d
- list.filterMatchBorder#F06897
- list.focusBackground#191e2a
- list.focusForeground#8c94a3
- list.highlightForeground#F06897
- list.hoverBackground#22272e
- list.hoverForeground#8c94a3
- list.inactiveSelectionBackground#191e2a
- list.inactiveSelectionForeground#8c94a3
- list.invalidItemForeground#5f6878
- listFilterWidget.background#0a0e15
- listFilterWidget.noMatchesOutline#ff3333
- listFilterWidget.outline#F06897
- panel.background#0e131b
- panel.border#22272e
- panelTitle.activeBorder#F06897
- panelTitle.activeForeground#f6f6f6b3
- panelTitle.inactiveForeground#8c94a3
- peekView.border#22272e
- peekViewEditor.background#0a0e15
- peekViewEditor.matchHighlightBackground#F0689733
- peekViewResult.background#0a0e15
- peekViewResult.fileForeground#8c94a3
- peekViewResult.matchHighlightBackground#F0689733
- peekViewTitle.background#0a0e15
- peekViewTitleDescription.foreground#8c94a3
- peekViewTitleLabel.foreground#8c94a3
- pickerGroup.border#22272e
- pickerGroup.foreground#525a69
- progressBar.background#F06897
- scrollbar.shadow#191e2a
- scrollbarSlider.activeBackground#8c94a3b3
- scrollbarSlider.background#8c94a366
- scrollbarSlider.hoverBackground#8c94a399
- selection.background#33415efd
- settings.headerForeground#f6f6f6b3
- settings.modifiedItemIndicator#77a8d9
- sideBar.background#0e131b
- sideBar.border#22272e
- sideBar.foreground#8c94a3
- sideBarSectionHeader.background#0e131b
- sideBarSectionHeader.border#22272e
- sideBarSectionHeader.foreground#78A9FF
- sideBarTitle.foreground#78A9FF
- statusBar.background#0e131b
- statusBar.border#22272e
- statusBar.debuggingBackground#78A9FF
- statusBar.debuggingForeground#0e131b
- statusBar.foreground#8c94a3
- statusBar.noFolderBackground#0a0e15
- statusBarItem.activeBackground#191e2a
- statusBarItem.hoverBackground#191e2a
- statusBarItem.prominentBackground#191e2a
- statusBarItem.prominentHoverBackground#00000030
- tab.activeBackground#0a0e15
- tab.activeBorder#0a0e15
- tab.activeBorderTop#F06897
- tab.activeForeground#f6f6f6b3
- tab.border#22272e
- tab.inactiveBackground#0e131b
- tab.inactiveForeground#8c94a3
- tab.unfocusedActiveBorderTop#8c94a3
- tab.unfocusedActiveForeground#8c94a3
- tab.unfocusedInactiveForeground#8c94a3
- terminal.ansiBlack#1c1c1c
- terminal.ansiBlue#78A9FF
- terminal.ansiBrightBlack#6b7280
- terminal.ansiBrightBlue#8bb6ff
- terminal.ansiBrightCyan#67e8f9
- terminal.ansiBrightGreen#a6cc70
- terminal.ansiBrightMagenta#f0abfc
- terminal.ansiBrightRed#d4bfff
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#fad07b
- terminal.ansiCyan#22d3ee
- terminal.ansiGreen#748E4E
- terminal.ansiMagenta#e879f9
- terminal.ansiRed#be95ff
- terminal.ansiWhite#9ca3af
- terminal.ansiYellow#c8a662
- terminal.background#0a0e15
- terminal.foreground#f6f6f6b3
- textBlockQuote.background#0a0e15
- textLink.activeForeground#F06897
- textLink.foreground#F06897
- textPreformat.foreground#f6f6f6b3
- titleBar.activeBackground#0e131b
- titleBar.activeForeground#f6f6f6b3
- titleBar.border#22272e
- titleBar.inactiveBackground#0e131b
- titleBar.inactiveForeground#8c94a3
- tree.indentGuidesStroke#8c94a3b3
- walkThrough.embeddedEditorBackground#0a0e15
- widget.shadow#141925
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| markup.changed, meta.diff.header.git, meta.diff.header.from-file, meta.diff.header.to-file, markup.deleted.diff, markup.inserted.diff, punctuation.accessor, keyword, storage, meta.var.expr, meta.class meta.method.declaration meta.var.expr storage.type.js, storage.type.property.js, storage.type.property.ts, storage.type.property.tsx, entity.name.function, entity.other.attribute-name, entity.other.attribute-name, entity.other.attribute-name, keyword.operator.relational, meta.delimiter.period, meta.selector, entity.name.tag.doctype, meta.tag.sgml.doctype, variable.other.object.property, entity.name.function, keyword.operator.comparison, keyword.control.flow.js, keyword.control.flow.ts, keyword.control.flow.tsx, keyword.control.ruby, keyword.control.module.ruby, keyword.control.class.ruby, keyword.control.def.ruby, keyword.control.loop.js, keyword.control.loop.ts, keyword.control.import.js, keyword.control.import.ts, keyword.control.import.tsx, keyword.control.from.js, keyword.control.from.ts, keyword.control.from.tsx, keyword.operator.instanceof.js, keyword.operator.expression.instanceof.ts, keyword.operator.expression.instanceof.tsx, italic, quote, source.elixir .punctuation.binary.elixir, source.go keyword.package.go, source.go keyword.import.go, source.go keyword.function.go, source.go keyword.type.go, source.go keyword.struct.go, source.go keyword.interface.go, source.go keyword.const.go, source.go keyword.var.go, source.go keyword.map.go, source.go keyword.channel.go, source.go keyword.control.go, meta.tag.sgml.doctype.html, variable.other.object.js, markup.italic.markdown | — | italic |
| comment, string.quoted.docstring.multi.python | #5c6773 | italic |
| string, constant.other.symbol | #be95ff | — |
| string.regexp, constant.character, constant.other | #95e6cb | — |
| constant.numeric, string.quoted.single | #F06897 | — |
| constant.language | #F06897 | — |
| variable | #f6f6f6b3 | — |
| variable.member | #f28779 | — |
| variable.language | #78a9ff | italic |
| storage | #be95ff | — |
| keyword | #be95ff | — |
| keyword.operator, string.quoted.single | #f29e74 | — |
| punctuation.separator, punctuation.terminator | #f6f6f6b3 | — |
| punctuation.section | #f6f6f6b3 | — |
| punctuation.accessor | #f29e74 | — |
| source.java storage.type, source.haskell storage.type, source.c storage.type | #73d0ff | — |
| entity.other.inherited-class | #78a9ff | — |
| storage.type.function | #be95ff | — |
| source.java storage.type.primitive | #78a9ff | — |
| entity.name.function | #9ef0f0 | — |
| variable.parameter, meta.parameter | #d4bfff | — |
| variable.function, variable.annotation, meta.function-call.generic, support.function.go | #9ef0f0 | — |
| support.function, support.macro | #f28779 | — |
| entity.name.import, entity.name.package | #be95ff | — |
| entity.name, storage.type.js, keyword.control.import.tsx | #73d0ff | — |
| entity.name.tag, meta.tag.sgml | #78a9ff | — |
| punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag | #78a9ff80 | — |
| entity.other.attribute-name | #9ef0f0 | — |
| support.constant | #f29e74 | italic |
| support.type, support.class, source.go storage.type | #78a9ff | — |
| meta.decorator variable.other, meta.decorator punctuation.decorator, storage.type.annotation | #ffe6b3 | — |
| invalid | #ff3333 | — |
| meta.diff, meta.diff.header | #c594c5 | — |
| source.ruby variable.other.readwrite | #9ef0f0 | — |
| source.css entity.name.tag, source.sass entity.name.tag, source.scss entity.name.tag, source.less entity.name.tag, source.stylus entity.name.tag | #73d0ff | — |
| source.css support.type, source.sass support.type, source.scss support.type, source.less support.type, source.stylus support.type | #5c6773 | — |
| support.type.property-name | #78a9ff | — |
| constant.numeric.line-number.find-in-files - match | #5c6773 | — |
| constant.numeric.line-number.match | #be95ff | — |
| entity.name.filename.find-in-files | #be95ff | — |
| message.error | #ff3333 | — |
| markup.heading, markup.heading entity.name | #be95ff | bold |
| markup.underline.link, string.other.link | #78a9ff | — |
| markup.italic | #f28779 | italic |
| markup.bold | #f28779 | bold |
| markup.italic markup.bold, markup.bold markup.italic | — | bold italic |
| meta.separator | #5c6773 | bold |
| markup.quote | #95e6cb | italic |
| markup.list punctuation.definition.list.begin | #9ef0f0 | — |
| markup.inserted | #a6cc70 | — |
| markup.changed | #77a8d9 | — |
| markup.deleted | #f27983 | — |
| markup.strike | #ffe6b3 | — |
| markup.table | #78a9ff | — |
| text.html.markdown markup.inline.raw | #f29e74 | — |
| text.html.markdown meta.dummy.line-break | #5c6773 | — |
| punctuation.definition.markdown | #5c6773 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...