egullickson/motovaultpro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: UX dark/light fixes. Still blue

Browse Source
This commit is contained in:
Eric Gullickson
2025-12-26 20:28:24 -06:00
parent 09410c3c3f
commit 780949cd62
9 changed files with 155 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/src/features/onboarding/mobile/OnboardingMobileScreen.tsx
View File

@@ -74,8 +74,8 @@ export const OnboardingMobileScreen: React.FC = () => {
<div className="flex-1 overflow-y-auto p-4 space-y-6">
{/* Header */}
<div className="text-center pt-4">
<h1 className="text-2xl font-bold text-slate-800 mb-2">Welcome to MotoVault Pro</h1>
<p className="text-slate-600 text-sm">Let's set up your account</p>
<h1 className="text-2xl font-bold text-slate-800 dark:text-white mb-2">Welcome to MotoVault Pro</h1>
<p className="text-slate-600 dark:text-gray-300 text-sm">Let's set up your account</p>
</div>
{/* Progress Indicator */}
@@ -86,8 +86,8 @@ export const OnboardingMobileScreen: React.FC = () => {
<div
className={`w-10 h-10 rounded-full flex items-center justify-center font-semibold text-sm transition-all ${
stepNumbers[currentStep] >= stepNumbers[step]
? 'bg-primary-600 text-white'
: 'bg-gray-200 text-gray-500'
? 'bg-primary-600 text-white dark:bg-primary-700 dark:text-white'
: 'bg-gray-200 text-gray-500 dark:bg-gray-700 dark:text-gray-400'
}`}
>
{stepNumbers[step]}
@@ -95,8 +95,8 @@ export const OnboardingMobileScreen: React.FC = () => {
<span
className={`text-xs mt-1 font-medium ${
stepNumbers[currentStep] >= stepNumbers[step]
? 'text-primary-600'
: 'text-gray-500'
? 'text-primary-600 dark:text-primary-400'
: 'text-gray-500 dark:text-gray-400'
}`}
>
{step === 'preferences' && 'Setup'}
@@ -108,8 +108,8 @@ export const OnboardingMobileScreen: React.FC = () => {
<div
className={`flex-1 h-1 mx-2 rounded transition-all ${
stepNumbers[currentStep] > stepNumbers[step]
? 'bg-primary-600'
: 'bg-gray-200'
? 'bg-primary-600 dark:bg-primary-700'
: 'bg-gray-200 dark:bg-gray-700'
}`}
/>
)}