aiolabs/sollunar-pitch
9
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

style(deck): light-mode logo sits on a dark badge so it pops

Browse source 
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>
This commit is contained in:
Patrick Mulligan 2026-08-01 02:23:18 +02:00
commit 4095d32d2e
1 changed files with 10 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/deck/slides/TitleSlide.vue
View file

@ -25,12 +25,17 @@ import logoUrl from '@/deck/assets/logo.webp'
radial-gradient(38% 55% at 70% 55%, hsl(215 90% 58% / 0.5), transparent 70%);
"
/>
<!-- 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-64 drop-shadow-2xl sm:w-72 lg:w-80"
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">
{{ brand.tagline }}