From 4095d32d2e8a37090667c9f08ac1be3057e7a047 Mon Sep 17 00:00:00 2001
From: Patrick Mulligan <patjmulligan@protonmail.com>
Date: Sat, 1 Aug 2026 02:23:18 +0200
Subject: [PATCH] style(deck): light-mode logo sits on a dark badge so it pops
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The logo art is drawn for dark; on the light canvas its glows washed out.
Add a dark rounded badge (ring + shadow) behind it in light mode only —
dark mode still floats the transparent logo free.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 src/deck/slides/TitleSlide.vue | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/deck/slides/TitleSlide.vue b/src/deck/slides/TitleSlide.vue
index 23814eb..12f835f 100644
--- a/src/deck/slides/TitleSlide.vue
+++ b/src/deck/slides/TitleSlide.vue
@@ -25,11 +25,16 @@ import logoUrl from '@/deck/assets/logo.webp'
               radial-gradient(38% 55% at 70% 55%, hsl(215 90% 58% / 0.5), transparent 70%);
           "
         />
-        <img
-          :src="logoUrl"
-          alt="SolLunar — Energy · Intelligence · Harmony"
-          class="w-64 drop-shadow-2xl sm:w-72 lg:w-80"
-        />
+        <!-- dark badge in light mode (the logo is drawn for dark); floats free in dark mode -->
+        <div
+          class="rounded-[2rem] bg-[hsl(160_28%_9%)] p-4 shadow-2xl ring-1 ring-white/10 sm:p-6 dark:bg-transparent dark:p-0 dark:shadow-none dark:ring-0"
+        >
+          <img
+            :src="logoUrl"
+            alt="SolLunar — Energy · Intelligence · Harmony"
+            class="w-60 drop-shadow-2xl sm:w-64 lg:w-72"
+          />
+        </div>
       </div>
 
       <p class="mt-7 max-w-2xl text-balance text-xl text-fg sm:text-2xl">