From 5cd45b4bd1caa1f67e40bf7a9557265ed34d9379 Mon Sep 17 00:00:00 2001
From: x1unix <denis0051@gmail.com>
Date: Sat, 14 Sep 2024 22:41:35 -0400
Subject: [PATCH 1/2] feat: set correct inverted state

---
 web/src/services/colors.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/web/src/services/colors.ts b/web/src/services/colors.ts
index bf539e51..303edeba 100644
--- a/web/src/services/colors.ts
+++ b/web/src/services/colors.ts
@@ -5,6 +5,7 @@ export const LightTheme: IPartialTheme = {
 }
 
 export const DarkTheme: IPartialTheme = {
+  isInverted: true,
   palette: {
     neutralLighterAlt: '#282828',
     neutralLighter: '#313131',

From 03a101c126a4efcbcaedd168b2a368cc57e0e790 Mon Sep 17 00:00:00 2001
From: x1unix <denis0051@gmail.com>
Date: Sat, 14 Sep 2024 22:53:12 -0400
Subject: [PATCH 2/2] feat: add sponsors block to about

---
 .../modals/AboutModal/AboutModal.tsx          |  8 +++++--
 .../SponsorsBlock/SponsorsBlock.tsx           | 21 +++++++++++++++++++
 .../SponsorsBlock/img/gnoland-dark.svg        |  1 +
 .../SponsorsBlock/img/gnoland-light.svg       |  1 +
 .../modals/AboutModal/SponsorsBlock/index.ts  |  1 +
 5 files changed, 30 insertions(+), 2 deletions(-)
 create mode 100644 web/src/components/modals/AboutModal/SponsorsBlock/SponsorsBlock.tsx
 create mode 100644 web/src/components/modals/AboutModal/SponsorsBlock/img/gnoland-dark.svg
 create mode 100644 web/src/components/modals/AboutModal/SponsorsBlock/img/gnoland-light.svg
 create mode 100644 web/src/components/modals/AboutModal/SponsorsBlock/index.ts

diff --git a/web/src/components/modals/AboutModal/AboutModal.tsx b/web/src/components/modals/AboutModal/AboutModal.tsx
index 248e4395..f42b960d 100644
--- a/web/src/components/modals/AboutModal/AboutModal.tsx
+++ b/web/src/components/modals/AboutModal/AboutModal.tsx
@@ -16,6 +16,7 @@ import { Link } from '@fluentui/react/lib/Link'
 import { ChangeLog } from './ChangeLog'
 import { getContentStyles, getIconButtonStyles } from '~/styles/modal'
 import environment from '~/environment'
+import { SponsorsBlock } from './SponsorsBlock'
 
 const TITLE_ID = 'AboutTitle'
 
@@ -92,10 +93,13 @@ export const AboutModal: React.FC<AboutModalProps> = (props: AboutModalProps) =>
         </div>
         <div className={modalStyles.footer}>
           <div>
-            {/* eslint-disable-next-line react/no-unescaped-entities */}
-            <h3>What's New</h3>
+            <h3>What&apos;s New</h3>
             <ChangeLog />
           </div>
+          <div>
+            <h3>Sponsors</h3>
+            <SponsorsBlock isDark={theme.isInverted} />
+          </div>
           <Stack
             horizontal
             wrap
diff --git a/web/src/components/modals/AboutModal/SponsorsBlock/SponsorsBlock.tsx b/web/src/components/modals/AboutModal/SponsorsBlock/SponsorsBlock.tsx
new file mode 100644
index 00000000..6891297e
--- /dev/null
+++ b/web/src/components/modals/AboutModal/SponsorsBlock/SponsorsBlock.tsx
@@ -0,0 +1,21 @@
+import React from 'react'
+import { mergeStyles } from '@fluentui/react'
+import gnolandLight from './img/gnoland-light.svg'
+import gnolandDark from './img/gnoland-dark.svg'
+
+interface Props {
+  isDark?: boolean
+}
+
+const imgStyles = mergeStyles({
+  maxWidth: '100%',
+  maxHeight: '32px',
+})
+
+export const SponsorsBlock: React.FC<Props> = ({ isDark }) => (
+  <div>
+    <a href="https://gno.land/?from=goplay-tools" target="_blank" rel="noreferrer">
+      <img className={imgStyles} src={isDark ? gnolandDark : gnolandLight} alt="gno.land" />
+    </a>
+  </div>
+)
diff --git a/web/src/components/modals/AboutModal/SponsorsBlock/img/gnoland-dark.svg b/web/src/components/modals/AboutModal/SponsorsBlock/img/gnoland-dark.svg
new file mode 100644
index 00000000..75c0adaf
--- /dev/null
+++ b/web/src/components/modals/AboutModal/SponsorsBlock/img/gnoland-dark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 238"><path d="M136.02 160.26c-1.77-6.5-5.55-12.22-10.68-16.59a56.235 56.235 0 0 0-6.5-4.78c-2-1.27-4.52.6-3.94 2.9l1.42 5.62c1.8 7.14-5.86 12.93-12.24 9.26l-17.15-9.86a36.508 36.508 0 0 0-36.4 0l-17.15 9.86c-6.38 3.67-14.04-2.13-12.24-9.26l1.46-5.78c.58-2.29-1.93-4.16-3.93-2.9a57.7 57.7 0 0 0-7.16 5.29c-5.05 4.38-8.56 10.26-10.2 16.74l-.06.24c-4.17 16.56 2.31 33.97 16.29 43.78l43.3 30.37a13.761 13.761 0 0 0 15.79 0l43.3-30.37c14.19-9.95 20.65-27.74 16.09-44.51Z" fill="#999"/><path d="M134.22 123.74c-3.78-31.58-19.27-63.22-34.25-87.46l22.26-22.26C127.27 8.98 123.7.36 116.57.36H68.63c-3.7 0-7.41 1.63-9.91 4.88-16.88 21.97-49.93 70.31-55.7 118.5-.52 4.39 4.63 7.08 7.93 4.14 11.52-10.26 29.49-17.6 57.67-17.6s46.14 7.35 57.67 17.6c3.3 2.94 8.45.24 7.93-4.14Z" fill="#226c57"/><g fill="#fff"><path d="m190.79 202.39 13.67-21.82c9.35 10.07 21.82 14.14 36.2 14.14s32.13-6.23 32.13-29.73v-11.27c-9.11 11.51-21.58 17.98-35.96 17.98-28.77 0-51.06-20.14-51.06-58.74s21.82-58.98 51.06-58.98c13.91 0 26.61 5.75 35.96 17.74V56.85h30.45v108.12c0 43.87-34.04 54.66-62.57 54.66-19.66 0-35.24-4.55-49.87-17.26Zm81.99-70.73V94.02c-5.28-7.43-16.3-12.95-26.13-12.95-17.5 0-29.49 11.99-29.49 31.89s11.99 31.89 29.49 31.89c9.83 0 20.86-5.75 26.13-13.19ZM397.33 172.66v-70c0-16.06-8.39-21.58-21.34-21.58-11.99 0-21.1 6.71-26.37 13.43v78.16h-30.45V56.86h30.45v14.86c7.43-8.63 21.82-17.74 40.52-17.74 25.65 0 37.88 14.38 37.88 36.92v81.75h-30.69ZM438.76 114.64c0-32.84 23.01-60.65 61.13-60.65s61.37 27.81 61.37 60.65-23.01 60.89-61.37 60.89-61.13-28.05-61.13-60.89Zm90.86 0c0-17.98-10.55-33.56-29.73-33.56s-29.49 15.58-29.49 33.56 10.55 33.8 29.49 33.8 29.73-15.58 29.73-33.8ZM565.38 161.87c0-7.19 5.99-13.19 13.19-13.19s13.19 5.99 13.19 13.19-5.99 13.19-13.19 13.19-13.19-5.99-13.19-13.19ZM605.35 148.44V12.75h17.98v131.86c0 8.63 3.84 14.86 11.75 14.86 5.03 0 9.83-2.4 11.99-5.03l5.51 13.67c-4.79 4.31-11.03 7.43-21.58 7.43-17.02 0-25.65-9.83-25.65-27.09ZM745.61 172.66V155.4c-8.63 11.75-22.77 20.14-39.08 20.14-30.21 0-51.54-23.01-51.54-60.65S676.33 54 706.53 54c15.58 0 29.73 7.67 39.08 20.38v-17.5h17.98v115.79h-17.98Zm0-31.65V88.75c-6.23-10.07-20.38-18.7-34.52-18.7-23.49 0-37.4 19.18-37.4 44.83s13.91 44.59 37.4 44.59c14.14 0 28.29-8.39 34.52-18.46ZM860.96 172.66V96.9c0-20.62-10.55-26.85-26.13-26.85-14.14 0-27.33 8.63-34.28 17.98v84.63h-17.98V56.86h17.98v16.78c8.15-9.83 23.97-19.66 41.47-19.66 23.97 0 36.68 12.23 36.68 37.4v81.27h-17.74ZM982.02 172.66V155.4c-8.63 11.75-22.77 20.14-39.08 20.14-30.21 0-51.54-23.01-51.54-60.65S912.74 54 942.94 54c15.58 0 29.73 7.67 39.08 20.38V12.75H1000v159.91h-17.98Zm0-31.65V88.75c-6.23-10.07-20.38-18.7-34.52-18.7-23.49 0-37.4 19.18-37.4 44.83s13.91 44.59 37.4 44.59c14.14 0 28.29-8.39 34.52-18.46Z"/></g></svg>
\ No newline at end of file
diff --git a/web/src/components/modals/AboutModal/SponsorsBlock/img/gnoland-light.svg b/web/src/components/modals/AboutModal/SponsorsBlock/img/gnoland-light.svg
new file mode 100644
index 00000000..20d1e793
--- /dev/null
+++ b/web/src/components/modals/AboutModal/SponsorsBlock/img/gnoland-light.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 238"><path d="M136.02 160.26c-1.77-6.5-5.55-12.22-10.68-16.59a56.235 56.235 0 0 0-6.5-4.78c-2-1.27-4.52.6-3.94 2.9l1.42 5.62c1.8 7.14-5.86 12.93-12.24 9.26l-17.15-9.86a36.508 36.508 0 0 0-36.4 0l-17.15 9.86c-6.38 3.67-14.04-2.13-12.24-9.26l1.46-5.78c.58-2.29-1.93-4.16-3.93-2.9a57.7 57.7 0 0 0-7.16 5.29c-5.05 4.38-8.56 10.26-10.2 16.74l-.06.24c-4.17 16.56 2.31 33.97 16.29 43.78l43.3 30.37a13.761 13.761 0 0 0 15.79 0l43.3-30.37c14.19-9.95 20.65-27.74 16.09-44.51Z" fill="gray"/><path d="M134.22 123.74c-3.78-31.58-19.27-63.22-34.25-87.46l22.26-22.26C127.27 8.98 123.7.36 116.57.36H68.63c-3.7 0-7.41 1.63-9.91 4.88-16.88 21.97-49.93 70.31-55.7 118.5-.52 4.39 4.63 7.08 7.93 4.14 11.52-10.26 29.49-17.6 57.67-17.6s46.14 7.35 57.67 17.6c3.3 2.94 8.45.24 7.93-4.14Z" fill="#226c57"/><path d="m190.79 202.39 13.67-21.82c9.35 10.07 21.82 14.14 36.2 14.14s32.13-6.23 32.13-29.73v-11.27c-9.11 11.51-21.58 17.98-35.96 17.98-28.77 0-51.06-20.14-51.06-58.74s21.82-58.98 51.06-58.98c13.91 0 26.61 5.75 35.96 17.74V56.85h30.45v108.12c0 43.87-34.04 54.66-62.57 54.66-19.66 0-35.24-4.55-49.87-17.26Zm81.99-70.73V94.02c-5.28-7.43-16.3-12.95-26.13-12.95-17.5 0-29.49 11.99-29.49 31.89s11.99 31.89 29.49 31.89c9.83 0 20.86-5.75 26.13-13.19ZM397.33 172.66v-70c0-16.06-8.39-21.58-21.34-21.58-11.99 0-21.1 6.71-26.37 13.43v78.16h-30.45V56.86h30.45v14.86c7.43-8.63 21.82-17.74 40.52-17.74 25.65 0 37.88 14.38 37.88 36.92v81.75h-30.69ZM438.76 114.64c0-32.84 23.01-60.65 61.13-60.65s61.37 27.81 61.37 60.65-23.01 60.89-61.37 60.89-61.13-28.05-61.13-60.89Zm90.86 0c0-17.98-10.55-33.56-29.73-33.56s-29.49 15.58-29.49 33.56 10.55 33.8 29.49 33.8 29.73-15.58 29.73-33.8ZM565.38 161.87c0-7.19 5.99-13.19 13.19-13.19s13.19 5.99 13.19 13.19-5.99 13.19-13.19 13.19-13.19-5.99-13.19-13.19ZM605.35 148.44V12.75h17.98v131.86c0 8.63 3.84 14.86 11.75 14.86 5.03 0 9.83-2.4 11.99-5.03l5.51 13.67c-4.79 4.31-11.03 7.43-21.58 7.43-17.02 0-25.65-9.83-25.65-27.09ZM745.61 172.66V155.4c-8.63 11.75-22.77 20.14-39.08 20.14-30.21 0-51.54-23.01-51.54-60.65S676.33 54 706.53 54c15.58 0 29.73 7.67 39.08 20.38v-17.5h17.98v115.79h-17.98Zm0-31.65V88.75c-6.23-10.07-20.38-18.7-34.52-18.7-23.49 0-37.4 19.18-37.4 44.83s13.91 44.59 37.4 44.59c14.14 0 28.29-8.39 34.52-18.46ZM860.96 172.66V96.9c0-20.62-10.55-26.85-26.13-26.85-14.14 0-27.33 8.63-34.28 17.98v84.63h-17.98V56.86h17.98v16.78c8.15-9.83 23.97-19.66 41.47-19.66 23.97 0 36.68 12.23 36.68 37.4v81.27h-17.74ZM982.02 172.66V155.4c-8.63 11.75-22.77 20.14-39.08 20.14-30.21 0-51.54-23.01-51.54-60.65S912.74 54 942.94 54c15.58 0 29.73 7.67 39.08 20.38V12.75H1000v159.91h-17.98Zm0-31.65V88.75c-6.23-10.07-20.38-18.7-34.52-18.7-23.49 0-37.4 19.18-37.4 44.83s13.91 44.59 37.4 44.59c14.14 0 28.29-8.39 34.52-18.46Z"/></svg>
\ No newline at end of file
diff --git a/web/src/components/modals/AboutModal/SponsorsBlock/index.ts b/web/src/components/modals/AboutModal/SponsorsBlock/index.ts
new file mode 100644
index 00000000..669802dd
--- /dev/null
+++ b/web/src/components/modals/AboutModal/SponsorsBlock/index.ts
@@ -0,0 +1 @@
+export * from './SponsorsBlock'