change the app primary color
This commit is contained in:
@@ -74,7 +74,7 @@
|
||||
}
|
||||
|
||||
.donateHandIcon {
|
||||
color: #ffb700;
|
||||
color: var(--primary);
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
|
||||
@@ -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,
|
||||
}}
|
||||
>
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
}
|
||||
|
||||
.editButton {
|
||||
color: var(--primary, #ffb700);
|
||||
color: var(--primary);
|
||||
font-size: 14px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@@ -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)",
|
||||
|
||||
Reference in New Issue
Block a user