@glossarist/concept-browser 0.7.0 → 0.7.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@glossarist/concept-browser",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "description": "Vue SPA for browsing Glossarist terminology datasets with cross-reference resolution, graph visualization, and multi-language support",
   "type": "module",
   "bin": {

package/scripts/generate-data.mjs

@@ -885,6 +885,14 @@ async function processLogo(logoConfig, filename) {
 await processLogo(config.branding?.logo, `${config.id}-logo.svg`);
 await processLogo(config.branding?.footerLogo, `${config.id}-footer-logo.svg`);
 
+// Process light/dark logo variants
+if (config.branding?.logo?.localLight) {
+  await processLogo({ localPath: config.branding.logo.localLight }, `${config.id}-logo-light.svg`);
+}
+if (config.branding?.logo?.localDark) {
+  await processLogo({ localPath: config.branding.logo.localDark }, `${config.id}-logo-dark.svg`);
+}
+
 // === Page processors ===
 
 function processNewsPage(config, page) {
@@ -1107,9 +1115,14 @@ const basePathPrefix = process.env.BASE_PATH?.replace(/\/+$/, '') || '';
 for (const key of ['logo', 'footerLogo']) {
   const suffix = key === 'logo' ? 'logo.svg' : 'footer-logo.svg';
   if (siteBranding[key]) {
-    siteBranding[key] = { ...siteBranding[key], path: `${basePathPrefix}/logos/${config.id}-${suffix}` };
-    delete siteBranding[key].localPath;
-    delete siteBranding[key].remoteUrl;
+    const updated = { ...siteBranding[key], path: `${basePathPrefix}/logos/${config.id}-${suffix}` };
+    if (siteBranding[key].localLight) updated.light = `${basePathPrefix}/logos/${config.id}-${suffix.replace('.svg', '-light.svg')}`;
+    if (siteBranding[key].localDark) updated.dark = `${basePathPrefix}/logos/${config.id}-${suffix.replace('.svg', '-dark.svg')}`;
+    delete updated.localPath;
+    delete updated.remoteUrl;
+    delete updated.localLight;
+    delete updated.localDark;
+    siteBranding[key] = updated;
   }
 }
 

package/src/components/AppHeader.vue

@@ -64,6 +64,13 @@ onBeforeUnmount(() => document.removeEventListener('click', closeLangOnOutside))
       <button @click="goHome" class="flex items-center gap-2 hover:opacity-80 transition flex-shrink-0 group">
         <div v-if="siteConfig?.branding?.logo" class="h-8 flex items-center">
           <img
+            v-if="siteConfig.branding.logo.light && siteConfig.branding.logo.dark"
+            :src="ui.isDark ? siteConfig.branding.logo.dark : siteConfig.branding.logo.light"
+            :alt="siteConfig.branding.logo.alt"
+            class="h-8 max-w-[48px] object-contain rounded"
+          />
+          <img
+            v-else
             :src="siteConfig.branding.logo.path"
             :alt="siteConfig.branding.logo.alt"
             class="h-8 max-w-[48px] object-contain rounded"

package/src/config/types.ts

@@ -12,6 +12,10 @@ export interface LogoConfig {
   alt: string;
   url?: string;
   remoteUrl?: string;
+  light?: string;
+  dark?: string;
+  localLight?: string;
+  localDark?: string;
 }
 
 export interface SiteBranding {

package/src/config/use-site-config.ts

@@ -21,8 +21,8 @@ export interface RuntimeSiteConfig {
       header?: { family: string; source: string; weights?: number[]; url?: string };
       body?: { family: string; source: string; weights?: number[]; url?: string };
     };
-    logo?: { path: string; alt: string; url?: string };
-    footerLogo?: { path: string; alt: string; url?: string };
+    logo?: { path: string; alt: string; url?: string; light?: string; dark?: string };
+    footerLogo?: { path: string; alt: string; url?: string; light?: string; dark?: string };
     ownerName?: string;
     ownerUrl?: string;
   };