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%); 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 <img
:src="logoUrl" :src="logoUrl"
alt="SolLunar — Energy · Intelligence · Harmony" 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>
</div>
<p class="mt-7 max-w-2xl text-balance text-xl text-fg sm:text-2xl"> <p class="mt-7 max-w-2xl text-balance text-xl text-fg sm:text-2xl">
{{ brand.tagline }} {{ brand.tagline }}