From 39fa61a698e706b403f42cb255999bb70af9ac36 Mon Sep 17 00:00:00 2001
From: Nastya <nastyab015@yandex.ru>
Date: Wed, 25 Sep 2024 20:20:52 +0300
Subject: [PATCH] fix change thumb color

---
 .../ViewPublicationPage/questions/Emoji/EmojiVariant.tsx   | 7 +++++++
 .../ViewPublicationPage/questions/Images/ImageVariant.tsx  | 6 ++++++
 2 files changed, 13 insertions(+)

diff --git a/lib/components/ViewPublicationPage/questions/Emoji/EmojiVariant.tsx b/lib/components/ViewPublicationPage/questions/Emoji/EmojiVariant.tsx
index caf2add..e0dc819 100644
--- a/lib/components/ViewPublicationPage/questions/Emoji/EmojiVariant.tsx
+++ b/lib/components/ViewPublicationPage/questions/Emoji/EmojiVariant.tsx
@@ -39,6 +39,7 @@ interface OwnInputProps {
 }
 const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputProps) => {
   const theme = useTheme();
+  console.log(theme.palette.primary.main);
   const ownVariants = useQuizViewStore((state) => state.ownVariants);
   const { updateOwnVariant } = useQuizViewStore((state) => state);
 
@@ -64,6 +65,9 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
           "&::-webkit-scrollbar-thumb": {
             backgroundColor: "#b8babf",
           },
+          "&::-webkit-scrollbar-color": {
+            backgroundColor: theme.palette.primary.main,
+          },
         }}
         value={ownAnswer}
         onClick={(e: React.MouseEvent<HTMLTextAreaElement>) => e.stopPropagation()}
@@ -190,6 +194,9 @@ export const EmojiVariant = ({
             "&::-webkit-scrollbar-thumb": {
               backgroundColor: "#b8babf",
             },
+            "&::-webkit-scrollbar-color": {
+              backgroundColor: theme.palette.primary.main,
+            },
           },
           "& .MuiFormControlLabel-label.Mui-disabled": {
             color: theme.palette.text.primary,
diff --git a/lib/components/ViewPublicationPage/questions/Images/ImageVariant.tsx b/lib/components/ViewPublicationPage/questions/Images/ImageVariant.tsx
index e1e4d7b..57afd26 100644
--- a/lib/components/ViewPublicationPage/questions/Images/ImageVariant.tsx
+++ b/lib/components/ViewPublicationPage/questions/Images/ImageVariant.tsx
@@ -52,6 +52,9 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
           "&::-webkit-scrollbar-thumb": {
             backgroundColor: "#b8babf",
           },
+          "&::-webkit-scrollbar-color": {
+            backgroundColor: theme.palette.primary.main,
+          },
         }}
         value={ownAnswer}
         onClick={(e: React.MouseEvent<HTMLTextAreaElement>) => e.stopPropagation()}
@@ -176,6 +179,9 @@ export const ImageVariant = ({
             "&::-webkit-scrollbar-thumb": {
               backgroundColor: "#b8babf",
             },
+            "&::-webkit-scrollbar-color": {
+              backgroundColor: theme.palette.primary.main,
+            },
           },
         }}
         value={index}