jennie/ghostguild-org
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Migrate design system from ethereal/cool to warm/craft/guild theme

Browse source 
Replace ghost/whisper/sparkle color palettes with guild/candlelight/parchment/ember/earth tokens.
Switch typography from NB Television Pro to Quietism serif. Update all 25 Vue components,
layouts, and pages to new design system. Add circle color tokens, typography scale, prose-guild
class, and warm texture effects. Clean up stale documentation files.
This commit is contained in:
Jennie Robinson Faber 2026-02-24 20:01:11 +00:00
parent d588c49946
commit a62e167876
39 changed files with 1300 additions and 2087 deletions
Download patch file Download diff file Expand all files Collapse all files

8
app/layouts/default.vue
View file

@ -1,5 +1,5 @@
<template>
<div class="min-h-screen bg-ghost-900 relative">
<div class="min-h-screen bg-guild-900 relative">
<!-- Background image at top - full page width -->
<div
class="absolute inset-x-0 pointer-events-none z-0"
@ -23,12 +23,12 @@
<!-- Mobile Header -->
<div
class="lg:hidden fixed top-0 left-0 right-0 z-50 bg-ghost-900/95 backdrop-blur-md border-b border-ghost-700"
class="lg:hidden fixed top-0 left-0 right-0 z-50 bg-guild-900/95 backdrop-blur-md border-b border-guild-700"
>
<div class="flex items-center justify-between p-4">
<NuxtLink
to="/"
class="text-lg font-bold text-white ethereal-text tracking-wider"
class="text-lg font-bold text-white warm-text tracking-wider"
>
Ghost Guild
</NuxtLink>
@ -46,7 +46,7 @@
<!-- Container to center content and sidebar together -->
<div class="lg:flex lg:justify-center lg:gap-0">
<!-- Main Content Column -->
<div class="lg:w-[800px] overflow-y-auto relative z-[5]">
<div class="lg:w-[800px] overflow-y-auto relative z-[5] guild-interior">
<div class="relative">
<slot />
</div>