From 9200f9afadcc7a3aab6483d9ebcdd86ed0bfbd75 Mon Sep 17 00:00:00 2001
From: Hatem Hosny <hatemhosny@gmail.com>
Date: Thu, 21 Nov 2024 21:14:01 +0200
Subject: [PATCH] provide light color logo

---
 .../assets/images/livecodes-text-logo-nowrap-light.svg     | 1 +
 src/livecodes/core.ts                                      | 7 ++++++-
 2 files changed, 7 insertions(+), 1 deletion(-)
 create mode 100644 src/livecodes/assets/images/livecodes-text-logo-nowrap-light.svg

diff --git a/src/livecodes/assets/images/livecodes-text-logo-nowrap-light.svg b/src/livecodes/assets/images/livecodes-text-logo-nowrap-light.svg
new file mode 100644
index 000000000..883789190
--- /dev/null
+++ b/src/livecodes/assets/images/livecodes-text-logo-nowrap-light.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="720" height="190" stroke="#000" stroke-linecap="round" stroke-linejoin="round" fill="#fff" fill-rule="evenodd" font-family="Roboto" font-size="14" text-anchor="middle"><defs><style>@font-face{font-family:"Lato";src:url(data:application/font-woff;charset=utf-8;base64,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) format("woff"); font-weight:bold;font-style:normal;}</style><filter id="A" x="-2.8889%" y="-6.8421%" width="106.4444%" height="115.2632%"><feGaussianBlur in="SourceAlpha" stdDeviation="5"/><feOffset dx="3" dy="3" result="B"/><feFlood class="C D" flood-color="#000" flood-opacity=".5"/><feComposite in2="B" operator="in" result="C"/><feMerge><feMergeNode in="C"/><feMergeNode in="SourceGraphic"/></feMerge></filter><filter id="B" x="-5.977%" y="-8.9511%" width="113.3333%" height="119.9678%"><feGaussianBlur in="SourceAlpha" stdDeviation="5"/><feOffset dx="3" dy="3" result="B"/><feFlood class="C D" flood-color="#000" flood-opacity=".5"/><feComposite in2="B" operator="in" result="C"/><feMerge><feMergeNode in="C"/><feMergeNode in="SourceGraphic"/></feMerge></filter><filter id="C" x="-14.4867%" y="-11.871%" width="132.3164%" height="126.4815%"><feGaussianBlur in="SourceAlpha" stdDeviation="5"/><feOffset dx="3" dy="3" result="B"/><feFlood class="C D" flood-color="#000" flood-opacity=".5"/><feComposite in2="B" operator="in" result="C"/><feMerge><feMergeNode in="C"/><feMergeNode in="SourceGraphic"/></feMerge></filter><linearGradient id="D" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#d7d7d7"/><stop offset="100%" stop-color="#626262"/></linearGradient></defs><g transform="translate(264.3276 -.5)" filter="url(#A)" class="B" stroke="none"><text fill="#eee" font-size="96" font-family="Lato" font-weight="bold" white-space="nowrap"><tspan x="225" y="126.68">LiveCodes</tspan></text></g><g filter="url(#B)" fill="#c1c1c1" transform="translate(7 11.7023)" class="B G" stroke="none" fill-rule="nonzero"><path d="M5.7987 99.2529C2.3215 95.45 0 87.8569 0 81.2041s1.7397-12.818 6.0885-16.1424h-.2898L74.2265 0v44.167c-7.5393 7.1229-17.6868 15.1997-43.2024 37.5204l.2898.4695c13.6266 9.9759 29.2848 25.1708 42.9114 38.4672v44.643z"/><g transform="translate(173.2748 .0007)"><path d="M68.4263 66.0105c3.4749 3.8018 5.7991 11.3993 5.7991 18.0479s-1.7401 12.8187-6.0913 16.142h.2922L0 165.2632v-44.1689c7.5392-7.1179 17.6864-15.1927 43.2011-37.5151l-.2887-.4689C29.2865 73.1338 13.6283 57.9387.0007 44.6425V0z"/></g></g><g filter="url(#C)" transform="translate(79.6922 30.7407)" class="B" stroke="none"><g transform="translate(50.964 32.0521)"><path d="M0 90.6666l49.5578-30.2737V0L0 30.188v60.4786z"/></g><g transform="translate(1.4988 32.1025)"><path d="M0 60.3268l49.4967 30.2213V30.1545L0 0v60.3268z"/></g><g transform="translate(1.8113 2.082)"><path d="M98.3689 29.9698L49.1846 0 0 29.9698l49.1846 30.0213 49.1843-30.0213z"/></g><g transform="translate(50.9953 32.0521)"><path d="M0 28.2413L46.3262.0331 46.2801 0 0 28.2413h0z"/></g><g transform="translate(4.6686 32.0521)"><path d="M.047 0L0 .0331l46.3262 28.2082h0L.047 0z"/></g><g transform="translate(50.9953 60.2927)"><path d="M0 0z"/></g><path d="M100.429 30.1217L50.9958 0 1.5615 30.1217 0 31.1124V93.437l49.4967 30.2214 1.5607.9564 1.5623-.9564 49.4961-30.2214V31.0942zm-1.5611 61.3667l-46.3111 28.309V63.214l46.373-28.2573zm-49.4347 28.309L3.0607 91.4724V34.9567L49.4332 63.214zM4.7147 32.0855L50.9958 3.8627l46.2791 28.2228h0L50.9958 60.2934h0L4.6694 32.0855z" fill="#444"/><g transform="translate(51.1983 46.2062)" class="E" fill="url(#D)"><path d="M0 48.6571L26.6225 32.421V0L0 16.2187v32.4384z"/></g><g transform="translate(24.1704 46.2062)" class="E" fill="url(#D)"><path d="M0 32.421l26.6225 16.2361V16.2187L0 0v32.421z"/></g><g transform="translate(24.4514 29.6006)" class="E" fill="url(#D)"><path d="M53.0872 16.1692L26.5444 0 0 16.1692l26.5444 16.2189 26.5428-16.2189z"/></g><g transform="translate(50.9953 45.7696)" class="F" fill="#96bf3d"><path d="M0 14.5742L23.8733.0331 23.8423 0 0 14.5564v.0178z"/></g><g transform="translate(27.1215 45.7696)" class="F" fill="#96bf3d"><path d="M.032 0L0 .0331l23.8733 14.5411v-.0178L.032 0z"/></g><g transform="translate(50.9953 60.3266)" class="F" fill="#96bf3d"><path d="M0 0z"/></g><g transform="translate(22.4216 27.4012)"><path d="M55.586 16.4371L28.5739 0 1.5615 16.4371 0 17.4116v34.9403l27.0122 16.5042 1.5617.9562 1.5606-.9562 27.0444-16.5042V17.4116zm-1.5623 33.9503L30.1345 64.995V35.8463l23.9218-14.5737zM27.0122 64.995L3.0912 50.3874V21.2726l23.921 14.5737zM4.7307 18.3678l23.8432-14.505 23.8426 14.5227h0L28.5739 32.9249h0L4.7 18.4015z"/></g></g></svg>
diff --git a/src/livecodes/core.ts b/src/livecodes/core.ts
index 71eee0b5b..6a44e3212 100644
--- a/src/livecodes/core.ts
+++ b/src/livecodes/core.ts
@@ -3590,7 +3590,12 @@ const handleAbout = () => {
     div.innerHTML = aboutScreen
       .replace(/{{COMMIT_URL}}/g, `${repoUrl}/commit/${versions.commitSHA}`)
       .replace(/{{APP_URL}}/g, versions.appUrl)
-      .replace(/{{SDK_URL}}/g, versions.sdkUrl);
+      .replace(/{{SDK_URL}}/g, versions.sdkUrl)
+      .replace('livecodes-text-logo-nowrap.svg', () =>
+        getConfig().theme === 'dark'
+          ? 'livecodes-text-logo-nowrap-light.svg'
+          : 'livecodes-text-logo-nowrap.svg',
+      );
     const aboutContainer = div.firstChild as HTMLElement;
     modal.show(aboutContainer);
   };