diff --git a/apps/mobile/src/styles/colors.ts b/apps/mobile/src/styles/colors.ts index 68198cd..4ca01c0 100644 --- a/apps/mobile/src/styles/colors.ts +++ b/apps/mobile/src/styles/colors.ts @@ -1,10 +1,11 @@ /** * FitAI Color System - * Minimalist muted earth tones with light and dark mode support + * Nord Color Palette - A minimal, arctic-inspired palette + * https://www.nordtheme.com/ */ export interface ColorScheme { - // Primary Earth Tones + // Primary Colors primary: string; primaryDark: string; primaryLight: string; @@ -45,90 +46,90 @@ export interface ColorScheme { /** * Light Mode Color Palette - * Natural, warm, muted earth tones + * Nord Snow Storm (light backgrounds) with Polar Night (dark text) */ export const lightColors: ColorScheme = { - // Primary Earth Tones - primary: "#6B9080", // Muted sage green (main actions) - primaryDark: "#5A7A6E", // Darker sage - primaryLight: "#8AAE9E", // Lighter sage + // Primary Colors (Nord Frost - Aurora blue-green) + primary: "#88C0D0", // Nord Frost 8 (main actions, cyan) + primaryDark: "#5E81AC", // Nord Frost 10 (dark blue) + primaryLight: "#8FBCBB", // Nord Frost 7 (pale cyan) - // Accent Colors (minimal use) - accent: "#A9B4A0", // Warm gray-green - terracotta: "#C1876B", // Warm terracotta (highlights) - sand: "#E8DCC4", // Warm sand (backgrounds) + // Accent Colors + accent: "#81A1C1", // Nord Frost 9 (blue-gray) + terracotta: "#D08770", // Nord Aurora 12 (orange - replaces terracotta) + sand: "#EBCB8B", // Nord Aurora 13 (yellow - warm accent) - // Status Colors (muted) - success: "#7BA05B", // Muted olive green - warning: "#D4A574", // Muted amber - danger: "#B66B6B", // Muted rust red - info: "#7B9BB0", // Muted blue-gray + // Status Colors + success: "#A3BE8C", // Nord Aurora 14 (green) + warning: "#EBCB8B", // Nord Aurora 13 (yellow) + danger: "#BF616A", // Nord Aurora 11 (red) + info: "#81A1C1", // Nord Frost 9 (blue) - // Neutrals - background: "#F9F7F4", // Warm off-white - surface: "#FFFFFF", // Pure white - surfaceElevated: "#FEFDFB", // Slightly warm white + // Neutrals (Snow Storm palette) + background: "#ECEFF4", // Nord Snow Storm 3 (lightest) + surface: "#E5E9F0", // Nord Snow Storm 2 (medium) + surfaceElevated: "#D8DEE9", // Nord Snow Storm 1 (slightly darker) - // Text - textPrimary: "#2C3731", // Deep forest - textSecondary: "#5C6B61", // Medium forest - textTertiary: "#8B9A8F", // Light forest + // Text (Polar Night palette) + textPrimary: "#2E3440", // Nord Polar Night 0 (darkest) + textSecondary: "#3B4252", // Nord Polar Night 1 + textTertiary: "#4C566A", // Nord Polar Night 3 // Borders - border: "#E8E4DF", // Very light warm gray - borderLight: "#F2EFE9", // Ultra light warm gray + border: "#D8DEE9", // Nord Snow Storm 1 + borderLight: "#E5E9F0", // Nord Snow Storm 2 // Overlays - overlay: "rgba(44, 55, 49, 0.5)", - overlayLight: "rgba(44, 55, 49, 0.05)", + overlay: "rgba(46, 52, 64, 0.5)", // Polar Night 0 + overlayLight: "rgba(46, 52, 64, 0.05)", // Legacy - white: "#FFFFFF", - black: "#2C3731", + white: "#ECEFF4", + black: "#2E3440", }; /** * Dark Mode Color Palette - * Warm dark tones with adjusted earth colors for contrast + * Nord Polar Night (dark backgrounds) with Snow Storm (light text) */ export const darkColors: ColorScheme = { - // Primary Earth Tones (adjusted for dark) - primary: "#8AAE9E", // Lighter sage for contrast - primaryDark: "#6B9080", - primaryLight: "#A4C4B5", + // Primary Colors (Nord Frost - adjusted for dark mode) + primary: "#88C0D0", // Nord Frost 8 (cyan - brighter on dark) + primaryDark: "#5E81AC", // Nord Frost 10 (dark blue) + primaryLight: "#8FBCBB", // Nord Frost 7 (pale cyan) // Accent Colors - accent: "#B5C2B0", - terracotta: "#D4A285", - sand: "#4A4539", // Dark sand + accent: "#81A1C1", // Nord Frost 9 (blue-gray) + terracotta: "#D08770", // Nord Aurora 12 (orange) + sand: "#EBCB8B", // Nord Aurora 13 (yellow) // Status Colors - success: "#8DB76A", - warning: "#E0B886", - danger: "#C87D7D", - info: "#8FADC4", + success: "#A3BE8C", // Nord Aurora 14 (green) + warning: "#EBCB8B", // Nord Aurora 13 (yellow) + danger: "#BF616A", // Nord Aurora 11 (red) + info: "#81A1C1", // Nord Frost 9 (blue) - // Neutrals - background: "#1C1F1D", // Deep warm black - surface: "#252926", // Warm dark gray - surfaceElevated: "#2D3330", // Elevated warm dark + // Neutrals (Polar Night palette) + background: "#2E3440", // Nord Polar Night 0 (darkest) + surface: "#3B4252", // Nord Polar Night 1 (medium dark) + surfaceElevated: "#434C5E", // Nord Polar Night 2 (lighter) - // Text - textPrimary: "#E8E6E1", // Warm off-white - textSecondary: "#B8BFB5", // Medium warm gray - textTertiary: "#7A8379", // Muted warm gray + // Text (Snow Storm palette) + textPrimary: "#ECEFF4", // Nord Snow Storm 3 (lightest) + textSecondary: "#E5E9F0", // Nord Snow Storm 2 + textTertiary: "#D8DEE9", // Nord Snow Storm 1 // Borders - border: "#3A3F3C", // Subtle dark border - borderLight: "#2F3432", // Ultra subtle + border: "#434C5E", // Nord Polar Night 2 + borderLight: "#3B4252", // Nord Polar Night 1 // Overlays overlay: "rgba(0, 0, 0, 0.6)", - overlayLight: "rgba(255, 255, 255, 0.05)", + overlayLight: "rgba(236, 239, 244, 0.05)", // Snow Storm 3 // Legacy - white: "#E8E6E1", - black: "#1C1F1D", + white: "#ECEFF4", + black: "#2E3440", }; /**