Mobile App design
This commit is contained in:
@@ -44,6 +44,52 @@ export const colors = {
|
||||
accentWarm: '#f5a97a',
|
||||
};
|
||||
|
||||
export const darkColors = {
|
||||
// Primary - pastel green pharmacy palette
|
||||
primary: '#7fbf8f',
|
||||
primaryLight: '#2a5a35',
|
||||
primaryDark: '#cfead0',
|
||||
onPrimary: '#cfead0',
|
||||
primaryContainer: '#1a3a1c',
|
||||
onPrimaryContainer: '#cfead0',
|
||||
|
||||
// Secondary - soft blue
|
||||
secondary: '#a3b8ff',
|
||||
secondaryContainer: '#1a2a4a',
|
||||
|
||||
// Tertiary - soft lavender
|
||||
tertiary: '#c9b3ff',
|
||||
tertiaryContainer: '#2a1a4a',
|
||||
|
||||
// Scan button - vivid blue
|
||||
scanButton: '#4a7dd5',
|
||||
scanButtonShadow: 'rgba(74, 125, 213, 0.32)',
|
||||
|
||||
// Semantic
|
||||
success: '#34C759',
|
||||
danger: '#ef5350',
|
||||
dangerContainer: '#3a1a1a',
|
||||
warning: '#FF9500',
|
||||
|
||||
// Surface
|
||||
background: '#121212',
|
||||
card: '#1e1e1e',
|
||||
surfaceLow: '#2a2a2a',
|
||||
surface: '#333333',
|
||||
surfaceHigh: '#3a3a3a',
|
||||
border: '#3a3a3a',
|
||||
separator: '#3a3a3a',
|
||||
|
||||
// Text
|
||||
text: '#f0f0f0',
|
||||
textSecondary: '#a0a0a0',
|
||||
textInverse: '#111417',
|
||||
textLink: '#7fbf8f',
|
||||
|
||||
// Accent
|
||||
accentWarm: '#f5a97a',
|
||||
};
|
||||
|
||||
export const spacing = {
|
||||
xs: 4,
|
||||
sm: 8,
|
||||
|
||||
Reference in New Issue
Block a user