feat(pdf): name KLZ_PATHS and use visible blue fill for letterpress mask layer
Some checks failed
Build & Deploy / 🔍 Prepare (push) Successful in 16s
Build & Deploy / 🧪 QA (push) Failing after 1m21s
Build & Deploy / 🏗️ Build (push) Has been skipped
Build & Deploy / 🚀 Deploy (push) Has been skipped
Build & Deploy / 🧪 Post-Deploy Verification (push) Has been skipped
Build & Deploy / 🔔 Notify (push) Successful in 2s
Some checks failed
Build & Deploy / 🔍 Prepare (push) Successful in 16s
Build & Deploy / 🧪 QA (push) Failing after 1m21s
Build & Deploy / 🏗️ Build (push) Has been skipped
Build & Deploy / 🚀 Deploy (push) Has been skipped
Build & Deploy / 🧪 Post-Deploy Verification (push) Has been skipped
Build & Deploy / 🔔 Notify (push) Successful in 2s
This commit is contained in:
@@ -48,6 +48,9 @@ export interface PDFBusinessCardProps {
|
|||||||
variant?: 'blue' | 'white' | 'black';
|
variant?: 'blue' | 'white' | 'black';
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Die Buchstaben K, L, Z im SVG (inklusive dem kleinen Stück vom Z oben links)
|
||||||
|
export const KLZ_PATHS = [25, 26, 27, 28, 29];
|
||||||
|
|
||||||
// Mintel Aesthetics Colors - EXACT PROD COLORS
|
// Mintel Aesthetics Colors - EXACT PROD COLORS
|
||||||
const COLORS = {
|
const COLORS = {
|
||||||
primary: '#011dff', // Brand Royal Blue
|
primary: '#011dff', // Brand Royal Blue
|
||||||
@@ -782,18 +785,12 @@ export const PDFBusinessCard: React.FC<PDFBusinessCardProps> = ({
|
|||||||
<VectorLogo
|
<VectorLogo
|
||||||
paths={getFrontLogoPaths()}
|
paths={getFrontLogoPaths()}
|
||||||
style={styles.frontLogo}
|
style={styles.frontLogo}
|
||||||
pathOverrides={{
|
pathOverrides={KLZ_PATHS.reduce((acc, idx) => ({ ...acc, [idx]: COLORS.blue }), {})}
|
||||||
25: COLORS.primary,
|
|
||||||
26: COLORS.primary,
|
|
||||||
27: COLORS.primary,
|
|
||||||
28: COLORS.primary,
|
|
||||||
29: COLORS.primary,
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
|
|
||||||
{/* Letterpress Mask Layer: We use #ff00fe as a marker color. Only the "KLZ" letters! */}
|
{/* Letterpress Mask Layer: We use #ff00fe as a marker color. Only the "KLZ" letters! */}
|
||||||
<VectorLogo
|
<VectorLogo
|
||||||
paths={getFrontLogoPaths().slice(25, 30)}
|
paths={getFrontLogoPaths().filter((_, i) => KLZ_PATHS.includes(i))}
|
||||||
style={[styles.frontLogo, { position: 'absolute' }]}
|
style={[styles.frontLogo, { position: 'absolute' }]}
|
||||||
overrideColor="#ff00fe"
|
overrideColor="#ff00fe"
|
||||||
/>
|
/>
|
||||||
|
|||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Reference in New Issue
Block a user