refactor: use semantic tokens for steppers

wackerow · wackerow · commit 175c3e81c983 · 2024-10-22T15:36:26.000-07:00
diff --git a/src/components/Quiz/QuizWidget/QuizProgressBar.tsx b/src/components/Quiz/QuizWidget/QuizProgressBar.tsx
@@ -42,10 +42,10 @@ export const QuizProgressBar = ({
       }
 
       if (index === currentQuestionIndex) {
-        return "bg-gray-400"
+        return "bg-body-medium"
       }
 
-      return "bg-gray-500"
+      return "bg-disabled"
     },
     [answerStatus, currentQuestionIndex, userQuizProgress]
   )

Original file line number	Diff line number	Diff line change
`@@ -42,10 +42,10 @@ export const QuizProgressBar = ({`
`42`	`42`	`}`
`43`	`43`
`44`	`44`	`if (index === currentQuestionIndex) {`
`45`		`- return "bg-gray-400"`
	`45`	`+ return "bg-body-medium"`
`46`	`46`	`}`
`47`	`47`
`48`		`- return "bg-gray-500"`
	`48`	`+ return "bg-disabled"`
`49`	`49`	`},`
`50`	`50`	`[answerStatus, currentQuestionIndex, userQuizProgress]`
`51`	`51`	`)`