3
0 Comments

Show IH:Serendipity Theme.Available for code editors, shells, UI's and more

Serendipity.

Serendipity Theme

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": "normal",
  "prettier.eslintIntegration": true,
  "editor.cursorStyle": "line",
  "editor.cursorWidth": 5,
  "editor.cursorBlinking": "phase",
  "editor.renderWhitespace": "all",
}

Colours

I have worked towards a color palette that would feel fine on the eyes when using retina screens, this color combination made it possible, thanks to the pastel colors used on dark mode instead of "neonish".

The theme is available for editors, shells, UI's and more coming up.

Available Options

  • Dark
  • Dark Italics
  • Dark Low Contrast
  • Light
  • Light Italics
  • Light Low Contrast

Jetbrains

Slack:

  • Dark
  • Light

Linear App:

  • Light
  • Dark

iTerm:

  • Light
  • Dark

Firefox:

  • Light
  • Dark

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.

Trending on Indie Hackers
Getting first 908 Paid Signups by Spending $353 ONLY. 24 comments I talked to 8 SaaS founders, these are the most common SaaS tools they use 20 comments What are your cold outreach conversion rates? Top 3 Metrics And Benchmarks To Track 19 comments How I Sourced 60% of Customers From Linkedin, Organically 12 comments Hero Section Copywriting Framework that Converts 3x 12 comments Join our AI video tool demo, get a cool video back! 12 comments