nord color schema

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",
 };
 
 /**