Background change request

[jackwu925]

Hello, is there any code which can be used to customize the background? (including the dark mode and the light mode)

[BernatBC]

You can change the background by setting the following into your hugo.yaml file:

# Site parameters
params:
  # Background image of the landing page
  background: /images/site/background.jpg

You can take a look at the example file in https://github.com/hugo-toha/hugo-toha.github.io/blob/main/hugo.yaml

If I'm not mistaken, at the moment there isn't the option to set a different background between light and dark mode

[BernatBC]

I've made a PR #1024. Once that's merged, you can specify the dark background by setting:

# Site parameters
params:
  # Background image of the landing page
  background: "images/background.jpg"
  darkBackground: "images/background_dark.jpg"

[niltied]

Hi @jackwu925,

It's OK for you ? Can we close your issue ?

Thank

[jackwu925]

Hello @niltied
The dark background still does not work, my code is:

params: background: /images/site/background.jpg darkBackground: /images/site/background_dark.jpg

[BernatBC]

Hi @jackwu925, in order to use the latest commit instead of the latest release, you need to change go.mod file. It will contain the following line:

require github.com/hugo-toha/toha/v4 v4.7.0

You need to replace it for:

require github.com/hugo-toha/toha/v4 main

Afterwards, you need to type the following commands:

hugo mod get -u ./...
hugo mod tidy
hugo mod npm pack
npm install

Hope this solves the issue

[jackwu925]

Hi @BernatBC , thank you very much for your help. The code works finally.