General Preferences Themes

Started by trussecn, April 02, 2018, 20:37:42 PM

Previous topic - Next topic

trussecn

I am relatively new to the Archi ecosystem, though feel proficient at creating models and using the views to support the work I am doing.

I noticed that under Preferences->General->Appearance there is a theme selection option. After searching the forum, I did not see much in the way of uploading or customizing these themes. As I am often looking at Archi for extended periods of time, a darker theme would be dearly appreciated. Are there other themes that can be imported? Or customized?

Phil Beauvoir

Actually, yes this is possible.

Archi uses Eclipse's system for a UI Theme and this is contained in the Archi plugin "com.archimatetool.editor.themes" which you can find in the Archi "plugins" folder in the installation location. It uses CSS to create the styles. I am by no means an expert on this, but I know that JB Sarrodie has had a go at creating a theme. The basic idea is to create one or more CSS files and then register the main CSS file in the plugin.xml file.
If you value and use Archi please consider making a donation! https://www.archimatetool.com/donate

trussecn

Thanks Phil! That is all I needed to hear, because I'm original (read stubborn) I am now in the thralls of creating my own dark scheme. Thanks!

Phil Beauvoir

Eclipse does have a dark theme that could be adapted. If you download Eclipse you'll find it in the /plugins/org.eclipse.ui.themes_1.2.1.v20170809-1435/css/dark folder.
If you value and use Archi please consider making a donation! https://www.archimatetool.com/donate

Catalan

I couldn't get the dark theme to work, Phil. Any easy solutions? It's a shame because I really need that as I do most of the work at night.

Phil Beauvoir

Quote from: Catalan on April 28, 2018, 15:37:15 PM
I couldn't get the dark theme to work, Phil. Any easy solutions? It's a shame because I really need that as I do most of the work at night.

Might be best to open an issue on GitHub so we can track it (and maybe attract someone who might care to implement it).
If you value and use Archi please consider making a donation! https://www.archimatetool.com/donate

haba713

#6
I use Xfce with Adwaita dark theme.

This is how Archi looks like with default settings:

https://imgur.com/3ElejSp

And this is after setting Edit > Preferences > General > Appearance > Theme > Dark:

https://imgur.com/2Hbyr6e

How can I change the palette foreground or background color to white or light gray?

Quote from: Phil Beauvoir on April 29, 2018, 16:16:58 PM
Might be best to open an issue on GitHub so we can track it (and maybe attract someone who might care to implement it).

I asked for help also in GitHub.

Phil Beauvoir

Quote from: haba713 on September 22, 2020, 11:48:47 AM

How can I change the palette foreground or background color to white or light gray?

I asked for help also in GitHub.

Hi, as I said on the GH issue, the rendering of the UI is done with CSS files that come from Eclipse. I've done the best I can to make the themes work on Archi, however there are cases like this where I simply don't know what to change. Perhaps someone with better knowledge of this might help. Having said that I'm experimenting with the CSS themes that come with a later version of Eclipse (4.17) and that might be better.
If you value and use Archi please consider making a donation! https://www.archimatetool.com/donate

haba713

#8
Ok. And sorry for cross posting. I didn't know which forum is active. Both are, thank you Phil!

I can test upcoming releases with Linux / Xfce / dark theme if needed.

Phil Beauvoir

Quote from: haba713 on September 22, 2020, 12:02:15 PM
Ok. And sorry for cross posting. I didn't know which forum is active. Both are, thank you Phil!

I can test upcoming releases with Linux / Xfce / dark theme if needed.

No problem. This forum is for general discussion, GH for bugs and issues. Posting here as well as GH is OK. :-)
If you value and use Archi please consider making a donation! https://www.archimatetool.com/donate

haba713

I'm currently using http://www.umldesigner.org Activity Diagrams for process documentation but Archi looks like promising alternative. I look forward to get it working on my current desktop environment.

Phil Beauvoir

Quote from: haba713 on September 22, 2020, 13:42:03 PM
I'm currently using http://www.umldesigner.org Activity Diagrams for process documentation but Archi looks like promising alternative. I look forward to get it working on my current desktop environment.

TBH, unless someone can figure out what component needs changing in the theme CSS files, this will always be an issue with the dark theme.
If you value and use Archi please consider making a donation! https://www.archimatetool.com/donate

haba713

Quote from: haba713 on September 22, 2020, 11:48:47 AMHow can I change the palette foreground or background color to white or light gray?

I've found a workaround. You can set the GTK theme (in this case one with a light background) for a single application like this:  GTK_THEME=Adwaita:light /opt/Archi-Linux64-4.7.1/Archi

Phil Beauvoir

Quote from: haba713 on September 22, 2020, 18:15:04 PM
Quote from: haba713 on September 22, 2020, 11:48:47 AMHow can I change the palette foreground or background color to white or light gray?

I've found a workaround. You can set the GTK theme (in this case one with a light background) for a single application like this:  GTK_THEME=Adwaita:light /opt/Archi-Linux64-4.7.1/Archi

Thanks for sharing! Possibly then setting Archi's theme to dark should work?
If you value and use Archi please consider making a donation! https://www.archimatetool.com/donate

isaac-nugroho

Hi, I created a theme plugin for archi, you can find at https://github.com/isaacnugroho/archi-themes.

It is actually a rip off from theme found in archi source code.

How to use:

1. Download this file https://github.com/isaacnugroho/archi-themes/releases/download/0.2.0/com.github.isaacnugroho.archi.themes_0.2.0.jar
2. Copy to ~/.archi4/dropins folder
3. Start archi
4. A new theme, Groovy Dark, will available for selection


PS:

* only one theme available, but open for suggestions