Problem/Motivation

When using the gin theme in dark mode, the jstree UI looks bad. See the screenshot.

Steps to reproduce

Install media_directories_ui and use gin (with dark mode enabled) as admin theme,
head over to /admin/content/browser.

Proposed resolution

Add styles for specific themes, maybe only for gin, that support darkmode.
I do not know about a core theme, that offers a dark mode (yet).
I found this module inverting colors dark_admin, but it seems never to came alive ...

Remaining tasks

List other admin themes that support dark mode.

User interface changes

Depending on the theme we need to override jstree background, font and highlight colors.
For gin, we could reuse it's --vars and defined highlight color.

CommentFileSizeAuthor
Screenshot from 2023-08-08 01-12-16.png32.57 KBytsurk

Comments

ytsurk created an issue. See original summary.

ytsurk’s picture

ytsurk
Location Switzerland
commented
Issue summary: View changes
ytsurk’s picture

ytsurk
Location Switzerland
commented

I just saw https://github.com/vakata/jstree/tree/8c1bcc87771f5be0b70cd49d6a7888707e... which can be set here: https://www.jstree.com/api/#/?f=$.jstree.defaults.core.themes.name

Definitely the way to go IMO, and trying to avoid overriding theme css, settings --vars still okey to me.

rang501’s picture

rang501 commented
Status: Active » Closed (outdated)

Fixed in 3.x version. Will close this issue.

Now that this issue is closed, review the contribution record.

As a contributor, attribute any organization that helped you, or if you volunteered your own time.

Maintainers, credit people who helped resolve this issue.