clean up theming a bit

tkhq · Dec 16, 2024 · 6f62dd2 · 6f62dd2
1 parent 5302b4f
commit 6f62dd2
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 5 deletions.
diff --git a/examples/react-components/src/app/dashboard/dashboard.css b/examples/react-components/src/app/dashboard/dashboard.css
@@ -47,7 +47,7 @@ body {
 }
 
 .circularProgress {
-  color: var(--Greyscale-900, #2b2f33);
+  color: #4c48ff;
 }
 .main {
   font-family: Inter;

diff --git a/packages/sdk-react/src/components/auth/Auth.module.css b/packages/sdk-react/src/components/auth/Auth.module.css
@@ -47,7 +47,7 @@
 
 .circularProgress {
   position: absolute;
-  color: var(--icon-color);
+  color: var(--loader-color);
 }
 
 .oauthIcon {

diff --git a/packages/sdk-react/src/components/auth/Auth.tsx b/packages/sdk-react/src/components/auth/Auth.tsx
@@ -470,7 +470,7 @@ const Auth: React.FC<AuthProps> = ({
           {renderBackButton()}
           <div className={styles.passkeyIconContainer}>
             {passkeySignupError ? (
-              <div className={styles.loadingWrapper}>{passkeyIconError}</div>
+              <div>{passkeyIconError}</div>
             ) : (
               <div className={styles.loadingWrapper}>
                 <CircularProgress

diff --git a/packages/sdk-react/src/components/auth/OtpVerification.module.css b/packages/sdk-react/src/components/auth/OtpVerification.module.css
@@ -82,7 +82,7 @@
 
 .circularProgress {
   position: absolute;
-  color: var(--icon-colorr);
+  color: var(--loader-color);
 }
 .resendCode {
   font-size: 14px;

diff --git a/packages/sdk-react/src/components/theme.css b/packages/sdk-react/src/components/theme.css
@@ -62,8 +62,9 @@
   --card-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* Default auth-card shadow */
   --card-radius: 15px; /* Default auth-card border radius */
 
-  /* Accent Colors */
+  /* Misc Colors */
   --accent-color: var(--Blue-500, #4c48ff);
+  --loader-color: var(--Blue-500, #4c48ff);
   --icon-color: var(--Greyscale-900, #2b2f33);
   --error-color: #ff4c4c;
 }