style: fix leftover kodo tokens in ProjectDetailView, ProductDetailView, CourseDetailView, UploadViewStepper

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
senke 2026-02-07 15:08:19 +01:00
parent 3446af4b31
commit aa81603276
6 changed files with 10 additions and 10 deletions

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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">

View file

@ -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" />
) : (

View file

@ -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>