Fix factorchooseroptions style

supertokens · Sep 2, 2024 · 984fd87 · 984fd87
1 parent c03147a
commit 984fd87
Show file tree

Hide file tree

Showing 7 changed files with 16 additions and 20 deletions.
diff --git a/lib/build/multifactorauthprebuiltui.js b/lib/build/multifactorauthprebuiltui.js
diff --git a/lib/build/passwordless-shared.js b/lib/build/passwordless-shared.js
diff --git a/lib/build/totp-shared.js b/lib/build/totp-shared.js
diff --git a/lib/ts/components/assets/otpEmailIcon.tsx b/lib/ts/components/assets/otpEmailIcon.tsx
@@ -9,8 +9,8 @@ export const OTPEmailIcon = () => (
         />
         <defs>
             <linearGradient id="paint0_linear_4445_310" x1="8.5" y1="0" x2="8.5" y2="12" gradientUnits="userSpaceOnUse">
-                <stop stopColor="#5FACFF" />
-                <stop offset="1" stopColor="#1686FF" />
+                <stop stopColor="#1C222A" />
+                <stop offset="1" stopColor="#1C222A" />
             </linearGradient>
         </defs>
     </svg>

diff --git a/lib/ts/components/assets/otpSMSIcon.tsx b/lib/ts/components/assets/otpSMSIcon.tsx
@@ -9,8 +9,8 @@ export const OTPSMSIcon = () => (
         />
         <defs>
             <linearGradient id="paint0_linear_4445_316" x1="8.5" y1="0" x2="8.5" y2="15" gradientUnits="userSpaceOnUse">
-                <stop stopColor="#5FACFF" />
-                <stop offset="1" stopColor="#1585FF" />
+                <stop stopColor="#1C222A" />
+                <stop offset="1" stopColor="#1C222A" />
             </linearGradient>
         </defs>
     </svg>

diff --git a/lib/ts/components/assets/totpIcon.tsx b/lib/ts/components/assets/totpIcon.tsx
@@ -8,8 +8,8 @@ export const TOTPIcon = () => (
         />
         <defs>
             <linearGradient id="paint0_linear_4901_3396" x1="10" y1="0" x2="10" y2="19" gradientUnits="userSpaceOnUse">
-                <stop stopColor="#5FACFF" />
-                <stop offset="1" stopColor="#1686FF" />
+                <stop stopColor="#1C222A" />
+                <stop offset="1" stopColor="#1C222A" />
             </linearGradient>
         </defs>
     </svg>

diff --git a/lib/ts/recipe/multifactorauth/components/themes/styles.css b/lib/ts/recipe/multifactorauth/components/themes/styles.css
@@ -30,7 +30,7 @@
 }
 
 [data-supertokens~="factorChooserOption"]:hover {
-    border: 1px solid rgb(var(--palette-textLink));
+    border: 1px solid rgba(var(--palette-primary), 0.6);
 }
 
 [data-supertokens~="factorOptionText"] {
@@ -54,18 +54,14 @@
 }
 
 [data-supertokens~="factorName"] {
-    color: rgb(var(--palette-textPrimary));
+    color: rgb(var(--palette-primary));
     font-size: var(--font-size-1);
     font-weight: 400;
     margin: 4px;
 }
 
-[data-supertokens~="factorChooserOption"]:hover [data-supertokens~="factorName"] {
-    color: rgb(var(--palette-textLink));
-}
-
 [data-supertokens~="factorDescription"] {
-    color: rgb(var(--palette-textGray));
+    color: rgb(var(--palette-textPrimary));
     font-size: var(--font-size-0);
     margin: 4px;
 }