Styles - CSS (design)

[calgaryx]

Hello there
I am new user to this forum.
I need some help to redesign EGroupware.

I would like to redesign inbox folder.
Please see attached image.

I would like to change color, font-familly, font-size…etc.
What css file i need to edit?
Thanks

Seems to me whatever i triy did no work

Thanks

[RalfBecker]

Please note: the DHTMLx tree you show in your screenshot will be replaced with a Shoelace web-component from the next 23.1 maintenance release on. It’s already in the 23.1 branch on Github. So don’t waste your time changing what’s already gone.

Generally speaking: EGroupware has themes created by .css files generated .less files in the following directory:

egroupware/pixelegg/css at master · EGroupware/egroupware

It makes sense to create your own .less file in that directory including the pixelegg.less file, as does the mobile.less file for example, and then overwrite what you want to change.

The next maintenance release (current 23.1 branch on Github) already includes the ability to specify a custom (web-)font to be used EGroupware wide.

Ralf

[calgaryx]

Thanks for you replay.
When that update will be available to public?

[RalfBecker]

It already is via the 23.1 branch on Github. If you asking about the next maintenance release, there currently no date fixed (probably within the next 4 weeks).

Of cause you can patch the latest 23.1.20240624 image to the current state of the 23.1 branch using the following patch: https://github.com/EGroupware/egroupware/compare/23.1.20240624...23.1
(There is a howto in in this forum on applying commits or patches to a container.)

Ralf