whizkydee / atom-material-palenight-syntax

🍹🍩 An elegant and juicy material-like theme for Atom.

Atom Material Palenight Syntax

🌑 An elegant and juicy material-like theme for Atom.

Shown with Atom Material UI. The fonts used in the screenshot are Fira Code and Operator Mono.

Installation

If you're a terminal guru 👻, launch a window and type:

apm install material-palenight-syntax

Or, inside Atom's settings select Install and then search for this syntax theme.

There's also a VS Code version of this theme created by me.

Recommended UI Themes

Some UI themes that work best with this syntax theme.

• Atom Material UI – Awesome! 'twas made for it.
• Pristine UI – It's gorgeous!
• One Dark UI – Looks great.

Tweaks

✌️ If you're using Atom Material UI, add the following lines to your Atom Config (config.cson) file for an awesome experience:

"atom-material-ui":
  colors:
    abaseColor: "#7e57c2"
    paintCursor: true
    predefinedColor: "Purple"
  tabs:
    compactTabs: true
    noTabMinWidth: true
  treeView:
    blendTabs: true
    compactList: false
  ui:
    panelShadows: true

Also, if you have Operator Mono font installed, copy and paste the snippet in this GitHub Gist to your stylesheet file (styles.less) to feel the beauty of its italic variant.

Wanna Contribute?

Feel free to report here any suggestions or irregular syntax highlighting of this theme with an attached screenshot or source file where necessary. Also, contributions to the codebase are very much welcome.

License

This theme is released under the MIT License.

Designed with :hear️t: by Olaoluwa in Lagos, Nigeria. Follow him on GitHub

atom-material-palenight-syntax's Issues

Random version bumps

I am curious as to why there have been several random version bumps and new releases without any actual changes to code?

v1.4.0...v1.4.1
v1.4.1...v1.4.3
v1.4.4...v1.4.5

I check each package when they are updated in atom and I noticed that nothing is really being updated in your package between the versions above.

Shadow DOM

Atom recently deprecated the use of Shadow DOM so currently material-palenight-syntax appears in the deprecation cop, for using deprecated styles, this is an easy fix, I can make a PR if you want.

Deprecated selector in `material-palenight-syntax/index.less`

Just noticed a deprecation warning in your latest update.

Auto-generated by atom:

In material-palenight-syntax/index.less:

Starting from Atom v1.13.0, the contents of atom-text-editor elements are no longer encapsulated within a shadow DOM boundary. This means you should stop using :host and ::shadow pseudo-selectors, and prepend all your syntax selectors with syntax--. To prevent breakage with existing style sheets, Atom will automatically upgrade the following selectors:

• .syntax--entity.syntax--name.syntax--function, .entity.syntax--name.syntax--function, .syntax--meta.syntax--require, .syntax--support.syntax--function.syntax--any-method, .syntax--meta.syntax--function-call, .syntax--support.syntax--function, .syntax--keyword.syntax--other.syntax--special-method, .syntax--meta.syntax--block-level, .syntax--meta.syntax--function-call.syntax--method.syntax--with-arguments .syntax--variable.syntax--function => .syntax--entity.syntax--name.syntax--function, .syntax--entity.syntax--name.syntax--function, .syntax--meta.syntax--require, .syntax--support.syntax--function.syntax--any-method, .syntax--meta.syntax--function-call, .syntax--support.syntax--function, .syntax--keyword.syntax--other.syntax--special-method, .syntax--meta.syntax--block-level, .syntax--meta.syntax--function-call.syntax--method.syntax--with-arguments .syntax--variable.syntax--function

• .syntax--tsx.entity.syntax--name.syntax--function, .syntax--tsx.syntax--entity.syntax--name.syntax--function => .syntax--tsx.syntax--entity.syntax--name.syntax--function, .syntax--tsx.syntax--entity.syntax--name.syntax--function

• .syntax--variable.syntax--parameter.syntax--tsx, .syntax--entity.syntax--name.syntax--function.syntax--tsx, .entity.syntax--name.syntax--function.syntax--tsx, .syntax--property.syntax--function.syntax--tsx => .syntax--variable.syntax--parameter.syntax--tsx, .syntax--entity.syntax--name.syntax--function.syntax--tsx, .syntax--entity.syntax--name.syntax--function.syntax--tsx, .syntax--property.syntax--function.syntax--tsx

Automatic translation of selectors will be removed in a few release cycles to minimize startup time. Please, make sure to upgrade the above selectors as soon as possible.