Child themes, plugins, and remote files

[rdela]

Just porting this discussion in from Mastodon in case it helps others:

Me (@rdela)

Does Lume have the concept of child themes yet? If I wanted to make my Simple Blog overrides available for others, what is the best way to do that currently? A plugin? Overriding some CSS vars and adding some components, but could ship those separately maybe

https://mastodon.social/@rdela/113493592791523276

[rdela]

@lumeland

Technically, a theme is just a plugin to setup other plugins and load remote files. So it's possible to create a theme to load another theme and override some remote files:

export function myTheme() {
  return (site) => {
    site.use(simpleBlogTheme());
    site.remoteFile("styles.css", import.meta.resolve("overrided-styles.css");
  }
}

More about remote files: https://lume.land/docs/core/remote-files/

remote files used by simple blog: https://github.com/lumeland/theme-simple-blog/blob/main/mod.ts#L13-L41

https://fosstodon.org/@lume/113493621685611161