From fa73bcc99225e456bef2d5bdc27d6b695f428a33 Mon Sep 17 00:00:00 2001
From: Nastya <nastyab015@yandex.ru>
Date: Fri, 22 Nov 2024 22:13:04 +0300
Subject: [PATCH] new theme color own

---
 .../ViewPublicationPage/questions/Emoji/EmojiVariant.tsx       | 2 +-
 .../ViewPublicationPage/questions/Images/ImageVariant.tsx      | 2 +-
 .../ViewPublicationPage/questions/Variant/VariantItem.tsx      | 2 +-
 .../ViewPublicationPage/questions/Varimg/VarimgVariant.tsx     | 2 +-
 lib/utils/themes/dark.ts                                       | 3 +++
 lib/utils/themes/light.ts                                      | 3 +++
 lib/utils/themes/mui.d.ts                                      | 2 ++
 7 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/lib/components/ViewPublicationPage/questions/Emoji/EmojiVariant.tsx b/lib/components/ViewPublicationPage/questions/Emoji/EmojiVariant.tsx
index 6562c18..e13635e 100644
--- a/lib/components/ViewPublicationPage/questions/Emoji/EmojiVariant.tsx
+++ b/lib/components/ViewPublicationPage/questions/Emoji/EmojiVariant.tsx
@@ -52,7 +52,7 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
           resize: "none",
           width: "100%",
           fontSize: "16px",
-          color: theme.palette.text.primary,
+          color: ownAnswer.length === 0 ? theme.palette.ownPlaceholder.main : theme.palette.text.primary,
           letterSpacing: "-0.4px",
           wordSpacing: "-3px",
           outline: "0px none",
diff --git a/lib/components/ViewPublicationPage/questions/Images/ImageVariant.tsx b/lib/components/ViewPublicationPage/questions/Images/ImageVariant.tsx
index a871e87..881f8ca 100644
--- a/lib/components/ViewPublicationPage/questions/Images/ImageVariant.tsx
+++ b/lib/components/ViewPublicationPage/questions/Images/ImageVariant.tsx
@@ -41,7 +41,7 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
           resize: "none",
           width: "100%",
           fontSize: "16px",
-          color: theme.palette.text.primary,
+          color: ownAnswer.length === 0 ? theme.palette.ownPlaceholder.main : theme.palette.text.primary,
           letterSpacing: "-0.4px",
           wordSpacing: "-3px",
           outline: "0px none",
diff --git a/lib/components/ViewPublicationPage/questions/Variant/VariantItem.tsx b/lib/components/ViewPublicationPage/questions/Variant/VariantItem.tsx
index 816ab07..d258d8a 100644
--- a/lib/components/ViewPublicationPage/questions/Variant/VariantItem.tsx
+++ b/lib/components/ViewPublicationPage/questions/Variant/VariantItem.tsx
@@ -40,7 +40,7 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
         resize: "none",
         width: "100%",
         fontSize: "16px",
-        color: theme.palette.text.primary,
+        color: ownAnswer.length === 0 ? theme.palette.ownPlaceholder.main : theme.palette.text.primary,
         letterSpacing: "-0.4px",
         wordSpacing: "-3px",
         outline: "0px none",
diff --git a/lib/components/ViewPublicationPage/questions/Varimg/VarimgVariant.tsx b/lib/components/ViewPublicationPage/questions/Varimg/VarimgVariant.tsx
index 942c4c2..8eca0b5 100644
--- a/lib/components/ViewPublicationPage/questions/Varimg/VarimgVariant.tsx
+++ b/lib/components/ViewPublicationPage/questions/Varimg/VarimgVariant.tsx
@@ -50,7 +50,7 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
         resize: "none",
         width: "100%",
         fontSize: "16px",
-        color: theme.palette.text.primary,
+        color: ownAnswer.length === 0 ? theme.palette.ownPlaceholder.main : theme.palette.text.primary,
         letterSpacing: "-0.4px",
         wordSpacing: "-3px",
         outline: "0px none",
diff --git a/lib/utils/themes/dark.ts b/lib/utils/themes/dark.ts
index 87857e4..91b4b4e 100644
--- a/lib/utils/themes/dark.ts
+++ b/lib/utils/themes/dark.ts
@@ -42,6 +42,9 @@ const darkTheme = createTheme({
     navbarbg: {
       main: "#333647",
     },
+    ownPlaceholder: {
+      main: "#333647",
+    },
   },
 });
 
diff --git a/lib/utils/themes/light.ts b/lib/utils/themes/light.ts
index 7e41652..744ee46 100644
--- a/lib/utils/themes/light.ts
+++ b/lib/utils/themes/light.ts
@@ -46,6 +46,9 @@ const lightTheme = createTheme({
     orange: {
       main: "#FB5607",
     },
+    ownPlaceholder: {
+      main: "#FFFFFF",
+    },
     navbarbg: {
       main: "#FFFFFF",
     },
diff --git a/lib/utils/themes/mui.d.ts b/lib/utils/themes/mui.d.ts
index eb40eec..961aa4c 100644
--- a/lib/utils/themes/mui.d.ts
+++ b/lib/utils/themes/mui.d.ts
@@ -12,6 +12,7 @@ declare module "@mui/material/styles" {
     grey4: Palette["primary"];
     orange: Palette["primary"];
     navbarbg: Palette["primary"];
+    ownPlaceholder: Palette["primary"];
   }
   interface PaletteOptions {
     lightPurple?: PaletteOptions["primary"];
@@ -24,6 +25,7 @@ declare module "@mui/material/styles" {
     grey4?: PaletteOptions["primary"];
     orange?: PaletteOptions["primary"];
     navbarbg?: PaletteOptions["primary"];
+    ownPlaceholder?: PaletteOptions["primary"];
   }
   interface TypographyVariants {
     infographic: React.CSSProperties;