Styling

Shared styling system across web and mobile.

Setup

• Web: Tailwind CSS
• Mobile: NativeWind (Tailwind for React Native)
• Package: @repo/tailwind-config

Shared Classes

// Works on both platforms
<View className="bg-primary text-white p-4 rounded-lg">
  <Text className="text-lg font-bold">Hello</Text>
</View>

Theme Colors

// Shared colors in tailwind config
colors: {
  primary: "#171717",
  background: "#ffffff",
  foreground: "#0a0a0a",
  // ... more colors
}

Dark Mode

Automatic theme switching supported on both platforms.

RTL Support

Built-in support for right-to-left languages (Arabic).

That's it - same classes work everywhere!