fascano/web-menu-react-version-
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

change the app primary color

Browse Source
This commit is contained in:
Mohammed Al-yaseen
2025-10-15 22:16:08 +03:00
parent 5e43aeb5a0
commit 946678228f
23 changed files with 208 additions and 209 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/pages/address/address.module.css
View File

@@ -81,7 +81,7 @@
top: 6px;
height: 24px;
border: none;
color: #ffb700;
color: var(--primary);
background-color: rgba(255, 183, 0, 0.12);
width: 70px !important;
}
@@ -100,7 +100,7 @@
}
:global(.darkApp) .activeServiceButton {
color: #ffb700 !important;
color: var(--primary) !important;
background-color: rgba(42, 42, 42, 0.8) !important;
border: none;
width: 70px !important;
@@ -234,8 +234,8 @@
}
:global(.darkApp) .placeOrderButton {
background-color: #ffb700 !important;
border-color: #ffb700 !important;
background-color: var(--primary) !important;
border-color: var(--primary) !important;
}
/* Additional styles for checkout components */

2
src/pages/cart/cart.module.css
View File

@@ -74,7 +74,7 @@
}
.donateHandIcon {
color: #ffb700;
color: var(--primary);
font-size: 24px;
}

22
src/pages/cart/components/RewardWaiterCard.tsx
View File

@@ -1,18 +1,18 @@
import { Card, Divider, Button, message } from "antd";
import DonateHandIcon from "components/Icons/cart/DonateHandIcon.tsx";
import styles from "pages/cart/cart.module.css";
import ProTitle from "components/ProTitle.tsx";
import ProText from "components/ProText.tsx";
import { colors } from "ThemeConstants.ts";
import { Button, Card, Divider, message } from "antd";
import ArabicPrice from "components/ArabicPrice";
import EditIcon from "components/Icons/EditIcon.tsx";
import { TipBottomSheet } from "components/CustomBottomSheet/TipBottomSheet.tsx";
import { TipDialog } from "components/CustomBottomSheet/TipDialog.tsx";
import DonateHandIcon from "components/Icons/cart/DonateHandIcon.tsx";
import EditIcon from "components/Icons/EditIcon.tsx";
import ProText from "components/ProText.tsx";
import ProTitle from "components/ProTitle.tsx";
import { selectCart, updateTip } from "features/order/orderSlice.ts";
import useBreakPoint from "hooks/useBreakPoint.ts";
import styles from "pages/cart/cart.module.css";
import { useState } from "react";
import { updateTip, selectCart } from "features/order/orderSlice.ts";
import { useTranslation } from "react-i18next";
import { useAppDispatch, useAppSelector } from "redux/hooks.ts";
import { TipDialog } from "components/CustomBottomSheet/TipDialog.tsx";
import useBreakPoint from "hooks/useBreakPoint.ts";
import { colors } from "ThemeConstants.ts";
export default function RewardWaiterCard() {
const { t } = useTranslation();
@@ -75,7 +75,7 @@ export default function RewardWaiterCard() {
borderRadius: 100,
height: 32,
borderColor: "rgba(255, 183, 0, 0.12)",
backgroundColor: "#FFB7001F",
backgroundColor: colors.primary,
color: colors.primary,
}}
>

2
src/pages/cart/components/specialRequest/SpecialRequestCard.module.css
View File

@@ -3,7 +3,7 @@
}
.editButton {
color: var(--primary, #ffb700);
color: var(--primary);
font-size: 14px;
cursor: pointer;
}

4
src/pages/cart/components/timeEstimate/Content.tsx
View File

@@ -4,6 +4,7 @@ import NextIcon from "components/Icons/NextIcon.tsx";
import { useEffect, useState } from "react";
import { useTranslation } from "react-i18next";
import { useAppSelector } from "redux/hooks";
import { ProGray1 } from "ThemeConstants";
import styles from "./TimeEstimateCard.module.css";
const timeSlots = [
@@ -119,7 +120,7 @@ export default function Content({
style={{
fontSize: 20,
fontWeight: 600,
color: "rgba(95, 108, 123, 1)",
color: ProGray1,
marginBottom: 4,
}}
>
@@ -204,7 +205,6 @@ export default function Content({
style={{
width: "100%",
height: 50,
borderRadius: 12,
fontSize: 16,
fontWeight: 600,
backgroundColor: "var(--primary)",

4
src/pages/otp/otp.module.css
View File

@@ -82,7 +82,7 @@
top: 6px;
height: 24px;
border: none;
color: #ffb700;
color: var(--primary);
background-color: rgba(255, 183, 0, 0.12);
width: 70px !important;
}
@@ -102,7 +102,7 @@
}
:global(.darkApp) .activeServiceButton {
color: #ffb700 !important;
color: var(--primary) !important;
background-color: rgba(42, 42, 42, 0.8) !important;
border: none;
width: 70px !important;