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

Beautifulhugo is not rendered as expected on Firefox/Chromium #498

Open
Titikomba opened this issue Jun 18, 2024 · 4 comments
Open

Beautifulhugo is not rendered as expected on Firefox/Chromium #498

Titikomba opened this issue Jun 18, 2024 · 4 comments

Comments

@Titikomba
Copy link

Titikomba commented Jun 18, 2024

The live demo is not rendered as expected on Firefox/Chromium
image
instead of
image

It is still working correctly on my phone (Safari).

I observe the same behavior on my local website.

UPDATE.
It turns out that, depending on the system theme (light/dark), Chromium and Firefox trigger the dark-theme version of websites. This is their new default behavior.
I do not know if there is a way to force light-mode from the html/css side.

@mansoorbarri
Copy link
Contributor

there is no way as of no to set the theme. It detects system settings and applies that theme, as seen in this main.css

@hydr0nium
Copy link
Contributor

hydr0nium commented Jul 5, 2024

@Titikomba You can patch it out pretty easily. I modified my version such that it only loads the light mode version. I plan on submitting a pull request that disables this automatic dark mode, but for now it's just a dirty patch that works. You need to put the file into the static/css directory: main.css

Edit:
I just added a pull request with a feature that lets you disable automatic dark mode #500. Hope that helps some

@Titikomba
Copy link
Author

@hydr0nium Thanks for your patch proposition.
I already worked out a dirty solution (commenting the dark-theme part 😅 ), but I think being able to toggle it is better :)

@hydr0nium
Copy link
Contributor

To not let this die:

I would really like a button that would toggle between light and dark mode. If anyone has the skills of CSS and HTML and the will to make this happen, tag me here and I will definitely help on that front, the best I can.

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