Implement dark-first design system with Geist typography (#28)
Co-authored-by: Julian Tabel <juliantabel.jt@gmail.com> Co-committed-by: Julian Tabel <juliantabel.jt@gmail.com>
This commit was merged in pull request #28.
This commit is contained in:
@@ -27,10 +27,10 @@ export function StepIndicator({
|
||||
disabled={!isCompleted}
|
||||
className={`flex items-center gap-2 text-sm font-medium ${
|
||||
isCompleted
|
||||
? 'text-blue-600 dark:text-blue-400 cursor-pointer hover:text-blue-700 dark:hover:text-blue-300'
|
||||
? 'text-text-link cursor-pointer hover:text-blue-700 dark:hover:text-blue-300'
|
||||
: isCurrent
|
||||
? 'text-gray-900 dark:text-gray-100'
|
||||
: 'text-gray-400 dark:text-gray-500 cursor-default'
|
||||
? 'text-text-primary'
|
||||
: 'text-text-muted cursor-default'
|
||||
}`}
|
||||
>
|
||||
<span
|
||||
@@ -39,7 +39,7 @@ export function StepIndicator({
|
||||
? 'bg-blue-600 text-white'
|
||||
: isCurrent
|
||||
? 'border-2 border-blue-600 text-blue-600 dark:border-blue-400 dark:text-blue-400'
|
||||
: 'border-2 border-gray-300 dark:border-gray-600 text-gray-400 dark:text-gray-500'
|
||||
: 'border-2 border-border-default text-text-muted'
|
||||
}`}
|
||||
>
|
||||
{isCompleted ? (
|
||||
@@ -61,7 +61,7 @@ export function StepIndicator({
|
||||
{i < steps.length - 1 && (
|
||||
<div
|
||||
className={`flex-1 h-0.5 mx-3 ${
|
||||
step < currentStep ? 'bg-blue-600' : 'bg-gray-300 dark:bg-gray-600'
|
||||
step < currentStep ? 'bg-blue-600' : 'bg-surface-3'
|
||||
}`}
|
||||
/>
|
||||
)}
|
||||
|
||||
Reference in New Issue
Block a user