@opensite/ui 0.8.6 → 0.8.7

package/dist/link-page-grid-cards.cjs

@@ -1013,7 +1013,6 @@ function LinkPageGridCards({
               {
                 className: cn(
                   "text-2xl font-bold",
-                  isDark ? "text-white" : "text-foreground",
                   nameClassName
                 ),
                 children: name
@@ -1023,8 +1022,7 @@ function LinkPageGridCards({
               "p",
               {
                 className: cn(
-                  "text-sm",
-                  isDark ? "text-neutral-400" : "text-muted-foreground",
+                  "text-sm text-muted-foreground",
                   bioClassName
                 ),
                 children: bio
@@ -1063,7 +1061,7 @@ function LinkPageGridCards({
               className: cn(
                 "rounded-lg p-2 transition-all duration-200",
                 "hover:scale-110 active:scale-95",
-                isDark ? "bg-white/5 text-neutral-400 hover:bg-white/10 hover:text-white" : "bg-white text-muted-foreground hover:bg-neutral-100 hover:text-foreground",
+                isDark ? "bg-muted/5 text-muted-foreground hover:bg-muted/10" : "bg-card text-muted-foreground hover:bg-muted",
                 socialLinkClassName,
                 social.className
               ),
@@ -1110,7 +1108,7 @@ function LinkPageGridCards({
                 className: cn(
                   "group flex flex-col items-center gap-2 rounded-xl p-4 transition-all duration-200",
                   "hover:scale-[1.03] active:scale-[0.97]",
-                  isDark ? "border border-white/10 bg-white/5 hover:bg-white/10" : "border border-neutral-200 bg-white shadow-sm hover:bg-white hover:shadow-md",
+                  isDark ? "border border-border/10 bg-muted/5 hover:bg-muted/10" : "border border-border bg-card shadow-sm hover:shadow-md",
                   cardClassName,
                   linkClassName
                 ),
@@ -1126,7 +1124,7 @@ function LinkPageGridCards({
               className: cn(
                 "group flex flex-col items-center gap-2 rounded-xl p-4 transition-all duration-200",
                 "hover:scale-[1.03] active:scale-[0.97]",
-                isDark ? "border border-white/10 bg-white/5 hover:bg-white/10" : "border border-neutral-200 bg-white shadow-sm hover:bg-white hover:shadow-md",
+                isDark ? "border border-border/10 bg-muted/5 hover:bg-muted/10" : "border border-border bg-card shadow-sm hover:shadow-md",
                 cardClassName,
                 linkClassName
               ),
@@ -1137,7 +1135,7 @@ function LinkPageGridCards({
                   {
                     className: cn(
                       "flex h-12 w-12 items-center justify-center rounded-xl transition-colors",
-                      isDark ? "bg-white/10 group-hover:bg-white/20" : "bg-neutral-100 group-hover:bg-neutral-200",
+                      isDark ? "bg-muted/10 group-hover:bg-muted/20" : "bg-muted group-hover:bg-muted/80",
                       cardIconWrapperClassName
                     ),
                     children: iconElement
@@ -1149,7 +1147,6 @@ function LinkPageGridCards({
                     {
                       className: cn(
                         "block text-sm font-medium",
-                        isDark ? "text-white" : "text-foreground",
                         cardLabelClassName
                       ),
                       children: label
@@ -1159,8 +1156,7 @@ function LinkPageGridCards({
                     "span",
                     {
                       className: cn(
-                        "block text-xs",
-                        isDark ? "text-neutral-500" : "text-muted-foreground",
+                        "block text-xs text-muted-foreground",
                         cardDescriptionClassName
                       ),
                       children: description
@@ -1193,7 +1189,7 @@ function LinkPageGridCards({
       {
         className: cn(
           "flex items-center justify-center gap-1.5 text-xs transition-opacity hover:opacity-80",
-          isDark ? "text-neutral-600" : "text-muted-foreground/50",
+          "text-muted-foreground/50",
           footerClassName,
           actionClassName
         ),
@@ -1211,7 +1207,7 @@ function LinkPageGridCards({
     {
       background: resolvedBackground,
       spacing,
-      className: cn(isDark ? "bg-neutral-950" : "bg-neutral-50", className),
+      className: cn(isDark ? "bg-foreground" : "bg-muted/30", className),
       pattern,
       patternOpacity,
       patternClassName,

package/dist/link-page-grid-cards.js

@@ -992,7 +992,6 @@ function LinkPageGridCards({
               {
                 className: cn(
                   "text-2xl font-bold",
-                  isDark ? "text-white" : "text-foreground",
                   nameClassName
                 ),
                 children: name
@@ -1002,8 +1001,7 @@ function LinkPageGridCards({
               "p",
               {
                 className: cn(
-                  "text-sm",
-                  isDark ? "text-neutral-400" : "text-muted-foreground",
+                  "text-sm text-muted-foreground",
                   bioClassName
                 ),
                 children: bio
@@ -1042,7 +1040,7 @@ function LinkPageGridCards({
               className: cn(
                 "rounded-lg p-2 transition-all duration-200",
                 "hover:scale-110 active:scale-95",
-                isDark ? "bg-white/5 text-neutral-400 hover:bg-white/10 hover:text-white" : "bg-white text-muted-foreground hover:bg-neutral-100 hover:text-foreground",
+                isDark ? "bg-muted/5 text-muted-foreground hover:bg-muted/10" : "bg-card text-muted-foreground hover:bg-muted",
                 socialLinkClassName,
                 social.className
               ),
@@ -1089,7 +1087,7 @@ function LinkPageGridCards({
                 className: cn(
                   "group flex flex-col items-center gap-2 rounded-xl p-4 transition-all duration-200",
                   "hover:scale-[1.03] active:scale-[0.97]",
-                  isDark ? "border border-white/10 bg-white/5 hover:bg-white/10" : "border border-neutral-200 bg-white shadow-sm hover:bg-white hover:shadow-md",
+                  isDark ? "border border-border/10 bg-muted/5 hover:bg-muted/10" : "border border-border bg-card shadow-sm hover:shadow-md",
                   cardClassName,
                   linkClassName
                 ),
@@ -1105,7 +1103,7 @@ function LinkPageGridCards({
               className: cn(
                 "group flex flex-col items-center gap-2 rounded-xl p-4 transition-all duration-200",
                 "hover:scale-[1.03] active:scale-[0.97]",
-                isDark ? "border border-white/10 bg-white/5 hover:bg-white/10" : "border border-neutral-200 bg-white shadow-sm hover:bg-white hover:shadow-md",
+                isDark ? "border border-border/10 bg-muted/5 hover:bg-muted/10" : "border border-border bg-card shadow-sm hover:shadow-md",
                 cardClassName,
                 linkClassName
               ),
@@ -1116,7 +1114,7 @@ function LinkPageGridCards({
                   {
                     className: cn(
                       "flex h-12 w-12 items-center justify-center rounded-xl transition-colors",
-                      isDark ? "bg-white/10 group-hover:bg-white/20" : "bg-neutral-100 group-hover:bg-neutral-200",
+                      isDark ? "bg-muted/10 group-hover:bg-muted/20" : "bg-muted group-hover:bg-muted/80",
                       cardIconWrapperClassName
                     ),
                     children: iconElement
@@ -1128,7 +1126,6 @@ function LinkPageGridCards({
                     {
                       className: cn(
                         "block text-sm font-medium",
-                        isDark ? "text-white" : "text-foreground",
                         cardLabelClassName
                       ),
                       children: label
@@ -1138,8 +1135,7 @@ function LinkPageGridCards({
                     "span",
                     {
                       className: cn(
-                        "block text-xs",
-                        isDark ? "text-neutral-500" : "text-muted-foreground",
+                        "block text-xs text-muted-foreground",
                         cardDescriptionClassName
                       ),
                       children: description
@@ -1172,7 +1168,7 @@ function LinkPageGridCards({
       {
         className: cn(
           "flex items-center justify-center gap-1.5 text-xs transition-opacity hover:opacity-80",
-          isDark ? "text-neutral-600" : "text-muted-foreground/50",
+          "text-muted-foreground/50",
           footerClassName,
           actionClassName
         ),
@@ -1190,7 +1186,7 @@ function LinkPageGridCards({
     {
       background: resolvedBackground,
       spacing,
-      className: cn(isDark ? "bg-neutral-950" : "bg-neutral-50", className),
+      className: cn(isDark ? "bg-foreground" : "bg-muted/30", className),
       pattern,
       patternOpacity,
       patternClassName,

package/dist/link-page-minimal-profile.cjs

@@ -1009,7 +1009,6 @@ function LinkPageMinimalProfile({
               {
                 className: cn(
                   "text-xl font-semibold",
-                  isDark ? "text-white" : "text-foreground",
                   nameClassName
                 ),
                 children: name
@@ -1019,8 +1018,7 @@ function LinkPageMinimalProfile({
               "p",
               {
                 className: cn(
-                  "text-sm",
-                  isDark ? "text-neutral-400" : "text-muted-foreground",
+                  "text-sm text-muted-foreground",
                   bioClassName
                 ),
                 children: bio
@@ -1056,7 +1054,7 @@ function LinkPageMinimalProfile({
           {
             className: cn(
               "flex w-full items-center gap-3 rounded-lg px-4 py-3 transition-colors",
-              isDark ? "bg-neutral-800 text-white hover:bg-neutral-700" : "bg-neutral-100 text-foreground hover:bg-neutral-200",
+              isDark ? "bg-muted/20 hover:bg-muted/30" : "bg-muted hover:bg-muted/80",
               linkClassName,
               linkItemClassName
             ),
@@ -1071,7 +1069,7 @@ function LinkPageMinimalProfile({
         {
           className: cn(
             "flex w-full items-center gap-3 rounded-lg px-4 py-3 transition-colors",
-            isDark ? "bg-neutral-800 text-white hover:bg-neutral-700" : "bg-neutral-100 text-foreground hover:bg-neutral-200",
+            isDark ? "bg-muted/20 hover:bg-muted/30" : "bg-muted hover:bg-muted/80",
             linkClassName,
             linkItemClassName
           ),
@@ -1118,7 +1116,7 @@ function LinkPageMinimalProfile({
               "aria-label": ariaLabel,
               className: cn(
                 "rounded-full p-2 transition-colors",
-                isDark ? "text-neutral-400 hover:text-white hover:bg-neutral-800" : "text-muted-foreground hover:text-foreground hover:bg-neutral-100",
+                isDark ? "text-muted-foreground hover:bg-muted/20" : "text-muted-foreground hover:bg-muted",
                 socialLinkClassName,
                 social.className
               ),
@@ -1148,7 +1146,7 @@ function LinkPageMinimalProfile({
       {
         className: cn(
           "flex items-center justify-center gap-1.5 text-xs transition-opacity hover:opacity-80",
-          isDark ? "text-neutral-600" : "text-muted-foreground/50",
+          "text-muted-foreground/50",
           footerClassName,
           actionClassName
         ),
@@ -1166,7 +1164,7 @@ function LinkPageMinimalProfile({
     {
       background: resolvedBackground,
       spacing,
-      className: cn(isDark ? "bg-neutral-900" : "bg-white", className),
+      className: cn(isDark ? "bg-foreground" : "bg-background", className),
       pattern,
       patternOpacity,
       patternClassName,

package/dist/link-page-minimal-profile.js

@@ -988,7 +988,6 @@ function LinkPageMinimalProfile({
               {
                 className: cn(
                   "text-xl font-semibold",
-                  isDark ? "text-white" : "text-foreground",
                   nameClassName
                 ),
                 children: name
@@ -998,8 +997,7 @@ function LinkPageMinimalProfile({
               "p",
               {
                 className: cn(
-                  "text-sm",
-                  isDark ? "text-neutral-400" : "text-muted-foreground",
+                  "text-sm text-muted-foreground",
                   bioClassName
                 ),
                 children: bio
@@ -1035,7 +1033,7 @@ function LinkPageMinimalProfile({
           {
             className: cn(
               "flex w-full items-center gap-3 rounded-lg px-4 py-3 transition-colors",
-              isDark ? "bg-neutral-800 text-white hover:bg-neutral-700" : "bg-neutral-100 text-foreground hover:bg-neutral-200",
+              isDark ? "bg-muted/20 hover:bg-muted/30" : "bg-muted hover:bg-muted/80",
               linkClassName,
               linkItemClassName
             ),
@@ -1050,7 +1048,7 @@ function LinkPageMinimalProfile({
         {
           className: cn(
             "flex w-full items-center gap-3 rounded-lg px-4 py-3 transition-colors",
-            isDark ? "bg-neutral-800 text-white hover:bg-neutral-700" : "bg-neutral-100 text-foreground hover:bg-neutral-200",
+            isDark ? "bg-muted/20 hover:bg-muted/30" : "bg-muted hover:bg-muted/80",
             linkClassName,
             linkItemClassName
           ),
@@ -1097,7 +1095,7 @@ function LinkPageMinimalProfile({
               "aria-label": ariaLabel,
               className: cn(
                 "rounded-full p-2 transition-colors",
-                isDark ? "text-neutral-400 hover:text-white hover:bg-neutral-800" : "text-muted-foreground hover:text-foreground hover:bg-neutral-100",
+                isDark ? "text-muted-foreground hover:bg-muted/20" : "text-muted-foreground hover:bg-muted",
                 socialLinkClassName,
                 social.className
               ),
@@ -1127,7 +1125,7 @@ function LinkPageMinimalProfile({
       {
         className: cn(
           "flex items-center justify-center gap-1.5 text-xs transition-opacity hover:opacity-80",
-          isDark ? "text-neutral-600" : "text-muted-foreground/50",
+          "text-muted-foreground/50",
           footerClassName,
           actionClassName
         ),
@@ -1145,7 +1143,7 @@ function LinkPageMinimalProfile({
     {
       background: resolvedBackground,
       spacing,
-      className: cn(isDark ? "bg-neutral-900" : "bg-white", className),
+      className: cn(isDark ? "bg-foreground" : "bg-background", className),
       pattern,
       patternOpacity,
       patternClassName,

package/dist/link-page-newsletter-social.cjs

@@ -1199,7 +1199,6 @@ function LinkPageNewsletterSocial({
               {
                 className: cn(
                   "text-2xl font-bold",
-                  isDark ? "text-white" : "text-foreground",
                   nameClassName
                 ),
                 children: name
@@ -1209,8 +1208,7 @@ function LinkPageNewsletterSocial({
               "p",
               {
                 className: cn(
-                  "max-w-xs text-sm",
-                  isDark ? "text-neutral-400" : "text-muted-foreground",
+                  "max-w-xs text-sm text-muted-foreground",
                   bioClassName
                 ),
                 children: bio
@@ -1249,7 +1247,7 @@ function LinkPageNewsletterSocial({
               className: cn(
                 "rounded-full p-2.5 transition-all duration-200",
                 "hover:scale-110 active:scale-95",
-                isDark ? "bg-white/10 text-white hover:bg-white/20" : "bg-neutral-100 text-foreground hover:bg-neutral-200",
+                isDark ? "bg-muted/10 hover:bg-muted/20" : "bg-muted hover:bg-muted/80",
                 socialLinkClassName,
                 social.className
               ),
@@ -1281,7 +1279,7 @@ function LinkPageNewsletterSocial({
           error: meta.touched && !!meta.error,
           className: cn(
             "w-full",
-            isDark && "border-white/20 bg-white/10 text-white placeholder:text-white/50",
+            isDark && "border-border/20 bg-muted/10 placeholder:text-muted-foreground/50",
             inputClassName
           ),
           "aria-label": emailPlaceholder || "Email address"
@@ -1317,7 +1315,7 @@ function LinkPageNewsletterSocial({
       {
         className: cn(
           "space-y-4 rounded-2xl p-6",
-          isDark ? "border border-white/10 bg-white/5" : "border border-neutral-200 bg-white shadow-sm",
+          isDark ? "border border-border/10 bg-muted/5" : "border border-border bg-card shadow-sm",
           newsletterCardClassName
         ),
         children: [
@@ -1327,7 +1325,6 @@ function LinkPageNewsletterSocial({
               {
                 className: cn(
                   "text-lg font-semibold",
-                  isDark ? "text-white" : "text-foreground",
                   newsletterHeadingClassName
                 ),
                 children: newsletterHeading
@@ -1337,8 +1334,7 @@ function LinkPageNewsletterSocial({
               "p",
               {
                 className: cn(
-                  "text-sm",
-                  isDark ? "text-neutral-400" : "text-muted-foreground",
+                  "text-sm text-muted-foreground",
                   newsletterDescriptionClassName
                 ),
                 children: newsletterDescription
@@ -1385,7 +1381,7 @@ function LinkPageNewsletterSocial({
             className: cn(
               "flex w-full items-center gap-3 rounded-xl px-4 py-3 transition-all duration-200",
               "hover:scale-[1.02] active:scale-[0.98]",
-              isDark ? "border border-white/10 bg-white/5 text-white hover:bg-white/10" : "border border-neutral-200 bg-white text-foreground hover:bg-neutral-50",
+              isDark ? "border border-border/10 bg-muted/5 hover:bg-muted/10" : "border border-border bg-card hover:bg-muted/50",
               linkClassName,
               linkItemClassName
             ),
@@ -1401,7 +1397,7 @@ function LinkPageNewsletterSocial({
           className: cn(
             "flex w-full items-center gap-3 rounded-xl px-4 py-3 transition-all duration-200",
             "hover:scale-[1.02] active:scale-[0.98]",
-            isDark ? "border border-white/10 bg-white/5 text-white hover:bg-white/10" : "border border-neutral-200 bg-white text-foreground hover:bg-neutral-50",
+            isDark ? "border border-border/10 bg-muted/5 hover:bg-muted/10" : "border border-border bg-card hover:bg-muted/50",
             linkClassName,
             linkItemClassName
           ),
@@ -1422,7 +1418,7 @@ function LinkPageNewsletterSocial({
               "span",
               {
                 className: cn(
-                  isDark ? "text-neutral-600" : "text-muted-foreground",
+                  "text-muted-foreground",
                   linkChevronClassName
                 ),
                 children: resolvedChevronIcon
@@ -1452,7 +1448,7 @@ function LinkPageNewsletterSocial({
       {
         className: cn(
           "flex items-center justify-center gap-1.5 text-xs transition-opacity hover:opacity-80",
-          isDark ? "text-neutral-600" : "text-muted-foreground/50",
+          "text-muted-foreground/50",
           footerClassName,
           actionClassName
         ),
@@ -1471,7 +1467,7 @@ function LinkPageNewsletterSocial({
       background: resolvedBackground,
       spacing,
       className: cn(
-        isDark ? "bg-neutral-950" : "bg-linear-to-b from-white to-neutral-50",
+        isDark ? "bg-foreground" : "bg-gradient-to-b from-background to-muted/30",
         className
       ),
       pattern,

package/dist/link-page-newsletter-social.js

@@ -1178,7 +1178,6 @@ function LinkPageNewsletterSocial({
               {
                 className: cn(
                   "text-2xl font-bold",
-                  isDark ? "text-white" : "text-foreground",
                   nameClassName
                 ),
                 children: name
@@ -1188,8 +1187,7 @@ function LinkPageNewsletterSocial({
               "p",
               {
                 className: cn(
-                  "max-w-xs text-sm",
-                  isDark ? "text-neutral-400" : "text-muted-foreground",
+                  "max-w-xs text-sm text-muted-foreground",
                   bioClassName
                 ),
                 children: bio
@@ -1228,7 +1226,7 @@ function LinkPageNewsletterSocial({
               className: cn(
                 "rounded-full p-2.5 transition-all duration-200",
                 "hover:scale-110 active:scale-95",
-                isDark ? "bg-white/10 text-white hover:bg-white/20" : "bg-neutral-100 text-foreground hover:bg-neutral-200",
+                isDark ? "bg-muted/10 hover:bg-muted/20" : "bg-muted hover:bg-muted/80",
                 socialLinkClassName,
                 social.className
               ),
@@ -1260,7 +1258,7 @@ function LinkPageNewsletterSocial({
           error: meta.touched && !!meta.error,
           className: cn(
             "w-full",
-            isDark && "border-white/20 bg-white/10 text-white placeholder:text-white/50",
+            isDark && "border-border/20 bg-muted/10 placeholder:text-muted-foreground/50",
             inputClassName
           ),
           "aria-label": emailPlaceholder || "Email address"
@@ -1296,7 +1294,7 @@ function LinkPageNewsletterSocial({
       {
         className: cn(
           "space-y-4 rounded-2xl p-6",
-          isDark ? "border border-white/10 bg-white/5" : "border border-neutral-200 bg-white shadow-sm",
+          isDark ? "border border-border/10 bg-muted/5" : "border border-border bg-card shadow-sm",
           newsletterCardClassName
         ),
         children: [
@@ -1306,7 +1304,6 @@ function LinkPageNewsletterSocial({
               {
                 className: cn(
                   "text-lg font-semibold",
-                  isDark ? "text-white" : "text-foreground",
                   newsletterHeadingClassName
                 ),
                 children: newsletterHeading
@@ -1316,8 +1313,7 @@ function LinkPageNewsletterSocial({
               "p",
               {
                 className: cn(
-                  "text-sm",
-                  isDark ? "text-neutral-400" : "text-muted-foreground",
+                  "text-sm text-muted-foreground",
                   newsletterDescriptionClassName
                 ),
                 children: newsletterDescription
@@ -1364,7 +1360,7 @@ function LinkPageNewsletterSocial({
             className: cn(
               "flex w-full items-center gap-3 rounded-xl px-4 py-3 transition-all duration-200",
               "hover:scale-[1.02] active:scale-[0.98]",
-              isDark ? "border border-white/10 bg-white/5 text-white hover:bg-white/10" : "border border-neutral-200 bg-white text-foreground hover:bg-neutral-50",
+              isDark ? "border border-border/10 bg-muted/5 hover:bg-muted/10" : "border border-border bg-card hover:bg-muted/50",
               linkClassName,
               linkItemClassName
             ),
@@ -1380,7 +1376,7 @@ function LinkPageNewsletterSocial({
           className: cn(
             "flex w-full items-center gap-3 rounded-xl px-4 py-3 transition-all duration-200",
             "hover:scale-[1.02] active:scale-[0.98]",
-            isDark ? "border border-white/10 bg-white/5 text-white hover:bg-white/10" : "border border-neutral-200 bg-white text-foreground hover:bg-neutral-50",
+            isDark ? "border border-border/10 bg-muted/5 hover:bg-muted/10" : "border border-border bg-card hover:bg-muted/50",
             linkClassName,
             linkItemClassName
           ),
@@ -1401,7 +1397,7 @@ function LinkPageNewsletterSocial({
               "span",
               {
                 className: cn(
-                  isDark ? "text-neutral-600" : "text-muted-foreground",
+                  "text-muted-foreground",
                   linkChevronClassName
                 ),
                 children: resolvedChevronIcon
@@ -1431,7 +1427,7 @@ function LinkPageNewsletterSocial({
       {
         className: cn(
           "flex items-center justify-center gap-1.5 text-xs transition-opacity hover:opacity-80",
-          isDark ? "text-neutral-600" : "text-muted-foreground/50",
+          "text-muted-foreground/50",
           footerClassName,
           actionClassName
         ),
@@ -1450,7 +1446,7 @@ function LinkPageNewsletterSocial({
       background: resolvedBackground,
       spacing,
       className: cn(
-        isDark ? "bg-neutral-950" : "bg-linear-to-b from-white to-neutral-50",
+        isDark ? "bg-foreground" : "bg-gradient-to-b from-background to-muted/30",
         className
       ),
       pattern,

package/dist/link-tree-block.cjs

@@ -1114,7 +1114,6 @@ function LinkTreeBlock({
               {
                 className: cn(
                   "text-2xl font-bold tracking-tight",
-                  isDark ? "text-white" : "text-foreground",
                   nameClassName
                 ),
                 children: brandName
@@ -1124,8 +1123,7 @@ function LinkTreeBlock({
               "p",
               {
                 className: cn(
-                  "max-w-xs text-balance text-sm",
-                  isDark ? "text-white/70" : "text-muted-foreground",
+                  "max-w-xs text-balance text-sm text-muted-foreground",
                   taglineClassName
                 ),
                 children: brandTagline
@@ -1168,7 +1166,7 @@ function LinkTreeBlock({
             className: cn(
               "group relative flex w-full items-center gap-3 rounded-xl px-4 py-3.5 transition-all duration-200",
               "hover:scale-[1.02] active:scale-[0.98]",
-              isFeatured ? "bg-primary text-primary-foreground shadow-lg hover:bg-primary/90" : isDark ? "border border-white/10 bg-white/10 text-white hover:bg-white/20" : isGlass ? "border border-white/30 bg-white/60 text-foreground backdrop-blur-sm hover:bg-white/80" : "border border-border bg-card text-card-foreground hover:bg-accent",
+              isFeatured ? "bg-primary text-primary-foreground shadow-lg hover:bg-primary/90" : isDark ? "border border-border/10 bg-muted/10 hover:bg-muted/20" : isGlass ? "border border-border/30 bg-card/60 backdrop-blur-sm hover:bg-card/80" : "border border-border bg-card hover:bg-accent",
               linkClassName,
               isFeatured ? featuredLinkClassName : null,
               linkItemClassName
@@ -1185,7 +1183,7 @@ function LinkTreeBlock({
           className: cn(
             "group relative flex w-full items-center gap-3 rounded-xl px-4 py-3.5 transition-all duration-200",
             "hover:scale-[1.02] active:scale-[0.98]",
-            isFeatured ? "bg-primary text-primary-foreground shadow-lg hover:bg-primary/90" : isDark ? "border border-white/10 bg-white/10 text-white hover:bg-white/20" : isGlass ? "border border-white/30 bg-white/60 text-foreground backdrop-blur-sm hover:bg-white/80" : "border border-border bg-card text-card-foreground hover:bg-accent",
+            isFeatured ? "bg-primary text-primary-foreground shadow-lg hover:bg-primary/90" : isDark ? "border border-border/10 bg-muted/10 hover:bg-muted/20" : isGlass ? "border border-border/30 bg-card/60 backdrop-blur-sm hover:bg-card/80" : "border border-border bg-card hover:bg-accent",
             linkClassName,
             isFeatured ? featuredLinkClassName : null,
             linkItemClassName
@@ -1209,7 +1207,7 @@ function LinkTreeBlock({
                 {
                   className: cn(
                     "mt-0.5 block truncate text-xs",
-                    isFeatured ? "text-primary-foreground/70" : isDark ? "text-white/60" : "text-muted-foreground",
+                    isFeatured ? "text-primary-foreground/70" : "text-muted-foreground",
                     linkDescriptionClassName
                   ),
                   children: description
@@ -1231,7 +1229,7 @@ function LinkTreeBlock({
                 size: 16,
                 className: cn(
                   "shrink-0 transition-transform group-hover:translate-x-0.5",
-                  isFeatured ? "text-primary-foreground/70" : isDark ? "text-white/50" : "text-muted-foreground",
+                  isFeatured ? "text-primary-foreground/70" : "text-muted-foreground",
                   linkChevronClassName
                 )
               }
@@ -1251,8 +1249,7 @@ function LinkTreeBlock({
         "h3",
         {
           className: cn(
-            "text-center text-sm font-medium",
-            isDark ? "text-white/70" : "text-muted-foreground",
+            "text-center text-sm font-medium text-muted-foreground",
             mediaGalleryTitleClassName
           ),
           children: mediaGalleryTitle
@@ -1328,7 +1325,7 @@ function LinkTreeBlock({
                         name: "lucide/play",
                         size: 24,
                         className: cn(
-                          "text-white opacity-0 transition-opacity group-hover:opacity-100",
+                          "text-background opacity-0 transition-opacity group-hover:opacity-100",
                           mediaGalleryPlayIconClassName
                         )
                       }
@@ -1371,7 +1368,7 @@ function LinkTreeBlock({
               className: cn(
                 "flex h-12 w-12 items-center justify-center rounded-full p-2.5 transition-all duration-200",
                 "hover:scale-110 active:scale-95",
-                isDark ? "bg-white/10 text-white hover:bg-white/20" : isGlass ? "bg-white/60 backdrop-blur-sm hover:bg-white/80" : "bg-muted hover:bg-accent",
+                isDark ? "bg-muted/10 hover:bg-muted/20" : isGlass ? "bg-card/60 backdrop-blur-sm hover:bg-card/80" : "bg-muted hover:bg-accent",
                 socialLinkClassName,
                 social.className
               ),
@@ -1401,7 +1398,7 @@ function LinkTreeBlock({
       {
         className: cn(
           "flex items-center justify-center gap-1.5 text-xs transition-opacity hover:opacity-80",
-          isDark ? "text-white/40" : "text-muted-foreground/60",
+          "text-muted-foreground/60",
           footerClassName,
           actionClassName
         ),
@@ -1420,7 +1417,7 @@ function LinkTreeBlock({
       background: resolvedBackground,
       spacing,
       className: cn(
-        theme === "dark" ? "bg-neutral-950" : theme === "glass" ? "bg-linear-to-br from-pink-100 via-purple-50 to-blue-100" : "bg-muted/30",
+        theme === "dark" ? "bg-foreground" : theme === "glass" ? "bg-gradient-to-br from-muted/50 via-background to-muted/30" : "bg-muted/30",
         className
       ),
       pattern: resolvedPattern,