style(pdf): convert all text and icons on front side to klz-blau

lib/pdf-business-card.tsx

@@ -307,7 +307,7 @@ const styles = StyleSheet.create({
   nameText: {
     fontSize: 13,
     fontWeight: 'bold',
-    color: COLORS.neutralDark,
+    color: COLORS.primary,
     marginBottom: 1.5,
     letterSpacing: -0.15,
   },
@@ -334,7 +334,7 @@ const styles = StyleSheet.create({
   },
   contactText: {
     fontSize: 7.5,
-    color: COLORS.neutralDark,
+    color: COLORS.primary,
     fontWeight: 'normal',
     paddingTop: 0.5,
     letterSpacing: 0.1,
@@ -372,7 +372,7 @@ const styles = StyleSheet.create({
   },
   addressFooterText: {
     fontSize: 6.5,
-    color: COLORS.grayText,
+    color: COLORS.primary,
     letterSpacing: 0.4,
     fontWeight: 'normal',
   },
@@ -383,7 +383,7 @@ const PhoneIcon = () => (
   <Svg viewBox="0 0 24 24" width={9} height={9}>
     <Path
       d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"
-      fill="#000000"
+      fill={COLORS.primary}
     />
   </Svg>
 );
@@ -392,7 +392,7 @@ const EmailIcon = () => (
   <Svg viewBox="0 0 24 24" width={9} height={9}>
     <Path
       d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"
-      fill="#000000"
+      fill={COLORS.primary}
     />
   </Svg>
 );
@@ -401,7 +401,7 @@ const GlobeIcon = () => (
   <Svg viewBox="0 0 24 24" width={9} height={9}>
     <Path
       d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"
-      fill="#000000"
+      fill={COLORS.primary}
     />
   </Svg>
 );
@@ -410,7 +410,7 @@ const LocationIcon = () => (
   <Svg viewBox="0 0 24 24" width={9} height={9}>
     <Path
       d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"
-      fill="#000000"
+      fill={COLORS.primary}
     />
   </Svg>
 );
@@ -419,7 +419,7 @@ const ScanIcon = () => (
   <Svg viewBox="0 0 24 24" width={9} height={9}>
     <Path
       d="M3 3h6v2H5v4H3V3zm18 0h-6v2h4v4h2V3zM3 21h6v-2H5v-4H3v6zm18 0h-6v-2h4v-4h2v6zM7 7h10v10H7V7z"
-      fill="#000000"
+      fill={COLORS.primary}
     />
   </Svg>
 );

scripts/generate-business-cards.ts

@@ -71,7 +71,7 @@ async function generateBusinessCards() {
       width: 400,
       margin: 0,
       errorCorrectionLevel: 'L', // Low error correction = less dots
-      color: { dark: '#000000', light: '#ffffff' },
+      color: { dark: '#000a66', light: '#ffffff' },
     });
 
     const safeName = person.name.replace(/\s+/g, '_');