veza/apps/web/docs/TAILWIND_INSTANCES_FULL_LIST.md

Complete List of Remaining Tailwind Default Color Instances

Generated: Automatically generated list Total Files: 3 Total Instances: 4 Status: Action 9.1.1.3 - In Progress (294 instances migrated, ~19.7% complete)

Usage

This document lists all remaining Tailwind default color instances organized by file path. Each entry includes:

• File path
• Line number
• Color classes found
• Full line context

Migration Guidelines

Refer to TAILWIND_COLORS_AUDIT.md for color mapping:

• text-gray-* → text-kodo-content-dim or text-kodo-text-main
• bg-gray-* → bg-kodo-graphite, bg-kodo-ink, bg-kodo-steel, etc.
• border-gray-* → border-kodo-steel
• text-blue-* → text-kodo-cyan (when appropriate)
• Other colors: Map to appropriate Kodo design system colors

Files with Tailwind Default Colors

---

apps/web/src/components/social/ExploreView.tsx

Total instances in file: 1

• Line 33: from-blue-

  //     { name: 'Ambient', color: 'from-blue-400 to-teal-500' },
  

---

apps/web/src/features/upload/components/UploadModal.tsx

Total instances in file: 1

• Line 426: text-green-

  <Alert className="bg-kodo-lime/10 border-kodo-lime text-green-800">
  

---

apps/web/src/features/user/components/ProfileForm.tsx

Total instances in file: 2

• Line 309: text-yellow-

  <AlertCircle className="h-5 w-5 text-yellow-600" />
  

• Line 607: text-pink-

  className="flex items-center gap-2 text-pink-500 hover:underline"
  

---