andras/perfect-postcode
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

LGTM

Browse source
This commit is contained in:
Andras Schmelczer 2026-05-09 09:26:40 +01:00
parent 701c17a703
commit f114ada255
44 changed files with 5264 additions and 1674 deletions
Download patch file Download diff file Expand all files Collapse all files

79
frontend/src/lib/tutorial-styles.ts
View file

@ -1,52 +1,57 @@
import type { Styles } from 'react-joyride';
import type { Options, Styles } from 'react-joyride';
export function getTutorialStyles(theme: 'light' | 'dark'): Partial<Styles> {
export function getTutorialStyles(theme: 'light' | 'dark'): {
options: Partial<Options>;
styles: Partial<Styles>;
} {
const isDark = theme === 'dark';
return {
options: {
arrowColor: isDark ? '#292524' : '#ffffff',
backgroundColor: isDark ? '#292524' : '#ffffff',
disableFocusTrap: true,
hideOverlay: true,
overlayColor: isDark ? 'rgba(10,14,26,0.75)' : 'rgba(0,0,0,0.5)',
primaryColor: '#00a28c',
spotlightRadius: 8,
textColor: isDark ? '#d6d3d1' : '#44403c',
zIndex: 1000,
},
tooltip: {
borderRadius: 8,
padding: 16,
},
tooltipTitle: {
color: isDark ? '#f5f5f4' : '#0a0e1a',
fontSize: 15,
fontWeight: 600,
},
tooltipContent: {
fontSize: 13,
lineHeight: 1.5,
padding: '8px 0 0',
},
buttonNext: {
borderRadius: 6,
fontSize: 13,
fontWeight: 500,
padding: '6px 14px',
},
buttonBack: {
color: isDark ? '#a8a29e' : '#78716c',
fontSize: 13,
fontWeight: 500,
marginRight: 8,
},
buttonSkip: {
color: isDark ? '#78716c' : '#a8a29e',
fontSize: 12,
},
buttonClose: {
color: isDark ? '#a8a29e' : '#78716c',
},
spotlight: {
borderRadius: 8,
styles: {
tooltip: {
borderRadius: 8,
padding: 16,
},
tooltipTitle: {
color: isDark ? '#f5f5f4' : '#0a0e1a',
fontSize: 15,
fontWeight: 600,
},
tooltipContent: {
fontSize: 13,
lineHeight: 1.5,
padding: '8px 0 0',
},
buttonPrimary: {
borderRadius: 6,
fontSize: 13,
fontWeight: 500,
padding: '6px 14px',
},
buttonBack: {
color: isDark ? '#a8a29e' : '#78716c',
fontSize: 13,
fontWeight: 500,
marginRight: 8,
},
buttonSkip: {
color: isDark ? '#78716c' : '#a8a29e',
fontSize: 12,
},
buttonClose: {
color: isDark ? '#a8a29e' : '#78716c',
},
},
};
}