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")}