Flo Code

A dark theme for VS Code, inspired by Palenight Operator. Sharper and easier to read, while keeping the charm that made Palenight popular: nothing glares.

Why another theme?

Most dark themes fall into one of two traps. Either the colors are too sharp and the text almost glares, or everything is so soft that buttons, panels and tokens blur into each other. Flo Code sits in between:

• Soft text, clear contrast. The main text is a calm grey blue instead of near white, but surfaces, tabs, inputs and buttons are separated by clear steps.
• Operator style italics. async function, const, import, this, attributes, decorators and comments are italic, the way Operator styles are meant to be.
• Colors with a meaning. Blue is always a function, gold is always a type or a reference, lavender is always a property, coral is always a constant. The same rules apply in TypeScript, Vue, C, Python, JSON and YAML.
• Readable diffs. Added and removed lines are tinted just enough to see them, so the code on top stays readable, even for completely new files.
• Calm git colors. Olive, ochre and muted red in the explorer instead of signal colors.

Languages

Tuned and tested with the built-in VS Code grammars for:

• TypeScript, JavaScript, Vue (components, directives like @click and :prop), HTML, CSS and SCSS
• JSON, YAML, .env, Dockerfile, Markdown
• C and C++ (ESP-IDF, Arduino), Python

Installation

1. Open the Extensions view (Ctrl+Shift+X).
2. Search for Flo Code and install it.
3. Select Flo Code Operator with Ctrl+K Ctrl+T.

Font

Works best with Dank Mono. The theme uses a lot of italics, and Dank Mono's cursive italic style is what it was designed with.

Other fonts with a real cursive italic style work well too, for example Operator Mono, Victor Mono or Fira Code iScript. Any other monospace font is fine as well.

Feedback

Found a color that doesn't fit or a language that looks off? Please open an issue, ideally with a screenshot.

License

MIT