Serendipity.

wvsc.dev

Preview

Installation

  1. Open Extensions sidebar panel in VS Code. View → Extensions
  2. Search for serendipity
  3. Click Install to install it.
  4. Code > Preferences > Color Theme > serendipity-light - serendipity-dark - serendipity-dark-italic - serendipity-light-italic
  5. Optional: Use the recommended settings below for best experience

Recommended Settings

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

Colours

I have worked towards a palette that would feel fine on the eyes when using a retina screens and this color combination worked superb with dark and light version.

Dark Version

Preview

Dark Version

HTML Preview

CSS Preview

JS Preview

Light Version

Preview

Light Version

HTML Preview

CSS Preview

JS Preview

Feedback

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