Some ideas to improve module background

[MozeBaltyk]

Just few suggestion features to the background module:

• parameter if we want to give a different image as background for the dark and light mode
• parameter if we want to give a subpath or another name than the name format: background.* (this could allow to switch between background)
• some width parameter if we want the background to not take all the place.
• some opacity parameter to play with effect.

No big revolution but just nice to have features to make it more flexible...

hb:
  background_image:
    modern_format: webp
    default_image: images/backgrounds/3/bg-dark.jpg
    dark_mode: images/backgrounds/3/bg-dark.jpg
    light_mode: images/backgrounds/3/bg-light.jpg

[MozeBaltyk]

By the way, I use the hb cards theme but I do not manage to change the background.

the image is in the right path as requested in the doc :

.\assets\images\background.jpg

I think I apply the right module with the right config :

# _default/module.yaml
imports:
  - path: github.com/hbstack/theme-cards

  # To change the background image
  - path: github.com/hbstack/background-image
  - path: github.com/hbstack/back-to-top
  ...

hb:
 # js_bundle_name: main # the JS bundle name.
 # css_bundle_name: main # the CSS bundle name.
 full_width: false # when true, the layout takes full width globally.
 color: dark
 background_image:
   modern_format: webp

 # The rocket icon to scroll back to top.
 back_to_top:
   animation: true
   icon_height: 2em
   icon_name: arrow-up-circle
   icon_width: 2em
   position_bottom: 1rem
   position_end: 1rem

Start building sites …
hugo v0.148.2-40c3d8233d4b123eff74725e5766fc6272f0a84d+extended linux/amd64 BuildDate=2025-07-27T12:43:24Z VendorInfo=gohugoio

is it possible that the theme-cards is taking over the customization of the background or other elements like back_to_top ?

[MozeBaltyk]

This comment is not anymore relevant because it's link with issue descrivbed here:

https://github.com/orgs/hbstack/discussions/131