feat: new logos

Author: bryanlundberg

public/brand_logo.png

@@ -140,6 +140,11 @@ export default function MenuSettings() {
                       alt="logo"
                       width={320}
                       height={100}
+                      className={`${
+                        settings.theme.background.color === "light"
+                          ? "invert"
+                          : "invert-0"
+                      }`}
                     />
 
                     <div className="text-center w-11/12 italic mx-auto text-sm">

public/brand_logo.svg

@@ -8,6 +8,7 @@ import {
 } from "@/components/ui/sheet";
 import formatTime from "@/lib/formatTime";
 import { useDialogSolve } from "@/store/DialogSolve";
+import { useSettingsModalStore } from "@/store/SettingsModalStore";
 import { useTimerStore } from "@/store/timerStore";
 import {
   CalendarIcon,
@@ -22,6 +23,7 @@ export default function SheetSolveDetails() {
   const { handleCloseDialogSolve } = useDialogSolve();
   const { solve } = useDialogSolve();
   const { selectedCube } = useTimerStore();
+  const { settings } = useSettingsModalStore();
   const locale = useLocale();
 
   return (
@@ -92,7 +94,10 @@ export default function SheetSolveDetails() {
           alt="logo nexustimer"
           width={170}
           height={80}
-          className="object-scale-down mx-auto pt-10"
+          className={`object-scale-down mx-auto pt-10 ${
+            settings.theme.background.color === "light" ? "invert" : "invert-0"
+          }`}
+          draggable={false}
         />
       </SheetHeader>
     </SheetContent>