Alfred
light
Light & dark themes for web developers
A low-contrast, non-distracting, and neurodiverse-friendly theme that is comfortable for all-day coding without sensory overstimulation. It’s perfect for developers with ADHD, autism, or highly sensitive people (HSP).
Most themes have very high contrast and bright colors which makes them tiring for the eyes, especially for highly sensitive people. Squirrelsong themes are low-contrast and use soft colors, 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.
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.
Inspired by iA Writer, Markdown is styled in shades of gray to avoid distractions while writing your next blog post, documentation, or book.
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.
Custom UI for Visual Studio Code, and other apps without oversaturated bright colors to keep you focused on your code instead of being distracted and overwhelmed. Compare it to the default Visual Studio Code theme.
Alfred, Bear, CotEditor, Google Chrome, Google Chrome DevTools, iTerm2, JetBrains, Marta File Manager, Midnight Commander, Nimble Commander, Prism, Slack, Sublime Text, Telegram, Terminal.app, Visual Studio Code, Vivaldi, Warp, WezTerm
light
light
light
light
Also works for Microsoft Edge, and other Chromium-based browsers.
light
Also works for Microsoft Edge, and other Chromium-based browsers.
dark
light
Works in all JetBrains IDEs: Android Studio, IDEA, PhpStorm, PyCharm, RubyMine, WebStorm, etc.
light
dark
light
lightdark
Follow the instructions on GitHub: light theme, dark theme
lightdark
Follow the instructions on GitHub: light theme, dark theme
lightdark
light
dark
lightdark
light
dark
dark
If something is missing or broken, feel free to send me a pull request on GitHub.
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, Stage+, 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 use it every day at work and for personal projects. Seven years later, I rebuilt it almost from scratch and improved many things.
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.