fix: add body color to action icon

WebOfTrust · Feb 7, 2024 · 934bbe0 · 934bbe0
1 parent b359081
commit 934bbe0
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/pages/dialog/Dialog.tsx b/src/pages/dialog/Dialog.tsx
@@ -81,13 +81,13 @@ export default function Dialog({
         {showPopupPrompt ? (
           <PopupPrompt
             message={
-              <p className="text-sm text-white">
+              <Text className="text-sm" $color="bodyColor">
                 {formatMessage({ id: "action.open" })}{" "}
                 <span className="inline-block">
                   <img src={logo} className="h-4" alt="logo" />
                 </span>{" "}
                 {formatMessage({ id: "action.toProceed" })}
-              </p>
+              </Text>
             }
           />
         ) : null}

diff --git a/src/pages/dialog/popupPrompt.tsx b/src/pages/dialog/popupPrompt.tsx
@@ -6,6 +6,7 @@ interface IPopupPrompt {
 
 const StyledContainer = styled.div`
   background-color: ${({ theme }) => theme?.colors?.secondary};
+  color: ${({ theme }) => theme?.colors?.bodyColor};
 `;
 
 export const PopupPrompt = ({ message }: IPopupPrompt): JSX.Element => {
@@ -21,7 +22,7 @@ export const PopupPrompt = ({ message }: IPopupPrompt): JSX.Element => {
           <g>
             <g>
               <path
-                fill="white"
+                fill="currentColor"
                 d="M32.131,184.928L32.131,184.928c-18.388,0-31.573-2.505-32.131-2.616l0.734-7.648
         c32.349,0,55.555-8.45,68.964-25.098c15.174-18.835,13.532-43.34,12.394-51.811H25.918l85.588-85.592l85.585,85.592h-53.976
         C136.315,173.487,70.922,184.928,32.131,184.928z M44.564,90.028h43.912l0.673,3.028c0.311,1.432,7.476,35.341-13.381,61.302