Update docs + lndng pg favicons to be transprnt and colour-mode-aware (#295)

laurakalbag · web-flow · commit 0ea09dd83410 · 2023-11-30T17:26:10.000Z
diff --git a/static/icon.svg b/static/icon.svg
@@ -1,12 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="400px" height="400px" viewBox="0 0 400 400" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon</title>
-    <g id="Favicons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Icon">
-            <rect fill="#FFFFFF" x="0" y="0" width="400" height="400"></rect>
-            <g id="logomark-white" fill="#000000">
-                <path d="M160.048396,62 L200.37018,102.226265 L313.959955,215.546521 L313.959955,215.570808 C315.837975,217.466064 317,220.069114 317,222.944958 C317,226.157786 315.548447,229.029294 313.267435,230.954041 L313.267435,230.954041 L208.213956,335.758657 C203.882338,340.080448 196.858891,340.080448 192.527273,335.758657 L192.527273,335.758657 L87.2490397,230.730253 C82.9169868,226.408463 82.9169868,219.401654 87.2490397,215.080297 L87.2490397,215.080297 L152.153757,150.3289 L159.394132,157.552991 C169.631514,167.11948 186.170262,195.360094 164.012235,218.951043 C161.846426,221.111288 161.846426,224.615126 164.012235,226.775804 L164.012235,226.775804 L196.490243,259.176874 C198.656487,261.337552 202.167775,261.337552 204.334019,259.176874 L204.334019,259.176874 L236.707692,226.879891 C237.766686,225.869377 238.504418,224.471572 238.504418,222.894216 C238.504418,221.359796 237.836243,219.971098 236.827242,218.965788 L236.827242,218.965788 L209.069933,191.274668 L209.153401,191.191832 L160.173597,142.328058 C137.904715,120.111929 137.779514,84.2165628 160.048396,62 L160.048396,62 Z M244.500217,62 C260.239954,62 273,74.7595142 273,90.5 C273,106.240051 260.239954,119 244.500217,119 C228.760046,119 216,106.240051 216,90.5 C216,74.7595142 228.760046,62 244.500217,62 Z" id="logomark"></path>
-            </g>
-        </g>
+    <title>Stately</title>
+    <style>
+        #logomark {
+            fill: #1A1919;
+        }
+		@media ( prefers-color-scheme: dark ) {
+            #logomark {
+                fill: #fefefe;
+            }
+		}
+	</style>
+    <g id="favicon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M160.048396,62 L200.37018,102.226265 L313.959955,215.546521 L313.959955,215.570808 C315.837975,217.466064 317,220.069114 317,222.944958 C317,226.157786 315.548447,229.029294 313.267435,230.954041 L313.267435,230.954041 L208.213956,335.758657 C203.882338,340.080448 196.858891,340.080448 192.527273,335.758657 L192.527273,335.758657 L87.2490397,230.730253 C82.9169868,226.408463 82.9169868,219.401654 87.2490397,215.080297 L87.2490397,215.080297 L152.153757,150.3289 L159.394132,157.552991 C169.631514,167.11948 186.170262,195.360094 164.012235,218.951043 C161.846426,221.111288 161.846426,224.615126 164.012235,226.775804 L164.012235,226.775804 L196.490243,259.176874 C198.656487,261.337552 202.167775,261.337552 204.334019,259.176874 L204.334019,259.176874 L236.707692,226.879891 C237.766686,225.869377 238.504418,224.471572 238.504418,222.894216 C238.504418,221.359796 237.836243,219.971098 236.827242,218.965788 L236.827242,218.965788 L209.069933,191.274668 L209.153401,191.191832 L160.173597,142.328058 C137.904715,120.111929 137.779514,84.2165628 160.048396,62 L160.048396,62 Z M244.500217,62 C260.239954,62 273,74.7595142 273,90.5 C273,106.240051 260.239954,119 244.500217,119 C228.760046,119 216,106.240051 216,90.5 C216,74.7595142 228.760046,62 244.500217,62 Z" id="logomark"></path>
     </g>
 </svg>
diff --git a/static/landing-page/icon.svg b/static/landing-page/icon.svg
@@ -1,12 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="400px" height="400px" viewBox="0 0 400 400" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon</title>
-    <g id="Favicons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Icon">
-            <rect fill="#FFFFFF" x="0" y="0" width="400" height="400"></rect>
-            <g id="logomark-white" fill="#000000">
-                <path d="M160.048396,62 L200.37018,102.226265 L313.959955,215.546521 L313.959955,215.570808 C315.837975,217.466064 317,220.069114 317,222.944958 C317,226.157786 315.548447,229.029294 313.267435,230.954041 L313.267435,230.954041 L208.213956,335.758657 C203.882338,340.080448 196.858891,340.080448 192.527273,335.758657 L192.527273,335.758657 L87.2490397,230.730253 C82.9169868,226.408463 82.9169868,219.401654 87.2490397,215.080297 L87.2490397,215.080297 L152.153757,150.3289 L159.394132,157.552991 C169.631514,167.11948 186.170262,195.360094 164.012235,218.951043 C161.846426,221.111288 161.846426,224.615126 164.012235,226.775804 L164.012235,226.775804 L196.490243,259.176874 C198.656487,261.337552 202.167775,261.337552 204.334019,259.176874 L204.334019,259.176874 L236.707692,226.879891 C237.766686,225.869377 238.504418,224.471572 238.504418,222.894216 C238.504418,221.359796 237.836243,219.971098 236.827242,218.965788 L236.827242,218.965788 L209.069933,191.274668 L209.153401,191.191832 L160.173597,142.328058 C137.904715,120.111929 137.779514,84.2165628 160.048396,62 L160.048396,62 Z M244.500217,62 C260.239954,62 273,74.7595142 273,90.5 C273,106.240051 260.239954,119 244.500217,119 C228.760046,119 216,106.240051 216,90.5 C216,74.7595142 228.760046,62 244.500217,62 Z" id="logomark"></path>
-            </g>
-        </g>
+    <title>Stately</title>
+    <style>
+        #logomark {
+            fill: #1A1919;
+        }
+		@media ( prefers-color-scheme: dark ) {
+            #logomark {
+                fill: #fefefe;
+            }
+		}
+	</style>
+    <g id="favicon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M160.048396,62 L200.37018,102.226265 L313.959955,215.546521 L313.959955,215.570808 C315.837975,217.466064 317,220.069114 317,222.944958 C317,226.157786 315.548447,229.029294 313.267435,230.954041 L313.267435,230.954041 L208.213956,335.758657 C203.882338,340.080448 196.858891,340.080448 192.527273,335.758657 L192.527273,335.758657 L87.2490397,230.730253 C82.9169868,226.408463 82.9169868,219.401654 87.2490397,215.080297 L87.2490397,215.080297 L152.153757,150.3289 L159.394132,157.552991 C169.631514,167.11948 186.170262,195.360094 164.012235,218.951043 C161.846426,221.111288 161.846426,224.615126 164.012235,226.775804 L164.012235,226.775804 L196.490243,259.176874 C198.656487,261.337552 202.167775,261.337552 204.334019,259.176874 L204.334019,259.176874 L236.707692,226.879891 C237.766686,225.869377 238.504418,224.471572 238.504418,222.894216 C238.504418,221.359796 237.836243,219.971098 236.827242,218.965788 L236.827242,218.965788 L209.069933,191.274668 L209.153401,191.191832 L160.173597,142.328058 C137.904715,120.111929 137.779514,84.2165628 160.048396,62 L160.048396,62 Z M244.500217,62 C260.239954,62 273,74.7595142 273,90.5 C273,106.240051 260.239954,119 244.500217,119 C228.760046,119 216,106.240051 216,90.5 C216,74.7595142 228.760046,62 244.500217,62 Z" id="logomark"></path>
     </g>
 </svg>
