Logo

dev-resources.site

for different kinds of informations.

Squirrelsong: light & dark themes for web developers

Published at
9/7/2023
Categories
vscode
themes
tools
jetbrains
Author
sapegin
Categories
4 categories in total
vscode
open
themes
open
tools
open
jetbrains
open
Author
7 person written this
sapegin
open
Squirrelsong: light & dark themes for web developers

I’m excited to share the new version of my color scheme — Squirrelsong. It’s a low-contrast light and dark code scheme and UI theme for web developers.

I don’t like distractions, and most themes are too bright for me, especially the current trend in UI design (the new “minimalistic” JetBrains UI, for example). That’s why created the first version of Squirrelsong seven years ago, and was using it since then mostly unchanged. It was pretty but quite random.

In the past two months, I’ve rebuilt it almost from scratch, made it more consistent across different apps and programming languages, and added code themes for many more apps, as well as UI themes.

Here’s the light version:

Squirrelsong Light theme for Visual Studio Code

And here’s the dark:

Squirrelsong Dark theme for Visual Studio Code

Get the theme for your editor, terminal, or app

Why Squirrelsong?

1. 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.

Low contrast with great readability

2. 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.

Made for web developers

3. 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.

Monochrome Markdown styles

4. 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.

Consistent highlighting of different programming languages

5. 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.

Non-distracting UI

Get the theme for your editor, terminal, or app

jetbrains Article's
30 articles in total
Favicon
JetBrains developer stats of 2024
Favicon
Rust is Still Promising as a Replacement for C++
Favicon
Free AI Git Commit Message Plugin for JetBrains IntelliJ IDEA Using Gemini API
Favicon
Jetbrains Rider Endpoints
Favicon
Generating Flyway migrations using IntelliJ IDEA
Favicon
JavaScript in IDE scripting console
Favicon
How to add intellij community edition to right click menu on win 11
Favicon
Introducing the New TeamCity Plugin for IntelliJ IDEA
Favicon
🚀 I Improve Your IDEs: The Most Useful Plugins
Favicon
JetBrains Python ignore PEP 8 errors
Favicon
JetBrains - Aqua - Test Automation IDE
Favicon
Set up command line launcher in WebStorm 2024.2+
Favicon
Rider Testimonial
Favicon
A Tour of the Couchbase JetBrains Plugin for Developers
Favicon
Jetbrains Rider External Tools example based on Docker
Favicon
From JetBrains to VSCode to NVIM: Why I Made the Switch
Favicon
How to Run Docker-based .NET apps in JetBrains Rider Without “Fast Mode”
Favicon
Kong plugin development with breakpoint debugging
Favicon
JetBrains Adds Daytona to Remote Dev Env Managers
Favicon
How-to Connect JetBrains IDEs to Amazon RDS with AWS SSO
Favicon
JetBrains' AI Assistant
Favicon
Meetup #57: Kotlin Multiplatform is Stable !
Favicon
The Battle of IDEs: Visual Studio Code vs. JetBrains - Which Reigns Supreme?
Favicon
How to Integrate Docker & JetBrains into Telepresence
Favicon
Creating an OpenAPI generator from scratch : From YAML to JetBrains HTTP Client
Favicon
RubyMine Auto Completion Freeze
Favicon
Squirrelsong: light & dark themes for web developers
Favicon
Keep Watch on SQL Query in Intellij/Goland or DataGrip
Favicon
RubyMine. How to Open a Folder with a Single Click
Favicon
Introducing Refact: Open-source alternative to Github Copilot

Featured ones: