Squirrelsong

Light & dark themes for web developers

Get it now!

Features

Low contrast with great readability

Most themes, especially dark ones, have very high-contrast which makes them tiring for the eyes. Squirrelsong themes are low-contrast but still provide enough color and style variety to distinguish various elements of the code and avoid long chains of code printed in the same style.

Made for web developers

Carefully crafted syntax highlighting for JavaScript, TypeScript, HTML, CSS, Sass, styled-components, Markdown, JSON, XML, React, and Astro. Also, works well with PHP, Python, Ruby, Rust, Java, Swift, etc.

Monochrome Markdown styles

Inspired by iA Writer, Markdown is styled in shades of gray to avoid distractions while writing your next blog post, documentation, or book.

Consistent highlighting of different programming languages

Colors and styles are consistent among different programming languages: for example, this in TypeScript is styled the same way as $this in PHP and self in Python or Rust. HTML looks the same as JSX in React or markup in Astro components.

Non-distracting UI

Custom UI for Visual Studio Code, JetBrains IDEs, and other apps without oversaturated bright colors to keep you focused on your code.

Squirrelsong light theme for Visual Studio Code
Squirrelsong light theme for JetBrains

iTerm2

dark

  1. Download Squirrelsong Dark.itermcolors
  2. Open Settings, then Profiles, then Colors
  3. Open Color presets dropdown at the bottom, and choose Import
  4. Select Squirrelsong Dark.itermcolors
  5. Select Squirrelsong Dark in Color presets dropdown

JetBrains

light

Works in all JetBrains IDEs: Android Studio, IDEA, PhpStorm, PyCharm, RubyMine, WebStorm, etc.

  1. Open Settings
  2. Choose Plugins, then Marketplace
  3. Type Squirrelsong Light
  4. Press Install
  5. Open Settings, choose Squirrelsong in Appearance & Behavior → Appearance → Theme and Editor → Color Scheme → Scheme

Sublime Text

lightdark

  1. Download the repository as a ZIP acrhive
  2. Unzip the files
  3. Select Preferences → Browse Packages to open your Sublime Text packages directory
  4. Copy the light/Sublime Text/Squirrelsong Light or dark/Sublime Text/Squirrelsong Dark folder into your Sublime Text packages directory
  5. Go to Preferences → Color Scheme → User and select the Squirrelsong Dark theme

Terminal.app

dark

  1. Download Squirrelsong Dark.terminal
  2. Open Settings, then Profiles
  3. Press the button with three dots at the bottom of the sidebar, and choose Import
  4. Select Squirrelsong Dark.terminal
  5. Select Squirrelsong Dark in the sidebar
  6. Select Default next to it

Visual Studio Code

lightdark

  1. Open View → Command Palette or press Cmd+Shift+P
  2. Choose Install Extension
  3. Type Squirrelsong Light or Squirrelsong Dark
  4. Select it or press Enter to install

If something is missing or broken, feel free to send me a pull request on GitHub.

Artem Sapegin

About the author

Hola! I’m Artem.

I’m a software engineer with 20 years of experience in small startups and large corporations, like Wayfair, Mail.ru, Here Technologies, Omio, and Badoo, I created React Styleguidist (a tool to create React components and share them with your team), among many other open source projects.

I created the first version of this theme in 2016, and since then used it every day at work and for personal projects. Seven years later, I rebuilt it almost from scratch and improved many things.

Have a question?

Drop me a line at artem@sapegin.ru, @sapegin@mastodon.cloud, @iamsapegin, or open an issue.

The font used in all examples and logo is MonoLisa. The icons on the Visual Studio Code screenshots are from the Catppuccin Icons extension.