atom-community/ui-theme-template

A starter template for creating Atom UI themes.

Atom UI Theme Template

This is a starter template for creating an Atom UI theme.

This template only includes the minimum of styling needed and comes with a neutral look. It could already be used as a real theme, but its purpose is to serve as a basis for creating your own theme. It is documented throughout and invites you to make changes to your liking. For some inspiration take a look at other Atom themes at atom.io/themes. Or you're always free to fork a theme that already comes close to your vision.

Happy theming! 🚀

Getting started

1. Fork this repository.
2. Continue with step 2 from Creating a UI Theme

If you get stuck somewhere, feel free to create an issue.

ps. Don't forget to delete the above and edit the below in your own README.md.

---

My UI theme

A short description of your theme.

ui-theme-template's Issues

Deprecated selector in `all-green-ui\index.less`

In ui-theme-template\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:

• atom-text-editor[mini] .placeholder-text, atom-text-editor[mini]::shadow .placeholder-text => atom-text-editor[mini] .placeholder-text, atom-text-editor[mini].editor .placeholder-text

• atom-text-editor[mini] .selection .region, atom-text-editor[mini]::shadow .selection .region => atom-text-editor[mini] .selection .region, atom-text-editor[mini].editor .selection .region

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.

Issue with development and publication

Hi all,

I forked and cloned this reposity, titling the folder 'shevron-ui' which coincides with the name of the package. I have been unable to work with the ui-theme-template creator, encountering the following two errors:

Error 1
When following the steps for Creating a UI Theme step (9), Enable the theme via the "UI Theme" drop-down in the "Themes" tab of the Settings View, failed to work. The UI Theme, while it appeared in settings under development themes as installed did not appear in the "Themes" tab so I was unable to select it.

Error 2
To try and get around this issue and start building a UI theme, I figured I would publish it. It can be found via https://atom.io/packages/shevron-ui. However, when I try to install the theme I get the following error:

Note that I have not changed any of the ui-theme-template code aside from the name and repositry in package.json.

Hello

Adapt to Syntax themes?

Should this UI theme also adapt to syntax themes by using the syntax variables as a base? Like the One themes and others do it.

Pro: It would look much better because the current dark grey rarely matches any syntax's theme background color.

Con: On the other hand, the purpose of this theme is to make it as easy as possible for beginners to get started. Without any fancy stuff. So not sure.

Hello

Hello

This repo will transfer to atom-ide-community

As discussed in the discord chat, we decided to merge atom-community into atom-ide-community