Page Backgrounds

Backgrounds, except for ‘rose’, use custom elements with animations that stop to prevent memory leaks. No major performance issues have been reported, but please report any problems if you encounter theme.

Currently, backgrounds are not supported for pages at the /blog/[...slug] path. If you wish to add one, you can modify the src/pages/blog/[...slug].astro file like this:

...
<BaseLayout
  title={frontmatter.title}
  description={frontmatter.description}
  ogImage={frontmatter.ogImage}
  {pubDate}
  {lastModDate}
  bgType='plum'  // 'dot', 'rose', 'particle'
>
  ...
</BaseLayout>

Additionally, you can directly modify the constants in each background component (/src/components/backgrounds/) to customize the animation effects.