diff --git a/CHANGELOG.md b/CHANGELOG.md
index 73859d7..b7cff3b 100644
--- a/CHANGELOG.md
+++ b/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))
diff --git a/exampleSite/assets/img/logo-dark.jpg b/exampleSite/assets/img/logo-dark.jpg
new file mode 100644
index 0000000..9b4c5bd
Binary files /dev/null and b/exampleSite/assets/img/logo-dark.jpg differ
diff --git a/exampleSite/config/_default/params.toml b/exampleSite/config/_default/params.toml
index 7aac966..ef70ee2 100644
--- a/exampleSite/config/_default/params.toml
+++ b/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]
diff --git a/layouts/_partials/logo.html b/layouts/_partials/logo.html
index 65f50ff..03a38a7 100644
--- a/layouts/_partials/logo.html
+++ b/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 }}