life-echo/app-expo/design-tokens.json

{
  "colors": {
    "default": {
      "light": {
        "background": "288 23.8% 95.9%",
        "foreground": "288 100% 7.8%",
        "card": "288 20% 99.5%",
        "cardForeground": "288 100% 7.8%",
        "popover": "288 20% 99.5%",
        "popoverForeground": "288 100% 7.8%",
        "primary": "293.6 20.9% 55.9%",
        "primaryForeground": "210 40% 98%",
        "secondary": "282.9 36.2% 77.3%",
        "secondaryForeground": "288 100% 7.8%",
        "muted": "282 26.3% 92.5%",
        "mutedForeground": "234.8 11.1% 59.4%",
        "accent": "0 31.4% 79.4%",
        "accentForeground": "288 100% 7.8%",
        "destructive": "342 55% 58%",
        "destructiveForeground": "210 40% 98%",
        "border": "278.6 17.5% 84.3%",
        "input": "278.6 17.5% 84.3%",
        "ring": "293.6 20.9% 55.9%",
        "success": "159 20% 55%",
        "successForeground": "0 0% 100%",
        "warning": "28 48% 67%",
        "warningForeground": "288 100% 7.8%",
        "info": "231 20% 64%",
        "infoForeground": "0 0% 100%"
      },
      "dark": {
        "background": "275 26.1% 9%",
        "foreground": "289.1 35.5% 93.9%",
        "card": "277.5 23.5% 13.3%",
        "cardForeground": "289.1 35.5% 93.9%",
        "popover": "277.5 23.5% 13.3%",
        "popoverForeground": "289.1 35.5% 93.9%",
        "primary": "282.9 36.2% 77.3%",
        "primaryForeground": "288 100% 7.8%",
        "secondary": "234.8 11.1% 59.4%",
        "secondaryForeground": "0 0% 100%",
        "muted": "272.3 15.3% 16.7%",
        "mutedForeground": "276.7 12.5% 71.8%",
        "accent": "293.6 20.9% 55.9%",
        "accentForeground": "210 40% 98%",
        "destructive": "342 65% 68%",
        "destructiveForeground": "210 40% 98%",
        "border": "276 13.3% 22.2%",
        "input": "276 13.3% 22.2%",
        "ring": "282.9 36.2% 77.3%",
        "success": "159 27% 64%",
        "successForeground": "275 26.1% 9%",
        "warning": "28 58% 72%",
        "warningForeground": "275 26.1% 9%",
        "info": "231 28% 73%",
        "infoForeground": "275 26.1% 9%"
      }
    }
  },
  "fonts": {
    "sans": {
      "ios": "system-ui",
      "android": "sans-serif",
      "default": "sans-serif",
      "web": "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif"
    },
    "display": {
      "ios": "Georgia",
      "android": "serif",
      "default": "serif",
      "web": "Georgia, \"Songti SC\", \"SimSun\", serif"
    },
    "rounded": {
      "ios": "ui-rounded",
      "android": "sans-serif",
      "default": "sans-serif",
      "web": "\"SF Pro Rounded\", \"Hiragino Maru Gothic ProN\", Meiryo, sans-serif"
    },
    "serif": {
      "ios": "ui-serif",
      "android": "serif",
      "default": "serif",
      "web": "Georgia, \"Times New Roman\", serif"
    },
    "mono": {
      "ios": "ui-monospace",
      "android": "monospace",
      "default": "monospace",
      "web": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace"
    }
  },
  "radius": {
    "default": 10,
    "xl": 24
  },
  "layout": {
    "contentMaxWidth": 800,
    "screenGutter": 24,
    "breakpoints": {
      "sm": 390,
      "md": 768,
      "lg": 1024,
      "xl": 1280,
      "2xl": 1536
    }
  },
  "typography": {
    "normal": {
      "headingLarge": 32,
      "headingMedium": 24,
      "headingSmall": 20,
      "titleLarge": 18,
      "titleMedium": 16,
      "titleSmall": 15,
      "bodyLarge": 15,
      "bodyMedium": 14,
      "bodySmall": 13,
      "captionLarge": 13,
      "captionMedium": 12,
      "captionSmall": 11,
      "sectionTitle": 12,
      "badge": 10,
      "lineHeightNormal": 22,
      "lineHeightTight": 20,
      "lineHeightLoose": 24,
      "lineHeightXLoose": 28
    },
    "large": {
      "headingLarge": 38,
      "headingMedium": 29,
      "headingSmall": 24,
      "titleLarge": 24,
      "titleMedium": 22,
      "titleSmall": 18,
      "bodyLarge": 24,
      "bodyMedium": 22,
      "bodySmall": 16,
      "captionLarge": 16,
      "captionMedium": 14,
      "captionSmall": 13,
      "sectionTitle": 14,
      "badge": 12,
      "lineHeightNormal": 26,
      "lineHeightTight": 24,
      "lineHeightLoose": 29,
      "lineHeightXLoose": 34
    },
    "xlarge": {
      "headingLarge": 44,
      "headingMedium": 33,
      "headingSmall": 28,
      "titleLarge": 28,
      "titleMedium": 25,
      "titleSmall": 21,
      "bodyLarge": 28,
      "bodyMedium": 26,
      "bodySmall": 18,
      "captionLarge": 18,
      "captionMedium": 16,
      "captionSmall": 15,
      "sectionTitle": 16,
      "badge": 13,
      "lineHeightNormal": 30,
      "lineHeightTight": 28,
      "lineHeightLoose": 34,
      "lineHeightXLoose": 40
    },
    "xxlarge": {
      "headingLarge": 50,
      "headingMedium": 37,
      "headingSmall": 32,
      "titleLarge": 32,
      "titleMedium": 28,
      "titleSmall": 24,
      "bodyLarge": 32,
      "bodyMedium": 30,
      "bodySmall": 20,
      "captionLarge": 20,
      "captionMedium": 18,
      "captionSmall": 17,
      "sectionTitle": 18,
      "badge": 14,
      "lineHeightNormal": 34,
      "lineHeightTight": 32,
      "lineHeightLoose": 39,
      "lineHeightXLoose": 46
    }
  }
}