diff --git a/frontend-react/src/components/analyzer/BuildStats.tsx b/frontend-react/src/components/analyzer/BuildStats.tsx index 997d0521f..71723add9 100644 --- a/frontend-react/src/components/analyzer/BuildStats.tsx +++ b/frontend-react/src/components/analyzer/BuildStats.tsx @@ -83,7 +83,9 @@ const BuildStats: React.FC = ({ toggleChart, progressBarValue = 0, }) => { - const { darkerBgColor, themeColorWithShade } = useContext(MyThemeContext) + const { darkerBgColor, themeColorWithShade, colorMode } = useContext( + MyThemeContext + ) return ( <> @@ -131,6 +133,7 @@ const BuildStats: React.FC = ({ value={progressBarValue} hasStripe isAnimated + bg={colorMode === "dark" ? "#464b64" : `orange.100`} /> {otherEffect && ( <> @@ -140,6 +143,7 @@ const BuildStats: React.FC = ({ value={otherProgressBarValue} hasStripe isAnimated + bg={colorMode === "dark" ? "#464b64" : `blue.100`} /> diff --git a/frontend-react/src/components/plus/Voting.tsx b/frontend-react/src/components/plus/Voting.tsx index db0bbc434..e567f999c 100644 --- a/frontend-react/src/components/plus/Voting.tsx +++ b/frontend-react/src/components/plus/Voting.tsx @@ -36,7 +36,7 @@ const Voting: React.FC = ({ votedSoFar, eligibleVoters, }) => { - const { themeColor, grayWithShade } = useContext(MyThemeContext) + const { themeColor, grayWithShade, colorMode } = useContext(MyThemeContext) const { data, loading, error } = useQuery( USERS_FOR_VOTING ) @@ -149,6 +149,7 @@ const Voting: React.FC = ({ {votedSoFar}/{eligibleVoters} voted so far