From aa816032769bc2b0e7a211ea2a931ac496640f41 Mon Sep 17 00:00:00 2001
From: senke <okin.tcs@gmail.com>
Date: Sat, 7 Feb 2026 15:08:19 +0100
Subject: [PATCH] style: fix leftover kodo tokens in ProjectDetailView,
 ProductDetailView, CourseDetailView, UploadViewStepper

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 .../course-detail-view/CourseDetailViewSidebar.tsx        | 2 +-
 .../education/course-detail-view/CourseDetailViewTabs.tsx | 8 ++++----
 .../product-detail-view/ProductDetailViewGallery.tsx      | 4 ++--
 .../product-detail-view/ProductDetailViewReviews.tsx      | 2 +-
 .../project-detail-view/ProjectDetailViewFiles.tsx        | 2 +-
 .../components/views/upload-view/UploadViewStepper.tsx    | 2 +-
 6 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/apps/web/src/components/education/course-detail-view/CourseDetailViewSidebar.tsx b/apps/web/src/components/education/course-detail-view/CourseDetailViewSidebar.tsx
index 9d9051699..f591c45fb 100644
--- a/apps/web/src/components/education/course-detail-view/CourseDetailViewSidebar.tsx
+++ b/apps/web/src/components/education/course-detail-view/CourseDetailViewSidebar.tsx
@@ -75,7 +75,7 @@ export function CourseDetailViewSidebar({
                 >
                   ENROLL NOW
                 </Button>
-                <p className="text-center text-xs text-kodo-content-dim">
+                <p className="text-center text-xs text-muted-foreground">
                   30-Day Money-Back Guarantee
                 </p>
               </div>
diff --git a/apps/web/src/components/education/course-detail-view/CourseDetailViewTabs.tsx b/apps/web/src/components/education/course-detail-view/CourseDetailViewTabs.tsx
index 4878ca97f..bf89185d0 100644
--- a/apps/web/src/components/education/course-detail-view/CourseDetailViewTabs.tsx
+++ b/apps/web/src/components/education/course-detail-view/CourseDetailViewTabs.tsx
@@ -125,13 +125,13 @@ export function CourseDetailViewTabs({
               </button>
 
               {(expandedModule === module.id || expandedModule === 'all') && (
-                <div className="border-t border-kodo-steel">
+                <div className="border-t border-border">
                   {module.lessons.map((lesson) => (
                     <div
                       key={lesson.id}
-                      className="p-4 pl-8 flex justify-between items-center hover:bg-white/5 border-b border-kodo-steel/30 last:border-0"
+                      className="p-4 pl-8 flex justify-between items-center hover:bg-muted/50 border-b border-border last:border-0 transition-colors duration-[var(--duration-normal)]"
                     >
-                      <div className="flex items-center gap-4 text-sm text-kodo-text-main">
+                      <div className="flex items-center gap-4 text-sm text-foreground">
                         {lesson.type === 'video' ? (
                           <PlayCircle className="w-4 h-4" />
                         ) : (
@@ -143,7 +143,7 @@ export function CourseDetailViewTabs({
                         {lesson.isLocked && !isEnrolled && (
                           <Lock className="w-3 h-3 text-muted-foreground" />
                         )}
-                        <span className="text-xs text-kodo-content-dim">
+                        <span className="text-xs text-muted-foreground">
                           {lesson.duration}
                         </span>
                       </div>
diff --git a/apps/web/src/components/marketplace/product-detail-view/ProductDetailViewGallery.tsx b/apps/web/src/components/marketplace/product-detail-view/ProductDetailViewGallery.tsx
index 90ae4a5a9..378002692 100644
--- a/apps/web/src/components/marketplace/product-detail-view/ProductDetailViewGallery.tsx
+++ b/apps/web/src/components/marketplace/product-detail-view/ProductDetailViewGallery.tsx
@@ -45,8 +45,8 @@ export function ProductDetailViewGallery({
           </button>
           <div className="flex-1">
             <div className="text-xs font-bold text-white mb-1">Audio Preview</div>
-            <div className="h-1 bg-kodo-steel rounded-full overflow-hidden">
-              <div className="h-full bg-kodo-cyan w-1/3 animate-pulse" />
+            <div className="h-1 bg-muted rounded-full overflow-hidden">
+              <div className="h-full bg-primary w-1/3 animate-pulse" />
             </div>
           </div>
         </div>
diff --git a/apps/web/src/components/marketplace/product-detail-view/ProductDetailViewReviews.tsx b/apps/web/src/components/marketplace/product-detail-view/ProductDetailViewReviews.tsx
index c824c9437..4ff1f7ac6 100644
--- a/apps/web/src/components/marketplace/product-detail-view/ProductDetailViewReviews.tsx
+++ b/apps/web/src/components/marketplace/product-detail-view/ProductDetailViewReviews.tsx
@@ -28,7 +28,7 @@ export function ProductDetailViewReviews({ product, onWriteReview }: ProductDeta
             <img
               src={review.avatar}
               alt=""
-              className="w-10 h-10 rounded-full bg-kodo-steel"
+              className="w-10 h-10 rounded-full bg-muted"
             />
             <div>
               <div className="flex items-center gap-2 mb-1">
diff --git a/apps/web/src/components/studio/projects/project-detail-view/ProjectDetailViewFiles.tsx b/apps/web/src/components/studio/projects/project-detail-view/ProjectDetailViewFiles.tsx
index 86ddb33f7..aa180986e 100644
--- a/apps/web/src/components/studio/projects/project-detail-view/ProjectDetailViewFiles.tsx
+++ b/apps/web/src/components/studio/projects/project-detail-view/ProjectDetailViewFiles.tsx
@@ -26,7 +26,7 @@ export function ProjectDetailViewFiles({ projectFiles }: ProjectDetailViewFilesP
             className="flex items-center justify-between p-4 bg-card rounded-xl border border-transparent hover:border-border transition-all duration-[var(--duration-normal)] group"
           >
             <div className="flex items-center gap-4">
-              <div className="w-10 h-10 bg-kodo-slate rounded flex items-center justify-center text-kodo-content-dim">
+              <div className="w-10 h-10 bg-muted rounded-lg flex items-center justify-center text-muted-foreground">
                 {file.type === 'audio' ? (
                   <FileAudio className="w-5 h-5" />
                 ) : (
diff --git a/apps/web/src/components/views/upload-view/UploadViewStepper.tsx b/apps/web/src/components/views/upload-view/UploadViewStepper.tsx
index a90e894a6..28c162546 100644
--- a/apps/web/src/components/views/upload-view/UploadViewStepper.tsx
+++ b/apps/web/src/components/views/upload-view/UploadViewStepper.tsx
@@ -17,7 +17,7 @@ export function UploadViewStepper({ step }: UploadViewStepperProps) {
             {step > s.num ? <Check className="w-5 h-5" /> : s.num}
           </div>
           <span
-            className={`${step >= s.num ? 'text-white' : 'text-kodo-content-dim'} font-medium hidden md:block`}
+            className={`${step >= s.num ? 'text-foreground' : 'text-muted-foreground'} font-medium hidden md:block`}
           >
             {s.label}
           </span>