From 7c3ac79c2d86046f1f2f849621a52246e343b238 Mon Sep 17 00:00:00 2001 From: lumi-tip Date: Thu, 12 Dec 2024 17:54:28 -0400 Subject: [PATCH] remove effect in darkmode --- src/pages/technology/[slug].jsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/pages/technology/[slug].jsx b/src/pages/technology/[slug].jsx index 4247980e9..90ef73455 100644 --- a/src/pages/technology/[slug].jsx +++ b/src/pages/technology/[slug].jsx @@ -204,7 +204,7 @@ export const getStaticProps = async ({ params, locale, locales }) => { function LessonByTechnology({ assetData, technologyData, techsBySortPriority, count, coursesForTech, workShopsForTech, marketingInfo, isSortPriorityOne, featuredCourseSlug }) { const { t, lang } = useTranslation('technologies'); const { isAuthenticated } = useAuth(); - const { fontColor } = useStyle(); + const { fontColor, colorMode } = useStyle(); const [isDragging, setIsDragging] = useState(false); const [isAtEnd, setIsAtEnd] = useState(false); const [isAtStart, setIsAtStart] = useState(true); @@ -314,7 +314,7 @@ function LessonByTechnology({ assetData, technologyData, techsBySortPriority, co bottom="0" width="100px" pointerEvents="none" - background="linear-gradient(to right, white, rgba(255, 255, 255, 0))" + background={`linear-gradient(to right, ${colorMode}, rgba(255, 255, 255, 0))`} zIndex="2" /> )} @@ -381,7 +381,7 @@ function LessonByTechnology({ assetData, technologyData, techsBySortPriority, co bottom="0" width="100px" pointerEvents="none" - background="linear-gradient(to left, white, rgba(255, 255, 255, 0))" + background={`linear-gradient(to left, ${colorMode}, rgba(255, 255, 255, 0))`} zIndex="2" /> )}