diff --git a/src/frontend/src/index.tsx b/src/frontend/src/index.tsx index 62e73f091..9c828e086 100644 --- a/src/frontend/src/index.tsx +++ b/src/frontend/src/index.tsx @@ -12,13 +12,11 @@ import { StrictMode } from "react"; import "./style/classes.css"; const root = ReactDOM.createRoot( - document.getElementById("root") as HTMLElement + document.getElementById("root") as HTMLElement, ); root.render( - - - - - + + + , ); reportWebVitals(); diff --git a/src/frontend/src/pages/SettingsPage/pages/GeneralPage/components/ProfilePictureForm/components/profilePictureChooserComponent/index.tsx b/src/frontend/src/pages/SettingsPage/pages/GeneralPage/components/ProfilePictureForm/components/profilePictureChooserComponent/index.tsx index 5e2cee180..c02c6a560 100644 --- a/src/frontend/src/pages/SettingsPage/pages/GeneralPage/components/ProfilePictureForm/components/profilePictureChooserComponent/index.tsx +++ b/src/frontend/src/pages/SettingsPage/pages/GeneralPage/components/ProfilePictureForm/components/profilePictureChooserComponent/index.tsx @@ -12,6 +12,7 @@ import LoadingComponent from "../../../../../../../../components/loadingComponen import Loading from "../../../../../../../../components/ui/loading"; import { cn } from "../../../../../../../../utils/utils"; import { Button } from "../../../../../../../../components/ui/button"; +import { useDarkStore } from "../../../../../../../../stores/darkStore"; type ProfilePictureChooserComponentProps = { profilePictures: { [key: string]: string[] }; @@ -27,6 +28,7 @@ export default function ProfilePictureChooserComponent({ onChange, }: ProfilePictureChooserComponentProps) { const ref = useRef(null); + const dark = useDarkStore((state) => state.dark); useEffect(() => { if (value && ref) { @@ -63,7 +65,9 @@ export default function ProfilePictureChooserComponent({ style={{ filter: value === folder + "/" + path - ? "drop-shadow(0 0 0.3rem rgb(255, 255, 255))" + ? dark + ? "drop-shadow(0 0 0.3rem rgb(255, 255, 255))" + : "drop-shadow(0 0 0.3rem rgb(0, 0, 0))" : "", }} className={cn("h-12 w-12")}