apathy-theme

The last syntax theme you'll ever download.
coopermaruyama
1.10.6 14,563
Flag as spam or malicious

Apathy //// Atom Syntax Theme

Note:

**In newer versions of Atom this syntax theme only works correctly when run in development mode. To get a version which only includes the syntax styles and supports newer versions of Atom, download vivid-syntax.

Join the chat at https://gitter.im/coopermaruyama/apathy-theme

Apathy main screenshot

View full-screen

This dark syntax theme sports a subtle, deep purple base with vivid candy-like colors which bring your syntax to life without going too far to the point of being impractical. It's also one of the only syntax themes with the ability to configure its colors through the settings panel.

Recommended Settings:

Read me before customizing colors!

  • Technically, overriding the LESS variables of a theme is not supported by atom (see #5903). The solution in place is hacky and can cause errors.

  • When you change the color settings, you won't see the changes applied until you do a live reload (cmd-alt-ctrl-L). This is because atom has already compiled all the LESS files to CSS. For this reason, it's easier to open up dev tools and find the color you want there, then update your settings after - this way you don't have to reload over and over.

  • If you want to go back to default, open your config (File > Open your config) and delete the color stuff under the 'apathy-theme' key.

Roadmap

  • The name of this theme will soon be changed to "Vivid syntax".

  • Features such as semantic highlights, wrap guide, etc. will be exported into their own packages so that you can use them with any syntax theme.

Features

1. Source Code Pro and Inconsolata Font Included:

Source Code Pro: Source code pro Screenshot

Inconsolata: Inconsolata Screenshot

2. Left wrap guide & customizable padding (optional)

left wrap guide ss

3. Semantic highlighting (Optional)

Applied only to text that is grammars leave unscoped: Semantic Screenshot

4. Custom tree-view background (optional)

Treeview bg

5. Directory structure visual guides (optional)

Directory guides

6. Calibration

Calibrate brightness, saturation, and contrast in the settings panel: colors calibration

Notes

  • This theme will most likely override your current font in 'Settings'. If you don't like the font provided, you can override it in your custom stylesheet, using this selector: atom-text-editor::shadow .source (make sure to add !important).
  • I highly recommend you combine this theme with either Atom Material UI or One Dark - I personally think they match very well.
  • This syntax theme styles a few things that is out of its scope (e.g. the tree view), so I wouldn't be surpised if it has issues with some UI themes.
  • This theme includes the following font weights in case you want to use them in your user stylesheet: 200, 300, 400, 700, 800, 900 (Source Code Pro only!)

Language Previews

Javascript:

JS Screenshot

Coffeescript:

Coffeescript Screenshot

MeteorJS (w/ tree view styling enabled)

Meteor Screenshot

Spacebars:

Spacebars

Jasmine:

Jasmine Screenshot

Note: To get Jasmine colors to work you need to:

  1. name your files someFile.spec.js

  2. make sure you have file types installed

  3. add the following in your config:

    "file-types":
      "^[^.]+.js$": "source.js"
      ".spec.js$": "source.spec.js"
  • I've noticed that opening the settings panel for this package will mess up current settings that use regex, so try to only edit this setting via File > Open your config.

CSS/SASS/LESS:

CSS

HTML:

HTML Screenshot