theme: fix logo rendering with updated relearn theme

The theme overhauled its logo system to render #R-logo > .logo-image,
making the old layouts/partials/logo.html override (#logo > img) match
no CSS, so the wordmark overflowed the sidebar.

Remove the stale override and use the theme-native logo config: point
params.logo.src at the wordmark, suppress the redundant text title, and
declare the auto variant's light/dark variants explicitly so the
variant-gated logo also shows in dark mode. Set --LOGO-IMAGE-width to
90% in custom-header.html to fit the wide wordmark.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

config.yml

@@ -42,11 +42,24 @@ params:
   editURL: "https://framagit.org/happyDNS/help/-/blob/master/content/"
   author:
     name: "The happyDNS team"
+  # Wordmark logo handled by the theme's logo system (replaces the old
+  # layouts/partials/logo.html override that broke after the theme update).
+  logo:
+    src: "/img/happyDomain.png"
+  # The wordmark already reads "happyDomain", so don't render a text title
+  # next to it (a single space resolves to an empty logo title).
+  linkTitle: " "
   showVisitedLinks: true
   mermaid: false
+  # "auto" follows the OS light/dark preference: light -> green, dark ->
+  # relearn-dark. Both must be declared as variants so the theme attaches the
+  # logo to each (the logo is variant-gated since the theme update); otherwise
+  # the logo disappears in dark mode.
   themeVariant:
-    - auto
-    - green
+    - identifier: auto
+      auto: ["green", "relearn-dark"]
+    - identifier: green
+    - identifier: relearn-dark
 
 
 outputs:

layouts/partials/custom-header.html

@@ -1,2 +1,9 @@
   <script async defer data-website-id="42fed60c-fb3f-4cd3-9b89-eea2a4e5449d" src="https://pythagore.p0m.fr/pythagore.js"></script>
   <link rel="me" href="https://floss.social/@happyDomain">
+  <style>
+    /* The happyDomain logo is a wide wordmark (1260x180), so override the
+       theme's default 4em logo width to fill most of the sidebar. */
+    :root {
+      --LOGO-IMAGE-width: 100%;
+    }
+  </style>

layouts/partials/logo.html

@@ -1,3 +0,0 @@
-<a id="logo" href="{{ .Site.Home.Permalink }}">
-  <img src="/img/happyDomain.png" alt="happyDomain">
-</a>