How to create a theme for Archi - archimatetool/archi GitHub Wiki

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

Example

Archi-Theme

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: