Update from Copier (2026-08-30T10-32-08Z)

Signed-off-by: python-templates-copier-update[bot] <python-templates-copier-update[bot]@users.noreply.github.com>

Author: python-templates-copier-update[bot]

.copier-answers.yaml

@@ -1,5 +1,5 @@
 # Changes here will be overwritten by Copier
-_commit: 7522e24
+_commit: 195919b
 _src_path: https://github.com/python-project-templates/base.git
 add_extension: site-sveltekit
 brand_name: Example
@@ -8,3 +8,4 @@ project_description: A fast, accessible SvelteKit website.
 project_name: javascript-template-site-sveltekit
 site_adapter: static
 site_url: https://example.com
+

README.md

@@ -18,4 +18,7 @@ pnpm test
 pnpm build
 ```
 
+Visual regression snapshots live beside `tests/visual/` and are skipped when `CI` is set. Record or
+refresh them locally with `pnpm test:e2e:update`.
+
 This site uses SvelteKit's `adapter-static` deployment adapter.

playwright.config.ts

@@ -2,10 +2,16 @@ import { defineConfig, devices } from '@playwright/test';
 
 export default defineConfig({
   testDir: 'tests',
+  testMatch: ['**/*.spec.ts'],
+  testIgnore: process.env.CI ? ['**/visual/**'] : [],
+  snapshotPathTemplate: '{testDir}/{testFilePath}-snapshots/{arg}-{projectName}{ext}',
   fullyParallel: true,
   forbidOnly: !!process.env.CI,
   retries: process.env.CI ? 2 : 0,
   reporter: process.env.CI ? 'github' : 'list',
+  expect: {
+    toHaveScreenshot: { maxDiffPixelRatio: 0.01, threshold: 0.2, animations: 'disabled', caret: 'hide' }
+  },
   use: {
     baseURL: 'http://127.0.0.1:4177',
     trace: 'retain-on-failure',
@@ -18,9 +24,7 @@ export default defineConfig({
     timeout: 120_000
   },
   projects: [
-    {
-      name: 'desktop',
-      use: { ...devices['Desktop Chrome'], viewport: { width: 1280, height: 800 } }
-    }
+    { name: 'desktop', use: { ...devices['Desktop Chrome'], viewport: { width: 1280, height: 800 } } },
+    { name: 'mobile', use: { ...devices['Desktop Chrome'], viewport: { width: 390, height: 844 } } }
   ]
 });

src/app.css

@@ -1,13 +1,35 @@
 @import 'tailwindcss';
 
 :root {
-  color: #171717;
-  background: #ffffff;
-  font-family: system-ui, sans-serif;
+  --paper: #ffffff;
+  --ink: #171717;
+  --muted: #5c5c5c;
+  --line: #e4e4e4;
+
+  color-scheme: light;
+}
+
+:root[data-theme='dark'] {
+  --paper: #0b0b0b;
+  --ink: #f2f2f2;
+  --muted: #a1a1a1;
+  --line: #262626;
+
+  color-scheme: dark;
+}
+
+@theme inline {
+  --color-paper: var(--paper);
+  --color-ink: var(--ink);
+  --color-muted: var(--muted);
+  --color-line: var(--line);
 }
 
 body {
   margin: 0;
+  color: var(--ink);
+  background: var(--paper);
+  font-family: system-ui, sans-serif;
 }
 
 a {

src/app.html

@@ -4,6 +4,26 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#ffffff" />
+    <script>
+      try {
+        const savedTheme = localStorage.getItem('theme');
+        const theme =
+          savedTheme === 'light' || savedTheme === 'dark'
+            ? savedTheme
+            : matchMedia('(prefers-color-scheme: dark)').matches
+              ? 'dark'
+              : 'light';
+
+        document.documentElement.dataset.theme = theme;
+        document.documentElement.style.colorScheme = theme;
+        document
+          .querySelector('meta[name="theme-color"]')
+          ?.setAttribute('content', theme === 'dark' ? '#0b0b0b' : '#ffffff');
+      } catch {
+        // Use the light theme when browser storage is unavailable.
+      }
+    </script>
+    <link rel="icon" href="%sveltekit.assets%/favicon.svg" />
     %sveltekit.head%
   </head>
   <body data-sveltekit-preload-data="hover">

src/routes/+error.svelte

@@ -0,0 +1,18 @@
+<script lang="ts">
+  import { page } from '$app/state';
+</script>
+
+<svelte:head>
+  <title>{page.status} — Example</title>
+</svelte:head>
+
+<main class="mx-auto grid min-h-[70vh] max-w-5xl place-items-center px-6 py-24 text-center">
+  <div>
+    <p class="text-sm uppercase tracking-widest text-muted">Error / {page.status}</p>
+    <h1 class="mt-6 text-5xl font-semibold tracking-tight sm:text-7xl">This path went quiet.</h1>
+    <p class="mx-auto mt-6 max-w-md leading-relaxed text-muted">
+      {page.error?.message ?? 'The page could not be found.'}
+    </p>
+    <a class="mt-9 inline-block text-sm font-semibold underline" href="/">Return home →</a>
+  </div>
+</main>

src/routes/+layout.svelte

@@ -1,7 +1,29 @@
 <script lang="ts">
+  import { onMount } from 'svelte';
   import '../app.css';
 
   let { children } = $props();
+
+  let theme = $state<'light' | 'dark'>('light');
+
+  onMount(() => {
+    theme = document.documentElement.dataset.theme === 'dark' ? 'dark' : 'light';
+  });
+
+  const toggleTheme = () => {
+    theme = theme === 'dark' ? 'light' : 'dark';
+    document.documentElement.dataset.theme = theme;
+    document.documentElement.style.colorScheme = theme;
+    document
+      .querySelector('meta[name="theme-color"]')
+      ?.setAttribute('content', theme === 'dark' ? '#0b0b0b' : '#ffffff');
+
+    try {
+      localStorage.setItem('theme', theme);
+    } catch {
+      // Keep the in-page theme when browser storage is unavailable.
+    }
+  };
 </script>
 
 <svelte:head>
@@ -13,4 +35,14 @@
   <meta property="og:url" content="https://example.com" />
 </svelte:head>
 
+<button
+  class="fixed right-5 top-5 z-50 rounded-full border border-line bg-paper px-4 py-2 text-xs font-semibold text-muted"
+  type="button"
+  data-testid="theme-toggle"
+  aria-label="Switch to {theme === 'dark' ? 'light' : 'dark'} theme"
+  onclick={toggleTheme}
+>
+  {theme === 'dark' ? 'Light' : 'Dark'}
+</button>
+
 {@render children()}

src/routes/+layout.ts

@@ -1 +1,2 @@
 export const prerender = true;
+export const trailingSlash = 'always';

src/routes/sitemap.xml/+server.ts

@@ -0,0 +1,18 @@
+import type { RequestHandler } from './$types';
+
+export const prerender = true;
+
+const pages = [''];
+
+export const GET: RequestHandler = () => {
+  const urls = pages.map((page) => `<url><loc>https://example.com/${page}</loc></url>`).join('');
+
+  return new Response(
+    `<?xml version="1.0" encoding="UTF-8"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">${urls}</urlset>`,
+    {
+      headers: {
+        'Content-Type': 'application/xml'
+      }
+    }
+  );
+};