181 lines
3.5 KiB
TypeScript
181 lines
3.5 KiB
TypeScript
// Sentinel App - Captain's Sanctum Theme
|
|
// Elegant nautical style with mint and teal
|
|
|
|
export const colors = {
|
|
// Base colors
|
|
white: '#FFFFFF',
|
|
black: '#1A2F3A',
|
|
|
|
// Nautical palette
|
|
nautical: {
|
|
deepTeal: '#1B4D5C',
|
|
teal: '#459E9E',
|
|
seafoam: '#5BB5B5',
|
|
mint: '#B8E0E5',
|
|
lightMint: '#E0F2F2',
|
|
paleAqua: '#F0F8F8',
|
|
cream: '#F8FCFC',
|
|
sand: '#F5F8F8',
|
|
gold: '#D4A853',
|
|
coral: '#E07070',
|
|
navy: '#1A3A4A',
|
|
sage: '#8CA5A5',
|
|
},
|
|
|
|
// Flow - Captain's Journal
|
|
flow: {
|
|
background: '#E8F6F8',
|
|
backgroundGradientStart: '#D4EEF2',
|
|
backgroundGradientEnd: '#E8F6F8',
|
|
cardBackground: '#FFFFFF',
|
|
cardBorder: '#D4EEF2',
|
|
primary: '#2A6B7C',
|
|
secondary: '#3D8B9C',
|
|
text: '#1A3A4A',
|
|
textSecondary: '#5A7A8A',
|
|
accent: '#1B4D5C',
|
|
archived: '#E8F0F2',
|
|
archivedText: '#7A9A9A',
|
|
highlight: '#B8E0E5',
|
|
},
|
|
|
|
// Vault - Ship's Vault
|
|
vault: {
|
|
background: '#1B4D5C',
|
|
backgroundGradientStart: '#1A3A4A',
|
|
backgroundGradientEnd: '#2A5A6C',
|
|
cardBackground: '#234F5F',
|
|
cardBorder: '#3A6A7A',
|
|
primary: '#B8E0E5',
|
|
secondary: '#7AB8C5',
|
|
text: '#FFFFFF',
|
|
textSecondary: '#9AC5D0',
|
|
accent: '#D4EEF2',
|
|
warning: '#E57373',
|
|
success: '#6BBF8A',
|
|
},
|
|
|
|
// Sentinel - Lighthouse Watch
|
|
sentinel: {
|
|
background: '#1A3A4A',
|
|
backgroundGradientStart: '#152F3A',
|
|
backgroundGradientEnd: '#1B4D5C',
|
|
cardBackground: '#1F4555',
|
|
cardBorder: '#2A5A6A',
|
|
primary: '#B8E0E5',
|
|
secondary: '#7AB8C5',
|
|
text: '#FFFFFF',
|
|
textSecondary: '#9AC5D0',
|
|
statusNormal: '#6BBF8A',
|
|
statusWarning: '#E5B873',
|
|
statusCritical: '#E57373',
|
|
},
|
|
|
|
// Heritage - Legacy Fleet
|
|
heritage: {
|
|
background: '#E8F6F8',
|
|
backgroundGradientStart: '#D4EEF2',
|
|
backgroundGradientEnd: '#E8F6F8',
|
|
cardBackground: '#FFFFFF',
|
|
cardBorder: '#D4EEF2',
|
|
primary: '#2A6B7C',
|
|
secondary: '#5A7A8A',
|
|
text: '#1A3A4A',
|
|
textSecondary: '#5A7A8A',
|
|
accent: '#C9A962',
|
|
confirmed: '#6BBF8A',
|
|
pending: '#E5B873',
|
|
},
|
|
|
|
// Me - Captain's Quarters
|
|
me: {
|
|
background: '#E8F6F8',
|
|
backgroundGradientStart: '#D4EEF2',
|
|
backgroundGradientEnd: '#E8F6F8',
|
|
cardBackground: '#FFFFFF',
|
|
cardBorder: '#D4EEF2',
|
|
primary: '#2A6B7C',
|
|
secondary: '#5A7A8A',
|
|
text: '#1A3A4A',
|
|
textSecondary: '#5A7A8A',
|
|
accent: '#3D8B9C',
|
|
link: '#2A6B7C',
|
|
},
|
|
};
|
|
|
|
export const typography = {
|
|
fontFamily: {
|
|
regular: 'System',
|
|
medium: 'System',
|
|
bold: 'System',
|
|
serif: 'Georgia',
|
|
mono: 'Menlo',
|
|
},
|
|
fontSize: {
|
|
xs: 11,
|
|
sm: 13,
|
|
base: 15,
|
|
md: 17,
|
|
lg: 20,
|
|
xl: 24,
|
|
xxl: 32,
|
|
hero: 40,
|
|
},
|
|
lineHeight: {
|
|
tight: 1.2,
|
|
normal: 1.5,
|
|
relaxed: 1.75,
|
|
},
|
|
letterSpacing: {
|
|
tight: -0.5,
|
|
normal: 0,
|
|
wide: 1,
|
|
wider: 2,
|
|
widest: 4,
|
|
},
|
|
};
|
|
|
|
export const spacing = {
|
|
xs: 4,
|
|
sm: 8,
|
|
md: 12,
|
|
base: 16,
|
|
lg: 24,
|
|
xl: 32,
|
|
xxl: 48,
|
|
};
|
|
|
|
export const borderRadius = {
|
|
sm: 8,
|
|
md: 12,
|
|
lg: 20,
|
|
xl: 28,
|
|
xxl: 36,
|
|
full: 9999,
|
|
};
|
|
|
|
// Nautical shadows
|
|
export const shadows = {
|
|
soft: {
|
|
shadowColor: '#1A3A4A',
|
|
shadowOffset: { width: 0, height: 4 },
|
|
shadowOpacity: 0.06,
|
|
shadowRadius: 16,
|
|
elevation: 4,
|
|
},
|
|
medium: {
|
|
shadowColor: '#1A3A4A',
|
|
shadowOffset: { width: 0, height: 8 },
|
|
shadowOpacity: 0.1,
|
|
shadowRadius: 24,
|
|
elevation: 8,
|
|
},
|
|
glow: {
|
|
shadowColor: '#2A6B7C',
|
|
shadowOffset: { width: 0, height: 0 },
|
|
shadowOpacity: 0.25,
|
|
shadowRadius: 20,
|
|
elevation: 10,
|
|
},
|
|
};
|