fix dark color

src/pages/address/page.tsx

@@ -4,17 +4,17 @@ import HouseIcon from "components/Icons/address/HouseIcon";
 import OfficeIcon from "components/Icons/address/OfficeIcon";
 import ProHeader from "components/ProHeader/ProHeader";
 import ProText from "components/ProText";
-import { selectCart } from "features/order/orderSlice";
+import { selectTheme } from "features/theme/themeSlice";
 import { useTranslation } from "react-i18next";
 import { Link, useParams } from "react-router-dom";
 import { useAppSelector } from "redux/hooks";
-import { colors } from "ThemeConstants";
+import { colors, ProBlack2, ProGray1 } from "ThemeConstants";
 import { AddressSummary } from "../checkout/components/AddressSummary";
 import styles from "./address.module.css";
 
 export default function AddressPage() {
   const { t } = useTranslation();
-  const { location } = useAppSelector(selectCart);
+  const { themeName } = useAppSelector(selectTheme);
   const [form] = Form.useForm();
   const { id } = useParams();
 
@@ -38,23 +38,17 @@ export default function AddressPage() {
         <Card style={{ marginTop: 16 }} title={t("address.addressDetails")}>
           <div className={styles.services}>
             <Button className={styles.serviceButton} icon={<ApartmentIcon />}>
-              <ProText
-                style={{ fontWeight: "bold", color: "rgba(95, 108, 123, 1)" }}
-              >
+              <ProText style={{ fontWeight: "bold", color: ProGray1 }}>
                 {t("address.apartment")}
               </ProText>
             </Button>
             <Button className={styles.serviceButton} icon={<HouseIcon />}>
-              <ProText
-                style={{ fontWeight: "bold", color: "rgba(95, 108, 123, 1)" }}
-              >
+              <ProText style={{ fontWeight: "bold", color: ProGray1 }}>
                 {t("address.house")}
               </ProText>
             </Button>
             <Button className={styles.serviceButton} icon={<OfficeIcon />}>
-              <ProText
-                style={{ fontWeight: "bold", color: "rgba(95, 108, 123, 1)" }}
-              >
+              <ProText style={{ fontWeight: "bold", color: ProGray1 }}>
                 {t("address.office")}
               </ProText>
             </Button>
@@ -160,9 +154,9 @@ export default function AddressPage() {
           position: "fixed",
           bottom: 0,
           left: 0,
-          backgroundColor: "white",
           boxShadow: "0px -1px 3px rgba(0, 0, 0, 0.1)",
-          height: "10vh",
+          height: 80,
+          backgroundColor: themeName === "light" ? "white" : ProBlack2,
         }}
       >
         <Link