2026-05-05 18:17:09 +05:00
|
|
|
export const Colors = {
|
|
|
|
|
bg: '#0a0a0a',
|
|
|
|
|
surface: '#111111',
|
|
|
|
|
elevated: '#1a1a1a',
|
|
|
|
|
subtle: '#2a2a2a',
|
|
|
|
|
border: 'rgba(255,255,255,0.07)',
|
|
|
|
|
border2: 'rgba(255,255,255,0.14)',
|
|
|
|
|
accent: '#4F86F5',
|
|
|
|
|
accentDim:'rgba(79,134,245,0.18)',
|
|
|
|
|
pink: '#e84393',
|
|
|
|
|
text: '#f0f0f0',
|
|
|
|
|
text2: '#888888',
|
|
|
|
|
text3: '#444444',
|
|
|
|
|
red: '#e84040',
|
|
|
|
|
white: '#ffffff',
|
|
|
|
|
// legacy alias
|
|
|
|
|
green: '#4F86F5',
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
export const Spacing = {
|
|
|
|
|
xs: 4,
|
|
|
|
|
sm: 8,
|
|
|
|
|
md: 16,
|
|
|
|
|
lg: 24,
|
|
|
|
|
xl: 32,
|
|
|
|
|
xxl: 48,
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
export const Radius = {
|
|
|
|
|
sm: 8,
|
|
|
|
|
md: 10,
|
|
|
|
|
lg: 14,
|
|
|
|
|
xl: 16,
|
|
|
|
|
full: 9999,
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
export const Font = {
|
|
|
|
|
xs: 11,
|
|
|
|
|
sm: 13,
|
|
|
|
|
md: 14,
|
|
|
|
|
lg: 17,
|
|
|
|
|
xl: 20,
|
|
|
|
|
xxl: 26,
|
|
|
|
|
xxxl: 32,
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
export const TAB_BAR_HEIGHT = 88;
|
|
|
|
|
export const MINI_PLAYER_HEIGHT = 64;
|
