refactor: simplify gallery URL handling and update theme styles

- Removed the custom domain fallback logic from the gallery URL builder.
- Consolidated the display URL logic to use the gallery URL builder directly.
- Added theme-specific styles for accent and link colors in light and dark modes to enhance visual consistency.

Signed-off-by: Innei <[email protected]>

Author: Innei

apps/landing/src/components/landing/GalleryShowcase.tsx

@@ -79,24 +79,15 @@ export const GalleryShowcase = () => {
   }
 
   const buildGalleryUrl = (gallery: FeaturedGallery) => {
-    if (typeof window === 'undefined') return '#'
     const { protocol } = window.location
     // Prefer custom domain, fallback to slug subdomain
-    if (gallery.domain) {
-      return `${protocol}//${gallery.domain}`
-    }
+    // if (gallery.domain) {
+    //   return `${protocol}//${gallery.domain}`
+    // }
     const baseDomain = getBaseDomain()
     return `${protocol}//${gallery.slug}.${baseDomain}`
   }
 
-  const getDisplayUrl = (gallery: FeaturedGallery) => {
-    // Prefer custom domain, fallback to slug subdomain
-    if (gallery.domain) {
-      return gallery.domain
-    }
-    return `${gallery.slug}.${getBaseDomain()}`
-  }
-
   const formatDate = (dateString: string) => {
     const date = new Date(dateString)
     const localeMap: Record<string, string> = {
@@ -194,7 +185,7 @@ export const GalleryShowcase = () => {
                         {gallery.author.name}
                       </p>
                       <p className="truncate text-xs text-white/50">
-                        {getDisplayUrl(gallery)}
+                        {buildGalleryUrl(gallery)}
                       </p>
                     </div>
                   </div>

apps/landing/src/styles/globals.css

@@ -300,3 +300,17 @@ html *::-webkit-scrollbar-corner {
 html body {
   @apply bg-black;
 }
+
+@theme {
+  /* Accent color: black in light mode, soft white in dark mode (not too bright) */
+  --color-accent: #000000;
+
+  --color-link: #000;
+}
+
+[data-theme='dark'] {
+  /* Soft white accent in dark mode - not too bright to avoid eye strain */
+  --color-accent: #c0c0c0;
+
+  --color-link: #fff;
+}