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

[rdela]

@rdela:

if I wanted to override a specific Vento template in the parent/Simple Blog theme, like "_includes/templates/post-list.vto", for instance (or layouts like "_includes/layouts/archive.vto"), is that possible currently?

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

@lumeland:

Yes, if you have the file "_includes/templates/post-list.vto" locally, Lume will use it instead of the remote version. That's the right way to customize a Lume theme :)

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