Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Serendipity V1New to Visual Studio Code? Get it now.
Serendipity V1

Serendipity V1

Michael Andreuzza

|
4,189 installs
| (1) | Free
Old and unconsistent version of Serendipity. No maintained but is here because some users wanted it.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Serendipiti V1. (Unsupported Version)

Checkout the new & supported version at:

Serendipity Theme Website

Marketplace

Installation

  1. Open Extensions sidebar panel in VS Code. View → Extensions
  2. Search for old-serendipity
  3. Click Install to install it.
  4. Code > Preferences > Color Theme > Serendipity Midnight V1 / Serendipity Sunset V1 / Serendipity Morning V1
  5. Optional: Use the recommended settings below for best experience

Themes

Midnight

You have three themes, Midnight, Sunset and Morning and here the screenshots VS Code Marketplace VS Code Marketplace VS Code Marketplace VS Code Marketplace VS Code Marketplace VS Code Marketplace VS Code Marketplace VS Code Marketplace

Sunset

You have three themes, Midnight, Sunset and Morning and here the screenshots VS Code Marketplace VS Code Marketplace VS Code Marketplace VS Code Marketplace VS Code Marketplace VS Code Marketplace VS Code Marketplace VS Code Marketplace

Morning

VS Code Marketplace VS Code Marketplace VS Code Marketplace VS Code Marketplace VS Code Marketplace VS Code Marketplace VS Code Marketplace VS Code Marketplace

Recommended Settings

{
  // These are my personal preferences.
  "editor.fontFamily": "'IBM Plex Mono', monospace",
  "editor.fontSize": 18,
  "editor.lineHeight": 38,
  "editor.letterSpacing": 0.5,
  "files.trimTrailingWhitespace": true,
  "editor.fontWeight": "normal",
  "prettier.eslintIntegration": true,
  "editor.cursorStyle": "line",
  "editor.cursorWidth": 5,
  "editor.cursorBlinking": "phase",
  "editor.renderWhitespace": "all"
}

Italics

All themes use italics for certain language tokens by default. To disable italics for all themes, add this snippet to your settings.json:

  • quotes and italic strings (like in markdown) will be unaffected and still be italic
  • if you want to exclude one of the themes from this change, simply remove its name (along with the brackets []) at the top of the snippet
"editor.tokenColorCustomizations": {
  "[Serendipity Light][Serendipity Dark][Serendipity High Contrast]": {
    "textMateRules": [
      {
        "scope": [
          "comment",
          "variable",
          "variable.other.object.js",
          "variable.other.object.property",
          "variable.language",
          "punctuation.accessor",
          "markup.changed",
          "markup.deleted.diff",
          "markup.inserted.diff",
          "keyword",
          "keyword.operator.relational",
          "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",
          "support.constant",
          "support.function",
          "entity.other.attribute-name",
          "entity.other.inherited-class",
          "entity.name.function",
          "entity.name.tag.doctype",
          "entity.name.function",
          "meta.directive.vue",
          "meta.diff.header.git",
          "meta.diff.header.from-file",
          "meta.diff.header.to-file",
          "meta.var.expr",
          "meta.delimiter.period",
          "meta.selector",
          "meta.tag.sgml.doctype",
          "meta.tag.sgml.doctype.html",
          "meta.class meta.method.declaration meta.var.expr storage.type.js",
          "storage",
          "storage.type.property.js",
          "storage.type.property.ts",
          "storage.type.property.tsx",
          "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",
          "string.quoted.docstring.multi.python",
        ],
        "settings": {
          "fontStyle": ""
        },
      },
    ],
  },
},

Available Options

  • Dark
  • High Contrast
  • Light

Contact

Anything you wonder just contact me, @Mike_Andreuzza on twitter.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft