Hadron icon indicating copy to clipboard operation
Hadron copied to clipboard

Theme templates for hadron

Open epolidor opened this issue 7 years ago • 0 comments

The Problem

It is not easy to change the look and feel of Hadron in order to adjust it to your own web design/corporate design. Changing the colors, adding backgrounds and changing layouts are quite difficult and distributed on more than one CSS file.

The solution

  1. We'd like to simplify the process of changing the theme of Hadron by changing as few files as possible, and in a very simple way.
  2. In addition, some basic themes need to be added to the Hadron core code to be able to change themes just by setting the selected theme in the Hadron configuration (eg data-theme="dark-mode"). Ideally a non-coder can change the look and feel of Hadron by selecting a pre-coded theme.
  3. There needs to be an easy way to add or remove themes from installations (eg adding a folder or file on /themes folder).

Test Hadron

To test Hadron you could use https://codepen.io/BotanicTechnologies/pen/WarGxm .

Screenshot of Hadron installation on SEEDtoken.io

screenshot hadron theme seedtoken The violet background is not part of Hadron, but of the web page where it has been embedded

epolidor avatar Oct 03 '18 06:10 epolidor