Add dark mode support for gin

jan kellermann → made their first commit to this issue’s fork.

Then please have a look and give feedback :)

We added classes for gin but also for general dark mode without gin as admin theme.

Well, that looks much better than before.
It would be nicer, of course, if the background color of the circular icons could be adjusted when the values for dark mode are applied.

That would make the widget look much rounder.

What I also noticed is that the Duplicate entry created by ECA does not have an icon. Here, you could consider implementing a generic icon for such cases, but that should be the subject of a separate issue.

working on this.

I have updated the circular icons so their background color now matches the theme’s primary color. I also cleaned up the MR by removing redundant code.

If the icons had been implemented as inline SVGs, we could have changed their colors according to light and dark mode, but since they’re being used via CSS background-image, that option isn’t available.

can't we reverse the color via CSS?

@doxigo I have explored a little and found a way to do that, working on the changes.

Now the icons color is also changes according to light and dark mode. Instead of using background-image property I have used mask-image property.

Great work so far, I personally don't like the accent color used. We should do our own good looking UI instead of doing high contrast accent colors

I have used the gin-color-primary variable here, so the color will change according to selected gin's theme accent color. I thought it would make the color match gin theme .But yes, we can use our own color too.

Experimented with the colors. Still uses the accent colors from gin variables.

Oh I like that a lot. Thank you very much.