🐛 Fix logo and dark logo not matching appearance

Fixes: #939

CHANGELOG.md

@@ -23,6 +23,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ### Fixed
 
+- Logo and dark logo display is reversed when switching appearance ([#939](https://github.com/jpanther/congo/issues/939))
 - Shortcodes placed after code blocks with line numbers are rendered with incorrect spacing ([#987](https://github.com/jpanther/congo/issues/987))
 - Some localised date formats would be incorrectly formatted as Markdown ([#1028](https://github.com/jpanther/congo/pull/1028))
 - Anchor links in articles displayed incorrectly in dark mode ([#1041](https://github.com/jpanther/congo/pull/1041))

exampleSite/config/_default/params.toml

@@ -21,7 +21,7 @@ fingerprintAlgorithm = "sha256"
 [header]
   layout = "basic" # valid options: basic, hamburger, hybrid, custom
   # logo = "img/logo.jpg"
-  # logoDark = "img/dark-logo.jpg"
+  # logoDark = "img/logo-dark.jpg"
   showTitle = true
 
 [footer]

layouts/_partials/logo.html

@@ -9,7 +9,7 @@
         width="{{ div $logo.Width 2 }}"
         height="{{ div $logo.Height 2 }}"
         class="max-h-[10rem] max-w-[10rem] object-scale-down object-left
-        {{ if $logo_dark }}hidden dark:flex{{ end }}"
+        {{ if $logo_dark }}dark:hidden flex{{ end }}"
         alt="{{ .Site.Title }}"
       />
       {{- if $logo_dark }}
@@ -17,7 +17,7 @@
           src="{{ $logo_dark.RelPermalink }}"
           width="{{ div $logo_dark.Width 2 }}"
           height="{{ div $logo_dark.Height 2 }}"
-          class="max-h-[10rem] max-w-[10rem] object-scale-down object-left dark:hidden"
+          class="hidden max-h-[10rem] max-w-[10rem] object-scale-down object-left dark:flex"
           alt="{{ .Site.Title }}"
         />
       {{- end }}