Fix dark mode logo

kthcloud · Dec 19, 2023 · 6d6194d · 6d6194d
1 parent baf5b81
commit 6d6194d
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 1 deletion.
diff --git a/public/static/logo_dark.svg b/public/static/logo_dark.svg
diff --git a/public/static/logo.svg → public/static/logo_light.svg b/public/static/logo.svg → public/static/logo_light.svg
diff --git a/src/components/Logo.jsx b/src/components/Logo.jsx
@@ -2,6 +2,8 @@ import PropTypes from "prop-types";
 import { Link as RouterLink } from "react-router-dom";
 import { Box } from "@mui/material";
 import { useKeycloak } from "@react-keycloak/web";
+import { useContext } from "react";
+import { ThemeModeContext } from "src/contexts/ThemeModeContext";
 
 Logo.propTypes = {
   disabledLink: PropTypes.bool,
@@ -10,10 +12,12 @@ Logo.propTypes = {
 
 export default function Logo({ disabledLink = false, sx }) {
   const { initialized, keycloak } = useKeycloak();
+  const { mode } = useContext(ThemeModeContext);
+
   const logo = (
     <Box sx={{ width: 140, height: "auto", ...sx }}>
       <img
-        src={process.env.PUBLIC_URL + "/static/logo.svg"}
+        src={process.env.PUBLIC_URL + "/static/logo_" + mode + ".svg"}
         className="App-logo"
         alt="logo"
       />