NOTE: Although Atom has been sunset, I will be maintaining this theme. I plan to publish to Pulsar's (a community-driven effort to continue Atom) package repository
Fall Syntax is a syntax theme with 3 design points in mind:
- Reduce blue light*
- Make code clear
- Still look good
*Not clinically proven. Coding breaks are still recommended.
I've sought out to build a syntax theme on top of those principals; something that minimizes the blue but still looks good. Why? I knew that blue light causes eyestrain and headaches, which are a nuisance for the programmer (and the average computer user).
After about a month of color-picking, discussion, and color-tweaking, Fall Syntax was here. Every hue, every shade, was meticulously hand-picked, tested, and checked against standards such as the WCAG 2.0 contrast ratio criterion.
Naturally, the colors are reddish and aesthetic, giving that post-summer vibe.
Besides warm colors, Fall Syntax features some nice perks such as
- Trivial components of code (like comments and bracket pairs) are faded
- Consistent color semantics across languages (e.g. you will find definitions of classes or functions as a green keyword followed by a purple name)
- Increased contrast on function/class definitions*
Enjoy!
*support may vary depending on language. Check the FAQ for more info.
This is my first syntax theme 🎉, originally forked from Atomic-monokai-pro-syntax. Except now, this looks nothing like atomic-monokai-pro-syntax.
I hope you like it! ❤️. If you do, please star this repo and star this theme on Atom. That way, you can let other people find this theme.
Hey, if you don't like this syntax theme ("it's too reddish!") I highly recommend @tterb's Atomic-monokai-pro-syntax or @jackw01's summer-night-syntax. @KomodoKode's personal favorite (how dare he not use Fall Syntax) is Atom's built-in One Dark. Nord is pretty good, too.
This theme can be installed from within Atom or via the command:
$ apm install fall-syntaxAfter installation, you can activated by going to the Settings > Themes section and selecting it from the Syntax Themes drop-down menu.
| Color | Preview | Hex |
|---|---|---|
| Pink | #FF7092 |
|
| Orange | #F99270 |
|
| Light Orange | #FFB370 |
|
| Peach | #F9C19A |
|
| Green | #7EC892 |
|
| Purple | #D6ABEE |
|
| Maroon | #C65882 |
|
| Foreground | #E3DEDF |
|
| Punctuation | #A29094 |
|
| Background | #262022 |
Q: I need this for other editors
A: Current ports:
- Fall Syntax for VSCode (Unfinished)
- Fall Syntax for Sublime text (note: this is a 3rd-party contribution)
If you have made a port, please send a pull request updating this list.
Q: This syntax highlighting is degraded
A: You're probably having tree-sisters parsing on. While it is a promising technology, it currently seems to degrade syntax highlighting. I recommend you turn it off on Settings > Core. If that's not the case feel free to complain in the issues or send a pull request!. I have rewritten the _base.less by hand so I have probably dropped support for some markup/programming languages.
Q: This looks like (insert some theme name)
A: Welp. Great minds think alike!
Q: How can I contribute?
A: Either complain about the colors professionally critique the theme in the issues or send a pull request for some different colors/arrangements. Or you can help me port this theme to other editors I'll merge it if I like it!
Credits to
- My epic friends @KomodoKode and @thatdevboyjun for feedback, suggestions, and critique! Thanks guys!
- @tterb for his amazing https://github.com/tterb/Atomic-Monokai-Pro-syntax
- The City lights theme for major inspiration
- Wimer Hazenberg and his Monokai Pro theme, which has heavily influenced the design. You can still see traces of Monokai hidden in the theme
- Coolors.co for the epic palette generator (and color editor)
![imgbot[bot] avatar](https://avatars.githubusercontent.com/in/4706?v=4 "imgbot[bot]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent