Main color changed

[neo7-studio-web]

Preflight Checklist

• I have completed all Troubleshooting Steps.
• I'm on the latest version of Directus.
• There's no other issue that already describes my problem.

Describe the Bug

App interface became pink instead of classic green when updated to the last version.

To Reproduce

• Log in
• Interface color changed
• No setting gives the ability to change main color

Errors Shown

No response

What version of Directus are you using?

9.6.0

What version of Node.js are you using?

14.16.1

What database are you using?

MySQL 5.7.14

What browser are you using?

Firefox

What operating system are you using?

Linux CentOs

How are you deploying Directus?

locally

[azrikahar]

This is actually a change in #11952 and not a bug. It is to align with the new branding which are already present as seen in https://directus.io and https://docs.directus.io.

That said, there is plan to add theming/color customizations to make things easier via app settings as mentioned here: #11969 (comment). Feel free to share your thoughts on it as well!

In the meantime, you can definitely change them to fit your preference via Custom CSS 👍 Here's a snippet to change the navigation icon color as an example: #11952 (comment)

I'll proceed to close this as it's not an actual bug here.

[neo7-studio-web]

I'm so sorry... that was a brutal change to me and I must say... I'm not a huge fan of this new color for dark mode, but it's a world of infinite tastes.
Thanks for the info about changes coming and what can be done already, I appreciate !

[benhaynes]

I get it @neo7-studio-web!! We wanted to use the same primary for Dark Mode, but the contrast was horrendous. We're actively working on a theme builder that we were hoping would be ready for this release... but it wasn't. Should be out soon though. Thanks for bearing with us!

[neo7-studio-web]

I get it @neo7-studio-web!! We wanted to use the same primary for Dark Mode, but the contrast was horrendous. We're actively working on a theme builder that we were hoping would be ready for this release... but it wasn't. Should be out soon though. Thanks for bearing with us!

No worry Ben, you guys are doing such a great job. With the simple above instructions I managed to get back the previous green theme for dark mode, that's fine ! Thank you

[chernandezweb]

You can add something like this in the custon CSS box to change it ;)

body.dark{
--primary: #299b8b !important;
}

[neo7-studio-web]

Actually I managed to get the previous green aspect by applying what is mentioned here in the CSS box to get colors from the original scheme :
#11969 (comment)

(replacing blue by green, also works with yellow, purple...)

But thanks your solutions works for one custom color.

[sensedrive]

This is actually a change in #11952 and not a bug. It is to align with the new branding which are already present as seen in https://directus.io and https://docs.directus.io.

I'll proceed to close this as it's not an actual bug here.

I think you really should not push such a change, without a "real" possibility to change the color through the settings. This sounds like a nogo for me. Just upgraded to 9.6.0 and the layout looks right messy for the customer right now.

Well ... thank you for your help anyway.

[benhaynes]

@sensedrive — I understand the frustration, but there is a "real" way to make that change. We included the code template directly in the CSS override for easier access.

When you say the layout looks "messy", what do you mean? Are you saying the color changing from green made the whole layout messy?

[sensedrive]

@benhaynes It's just the colores. Sometimes enough to get a call.

@sensedrive — I understand the frustration, but there is a "real" way to make that change. We included the code template directly in the CSS override for easier access.

Sounds like a very good solution. Many thanks!