Add color to calendar and password icons

AppQuality · Jan 8, 2024 · 4d62166 · 4d62166
1 parent 0a1450b
commit 4d62166
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/stories/DateInput/index.tsx b/src/stories/DateInput/index.tsx
@@ -10,6 +10,7 @@ import { CalendarEventFill as CalendarIcon } from "react-bootstrap-icons";
 import styled from "styled-components";
 import { Button } from "../button/Button";
 import { StyledInput as FormInput } from "../form/input/Input";
+import { aqBootstrapTheme } from "../theme/defaultTheme";
 
 const StyledInput = styled(FormInput)`
   .mbsc-appquality.mbsc-textfield {
@@ -130,7 +131,7 @@ export const DateInput = ({
           kind="transparent"
           onClick={show}
         >
-          <CalendarIcon />
+          <CalendarIcon color={aqBootstrapTheme.variants.primary} />
         </Button>
       </span>
     </StyledInput>

diff --git a/src/stories/form/input/inputIcons/PasswordIcon.tsx b/src/stories/form/input/inputIcons/PasswordIcon.tsx
@@ -1,5 +1,6 @@
 import { EyeFill, EyeSlash } from "react-bootstrap-icons";
 import { Button } from "../../../button/Button";
+import { aqBootstrapTheme } from "../../../theme/defaultTheme";
 
 const PasswordIcon = ({
   type,
@@ -25,7 +26,7 @@ const PasswordIcon = ({
           kind="transparent"
           onClick={() => setType("password")}
         >
-          <EyeSlash />
+          <EyeSlash color={aqBootstrapTheme.variants.primary} />
         </Button>
       ) : (
         <Button
@@ -37,7 +38,7 @@ const PasswordIcon = ({
           kind="transparent"
           onClick={() => setType("text")}
         >
-          <EyeFill />
+          <EyeFill color={aqBootstrapTheme.variants.primary} />
         </Button>
       )}
     </span>