Archi Forum

Archi => General Archi Discussion => Topic started by: trussecn on April 02, 2018, 21:37:42 PM

Title: General Preferences Themes
Post by: trussecn on April 02, 2018, 21:37:42 PM
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?
Title: Re: General Preferences Themes
Post by: Phil Beauvoir on April 02, 2018, 23:13:42 PM
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.
Title: Re: General Preferences Themes
Post by: trussecn on April 04, 2018, 01:40:29 AM
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!
Title: Re: General Preferences Themes
Post by: Phil Beauvoir on April 04, 2018, 07:32:18 AM
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.
Title: Re: General Preferences Themes
Post by: haba713 on September 22, 2020, 12:48:47 PM
I use Xfce (https://www.xfce.org/) with Adwaita dark (https://www.gnome-look.org/p/1293054/) theme.

This is how Archi looks like with default settings:
(https://i.imgur.com/3ElejSpl.png)
https://imgur.com/3ElejSp

And this is after setting Edit > Preferences > General > Appearance > Theme > Dark:
(https://i.imgur.com/2Hbyr6el.png)
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, 17: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 (https://github.com/archimatetool/archi/issues/629#issuecomment-696658239).
Title: Re: General Preferences Themes
Post by: Phil Beauvoir on September 22, 2020, 12:56:44 PM
Quote from: haba713 on September 22, 2020, 12:48:47 PM

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

I asked for help also in GitHub (https://github.com/archimatetool/archi/issues/629#issuecomment-696658239).

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.
Title: Re: General Preferences Themes
Post by: haba713 on September 22, 2020, 13: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.
Title: Re: General Preferences Themes
Post by: Phil Beauvoir on September 22, 2020, 13:08:12 PM
Quote from: haba713 on September 22, 2020, 13: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. :-)
Title: Re: General Preferences Themes
Post by: haba713 on September 22, 2020, 14: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.
Title: Re: General Preferences Themes
Post by: Phil Beauvoir on September 22, 2020, 15:38:32 PM
Quote from: haba713 on September 22, 2020, 14: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.
Title: Re: General Preferences Themes
Post by: haba713 on September 22, 2020, 19:15:04 PM
Quote from: haba713 on September 22, 2020, 12:48:47 PMHow 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
Title: Re: General Preferences Themes
Post by: Phil Beauvoir on September 22, 2020, 19:55:28 PM
Quote from: haba713 on September 22, 2020, 19:15:04 PM
Quote from: haba713 on September 22, 2020, 12:48:47 PMHow 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?
Title: Re: General Preferences Themes
Post by: isaac-nugroho on December 20, 2022, 12:32:32 PM
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

Title: Re: General Preferences Themes
Post by: Phil Beauvoir on December 20, 2022, 12:55:55 PM
Quote from: isaac-nugroho on December 20, 2022, 12:32:32 PMHi, 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



Thanks for sharing your theme. Perhaps it's worth mentioning that it's for Linux only.

Regards,

Phil
Title: Re: General Preferences Themes
Post by: isaac-nugroho on December 20, 2022, 13:00:20 PM
Quote from: Phil Beauvoir on December 20, 2022, 12:55:55 PMThanks for sharing your theme. Perhaps it's worth mentioning that it's for Linux only.

You're correct Phil. I'm sorry I did not mention it earlier.

I'll find out the equivalent dropins folder in other OS.

Thank you
Title: Re: General Preferences Themes
Post by: Phil Beauvoir on December 20, 2022, 13:02:17 PM
Quote from: isaac-nugroho on December 20, 2022, 13:00:20 PM
Quote from: Phil Beauvoir on December 20, 2022, 12:55:55 PMThanks for sharing your theme. Perhaps it's worth mentioning that it's for Linux only.

You're correct Phil. I'm sorry I did not mention it earlier.

I'll find out the equivalent dropins folder in other OS.

Thank you

The plugin.xml declares the theme as Linux only:

<theme
   basestylesheeturi="themes/eclipse/css/e4-groovy-dark_linux.css"
   id="com.github.isaacnugroho.archi.themes.groovy_dark"
   label="Groovy Dark"
   os="linux">
</theme>