25 lines
807 B
TypeScript
25 lines
807 B
TypeScript
export type BentoSurfaceTokens = {
|
|
borderColor: string;
|
|
borderBottomColor: string;
|
|
backgroundColor: string;
|
|
shadow: string;
|
|
};
|
|
|
|
export function getBentoSurfaceTokens(isDark: boolean): BentoSurfaceTokens {
|
|
if (isDark) {
|
|
return {
|
|
borderColor: 'rgba(255, 255, 255, 0.12)',
|
|
borderBottomColor: 'rgba(255, 255, 255, 0.28)',
|
|
backgroundColor: 'rgba(14, 20, 34, 0.92)',
|
|
shadow: '0 22px 36px rgba(2, 6, 23, 0.55), 0 6px 0 rgba(2, 6, 23, 0.35), inset 0 -4px 0 rgba(255, 255, 255, 0.08)',
|
|
};
|
|
}
|
|
|
|
return {
|
|
borderColor: 'rgba(15, 23, 42, 0.1)',
|
|
borderBottomColor: 'rgba(15, 23, 42, 0.18)',
|
|
backgroundColor: 'rgba(255, 255, 255, 0.96)',
|
|
shadow: '0 22px 34px rgba(15, 23, 42, 0.18), 0 6px 0 rgba(15, 23, 42, 0.08), inset 0 -4px 0 rgba(15, 23, 42, 0.06)',
|
|
};
|
|
}
|