style: change primary blue to website dark blue and set white page logo to black
Some checks failed
Build & Deploy / 🔍 Prepare (push) Successful in 24s
Build & Deploy / 🧪 QA (push) Successful in 1m38s
Build & Deploy / 🏗️ Build (push) Has started running
Build & Deploy / 🚀 Deploy (push) Has been cancelled
Build & Deploy / 🧪 Post-Deploy Verification (push) Has been cancelled
Build & Deploy / 🔔 Notify (push) Has been cancelled

This commit is contained in:
2026-06-12 11:57:48 +02:00
parent 5a2b0c543e
commit e72879b222
17 changed files with 5 additions and 5 deletions

View File

@@ -55,7 +55,7 @@ export interface PDFBusinessCardProps {
export const KLZ_PATHS = [25, 26, 27, 28, 29]; export const KLZ_PATHS = [25, 26, 27, 28, 29];
const COLORS = { const COLORS = {
primary: '#011dff', // Brand Royal Blue primary: '#000a66', // Brand Dark Blue (from website)
blue: '#000a66', blue: '#000a66',
green: '#82ed20', // Brand Accent Green green: '#82ed20', // Brand Accent Green
darkGreen: '#4A9E00', // Darker green for white background visibility darkGreen: '#4A9E00', // Darker green for white background visibility
@@ -270,7 +270,7 @@ const styles = StyleSheet.create({
accentLineHorizontal: { accentLineHorizontal: {
flex: 1, flex: 1,
height: 1.5, height: 1.5,
backgroundColor: '#011dff', // Brand blue line backgroundColor: COLORS.primary, // Brand blue line
marginLeft: 12, marginLeft: 12,
marginRight: 12, marginRight: 12,
}, },
@@ -314,7 +314,7 @@ const styles = StyleSheet.create({
roleText: { roleText: {
fontSize: 6.5, fontSize: 6.5,
fontWeight: 'bold', fontWeight: 'bold',
color: '#011dff', color: COLORS.primary,
letterSpacing: 1.2, letterSpacing: 1.2,
textTransform: 'uppercase', textTransform: 'uppercase',
}, },
@@ -902,7 +902,7 @@ export const PDFBusinessCard: React.FC<PDFBusinessCardProps> = ({
paths={getFrontLogoPaths()} paths={getFrontLogoPaths()}
style={styles.frontLogo} style={styles.frontLogo}
solidPaths={KLZ_PATHS} solidPaths={KLZ_PATHS}
solidBackgroundColor={isWhiteVariant ? '#ffffff' : '#011dff'} solidBackgroundColor={isWhiteVariant ? '#ffffff' : 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! */}
@@ -925,7 +925,7 @@ export const PDFBusinessCard: React.FC<PDFBusinessCardProps> = ({
<VectorLogo <VectorLogo
paths={getBackLogoPaths()} paths={getBackLogoPaths()}
style={styles.backLogo} style={styles.backLogo}
overrideWhiteColor={'#011dff'} overrideWhiteColor={COLORS.black}
pathOverrides={KLZ_PATHS.reduce((acc, idx) => ({ ...acc, [idx]: 'none' }), {})} pathOverrides={KLZ_PATHS.reduce((acc, idx) => ({ ...acc, [idx]: 'none' }), {})}
/> />
<View style={styles.accentLineHorizontal} /> <View style={styles.accentLineHorizontal} />

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB