feat: update modals colors

forbole · Mar 6, 2024 · 2282850 · 2282850
1 parent eb8f304
commit 2282850
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/src/features/staking/components/modals/rewards.tsx b/src/features/staking/components/modals/rewards.tsx
@@ -60,7 +60,7 @@ const RewardsModal = () => {
           <div className="mb-[16px] uppercase">
             <HeroText>CLAIMING</HeroText>
           </div>
-          <div className="mb-[16px]">
+          <div className="mb-[16px] text-typo-100">
             Wait until your rewards are withdrawn.
           </div>
           <Button isLoading />
@@ -74,7 +74,7 @@ const RewardsModal = () => {
           <div className="mb-[16px] uppercase">
             <HeroText>Success!</HeroText>
           </div>
-          <div className="mb-[16px]">
+          <div className="mb-[16px] text-typo-100">
             You have claimed your staking rewards successfully.
           </div>
         </div>

diff --git a/src/features/staking/components/modals/staking.tsx b/src/features/staking/components/modals/staking.tsx
@@ -105,7 +105,7 @@ const StakingModal = () => {
                   <div className="mb-[16px]">
                     <HeroText>SUCCESS!</HeroText>
                   </div>
-                  <div>
+                  <div className="text-typo-100">
                     You have successfully staked on{" "}
                     {validator.description.moniker}. Thank you for contributing
                     in securing the XION network.
@@ -131,7 +131,7 @@ const StakingModal = () => {
                   <div className="mb-[16px]">
                     <HeroText>REVIEW</HeroText>
                   </div>
-                  <div>
+                  <div className="text-typo-100">
                     Get ready to stake your XION token with{" "}
                     {validator.description.moniker}. Press 'Confirm' to proceed.
                   </div>

diff --git a/src/features/staking/components/modals/unstaking.tsx b/src/features/staking/components/modals/unstaking.tsx
@@ -109,7 +109,7 @@ const UnstakingModal = () => {
                   <div className="mb-[16px]">
                     <HeroText>SUCCESS!</HeroText>
                   </div>
-                  <div>
+                  <div className="text-typo-100">
                     You have successfully unstaked from{" "}
                     {validator.description.moniker}. It takes {unbondingDays}{" "}
                     days to complete the unstaking process
@@ -135,7 +135,7 @@ const UnstakingModal = () => {
                   <div className="mb-[16px]">
                     <HeroText>REVIEW</HeroText>
                   </div>
-                  <div>
+                  <div className="text-typo-100">
                     Unstaking your XION Token means you'll stop earning rewards.
                     Remember, it takes {unbondingDays} days to complete the
                     unstaking process.