How to create a theme for Archi

Archi being based on Eclipse framework, it is possible to tune its appearance a bit using CSS, or even to create a completely new theme for it.

Useful links

• https://www.vogella.com/tutorials/Eclipse4CSS/article.html
• https://wiki.eclipse.org/E4/CSS/SWT_Mapping
• https://books.google.fr/books?id=oQjVDQAAQBAJ&pg=PA252#v=onepage&q&f=false

Example

Associated CSS file: eos.css

In this example, the following changes have been done:

• This theme is based on the classic theme, but uses simple (rectangular) tabs shape: .MPartStack {swt-simple: true;}
• Model tree background color has been changed: .MPartStack#folderLeftTop {background-color: #eaeff7;}
• Cross used to close tabs have been removed on some tabs: .MPartStack#folderLeftTop CTabItem {swt-show-close: false;}
• Minimize/maximize icons have been removed: .MPartStack {swt-maximize-visible: false; swt-minimize-visible: false;}

Archi 5 theme challenge

It would be good to design a new and modern theme for the next major version of Archi. Anyone interrested can create a new page to describe his/her ideas and add a link here.

Proposals:

• Fluent/Material theme proposal, by JB Sarrodie