added alternative logo

src/assets/fully_alternative_logo.svg

@@ -0,0 +1,24 @@
+<svg width="500" height="500" viewBox="0 0 500 500" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<g clip-path="url(#clip0_2044_64)">
+<mask id="mask0_2044_64" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="89" y="110" width="325" height="281">
+<path d="M229.595 373.25L321.333 295.083L229.595 214.853V373.25Z" fill="white"/>
+<path d="M321.333 295.083L229.595 373.25M321.333 295.083L229.595 214.853M321.333 295.083L402.292 214.853M321.333 295.083L402.292 378.833M229.595 373.25V214.853M229.595 373.25H104.393C101.851 373.25 100.461 370.288 102.085 368.333L229.595 214.853M229.595 214.853V122" stroke="white" stroke-width="23" stroke-linecap="round" stroke-linejoin="round"/>
+</mask>
+<g mask="url(#mask0_2044_64)">
+<rect width="350" height="287" transform="matrix(1 0 0 -1 75 393)" fill="url(#paint0_linear_2044_64)"/>
+</g>
+<rect x="-26" y="206.097" width="439" height="428" transform="rotate(-8 -26 206.097)" fill="url(#pattern0_2044_64)"/>
+</g>
+<defs>
+<pattern id="pattern0_2044_64" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_2044_64" transform="matrix(0.00173611 0 0 0.00178073 0 -0.000385352)"/>
+</pattern>
+<linearGradient id="paint0_linear_2044_64" x1="-73.3091" y1="366.596" x2="487.371" y2="-46.6548" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+</linearGradient>
+<clipPath id="clip0_2044_64">
+<rect width="500" height="500" fill="white"/>
+</clipPath>
+<image id="image0_2044_64" width="576" height="562" preserveAspectRatio="none" xlink:href="data:image/png;base64,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 truncated
+</defs>
+</svg>

src/pages/DX4AppPage.jsx

@@ -8,6 +8,7 @@ import {
   BiWrench,
 } from "react-icons/bi";
 import Logo from "../assets/logo.svg";
+import LogoAlternative from "../assets/fully_alternative_logo.svg";
 import {
   Switch,
   LoadingSpinner,
@@ -206,7 +207,7 @@ export function DX4App({
             }
           >
             <motion.img
-              src={Logo}
+              src={pickmeMode ? LogoAlternative : Logo}
               alt="logo"
               width={100}
               draggable={false}