McShelby / hugo-theme-relearn

A theme for Hugo designed for documentation
https://mcshelby.github.io/hugo-theme-relearn/
MIT License
426 stars 186 forks source link

Change background color #818

Closed tdavetech closed 7 months ago

tdavetech commented 7 months ago

Is there away to change the background color? I only saw away to toggle light/dark theme but not change the actual color of the main background.

McShelby commented 7 months ago

https://mcshelby.github.io/hugo-theme-relearn/basics/generator/index.html

and

https://mcshelby.github.io/hugo-theme-relearn/basics/branding/index.html

tdavetech commented 7 months ago

Thanks. One more question. The font on mobile is different than the font on desktop. I can't find a setting to fix this.

McShelby commented 7 months ago

No. The theme uses the same font regardless of your device.

tdavetech commented 7 months ago

For some reason, my site is using a different font on mobile. Must be a bug? Do you know if this would be a problem with Hugo itself or with the relearn theme? You can see at perfectdarkmode.com. I have never had this issue before lol

McShelby commented 7 months ago

This is a problem on your side with your CSS. You've changed the font in your git variant to Open Sans but did not link to those font files. Therfore the browser uses default system fonts which seems to be different between desktop and mobile.

tdavetech commented 7 months ago

Is that font built into the relearn theme? Or should I pick one that relearn uses since I don't have any custom fonts installed?

McShelby commented 7 months ago

No, the Open Sans font is not built into the Relearn theme. But you should know best, as the git variant you are using is not part of the official theme release.

tdavetech commented 7 months ago

So would I just download an open sans font and put it in a specific folder?

tdavetech commented 7 months ago

I actually just commented out the font and it fixed it and just went to the default font. Works for me. Thanks!