Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Default text invisible when in Strapi dark / system mode #130

Open
jasonmwnz opened this issue Oct 14, 2024 · 4 comments
Open

Default text invisible when in Strapi dark / system mode #130

jasonmwnz opened this issue Oct 14, 2024 · 4 comments

Comments

@jasonmwnz
Copy link

When Strapi is in dark mode or reading from system and system is in dark mode, the default text color in the editor seems to be white / invisible.

Dark / System Dark (note the word / character count):
Image

Light:
Image

@hoqkhanh
Copy link

I have the same issue

@Casal0x
Copy link

Casal0x commented Oct 15, 2024

When Strapi is in dark mode or reading from system and system is in dark mode, the default text color in the editor seems to be white / invisible

yes for some reason dark mode is not working, I fixed the color of the text adding the CSS variable because is undefined.

  • Go to src > admin, rename app.example.ts to app.ts
  • Create a global.css in the same folder or where you want.
  • import it into the app.ts with import "./global.css"

code for global CSS:
:root { --ck-color-editor-base-text: #000000; }

@jasonmwnz
Copy link
Author

Thanks @Casal0x that did the trick for now.

So is the expected / future behavior for dark mode to automatically be dark if the Strapi setting is dark?

@Casal0x
Copy link

Casal0x commented Oct 17, 2024

Thanks @Casal0x that did the trick for now.

So is the expected / future behavior for dark mode to automatically be dark if the Strapi setting is dark?

no, I don't think this is expected behavior but is a fix to use it

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants