A highly legible light syntax theme for Atom
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.


newbound light syntax theme for Atom

There aren’t enough legible, intentionally designed light syntax themes for text editors.

newbound light is a theme for Atom, based on the hues and shades from Oliver Pattison’s website. Optimized for writing Markdown and front-end development, it should also work for general use.

See also: newbound warm and newbound dark

16 swatches of each color

sample of newbound colors

View on Atom.io

View on GitHub


  • Moderately high contrast without any dissonant color pairings
  • Consistent support for syntax grammar across languages
  • Carefully selected, Base16-inspired palette, with blue and red accents
  • Support for UIs that are responsive to hues from syntax themes, like the built-in One Light UI theme
  • Subtle invisibles (if enabled in Settings)
  • Bracket matching style
  • Suitable for monospace fonts without an italic variant

Specific support for these syntaxes

  • HTML
  • (GitHub-flavored) Markdown
  • Liquid
  • CSS
  • SCSS/Sass
  • Less
  • JavaScript
  • JSON
  • YAML
  • Ruby
  • todo

General support for other languages is intended but not guaranteed.

newbound is friendly toward Jekyll development, particularly if used with liquid-language support (not built-in).

Optimized for One Light UI and One Dark UI.

HTML (and Liquid)

HTML and Liquid text sample


Markdown text sample


JavaScript code sample

SCSS (or CSS, Sass, or Less)

SCSS text sample


Ruby code sample


This theme can be installed with the Atom package manager in the app or on the command line.

Within Atom

Search in Settings (Preferences) > Install for this package.

Or on a command line

$ apm install newbound-light-syntax

After it is installed, it can be activated by going to the Settings (Preferences) > Themes section and selecting it from the Syntax Theme menu.

Not using Atom?

Use the colors.yml file with Base16 Builder to generate a theme for a different text editor. This theme was created by hand, so results may vary from this implementation.

Have a problem or a suggestion?

Submit an issue on GitHub