fix: dark mode on footer logo

Automattic · Dec 14, 2024 · 9a42d1f · 9a42d1f
1 parent f60e505
commit 9a42d1f
Showing 1 changed file with 11 additions and 21 deletions.
diff --git a/packages/web/src/lib/AutomatticLogo.svelte b/packages/web/src/lib/AutomatticLogo.svelte
@@ -3,49 +3,39 @@
 	export let height = '100%';
 </script>
 
-<svg {width} {height} viewBox="0 0 1080 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="0 0 1080 200"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+	class="fill-black dark:fill-white"
+>
 	<path
 		d="M414.223 134.241C390.908 134.241 375.797 117.463 375.797 99.9815V97.7964C375.797 80.0186 390.908 63.5371 414.223 63.5371C437.538 63.5371 452.741 80.0186 452.741 97.7964V99.9815C452.741 117.407 437.63 134.241 414.223 134.241ZM440.297 98.0001C440.297 85.2593 431.038 73.926 414.223 73.926C397.408 73.926 388.297 85.2778 388.297 98.0001V99.5741C388.297 112.315 397.556 123.87 414.223 123.87C430.889 123.87 440.297 112.315 440.297 99.5741V98.0001Z"
-		fill="white"
 	/>
 	<path
 		d="M151.112 131.682L142.408 115.386H103.704L95.2969 131.682H82.334L117.778 65.9043H128.056L164.204 131.682H151.112ZM122.667 78.7376L108.353 106.386H137.482L122.667 78.7376Z"
-		fill="white"
 	/>
 	<path
 		d="M220.333 134.238C196.74 134.238 185.777 121.404 185.777 104.312V65.9043H198.018V104.441C198.018 116.589 206.018 123.793 221.222 123.793C236.833 123.793 243.259 116.589 243.259 104.441V65.9043H255.592V104.312C255.592 120.608 245.129 134.238 220.333 134.238Z"
-		fill="white"
-	/>
-	<path
-		d="M324.352 76.1636V131.719H312.001V76.1636H283.26V65.9043H353.093V76.1636H324.352Z"
-		fill="white"
 	/>
+	<path d="M324.352 76.1636V131.719H312.001V76.1636H283.26V65.9043H353.093V76.1636H324.352Z" />
 	<path
 		d="M562.759 131.682V79.6265L559.5 85.3487L531.944 131.645H525.926L498.666 85.3487L495.407 79.6265V131.682H483.352V65.9043H500.444L526.37 111.034L529.426 116.589L532.481 111.034L558.166 65.9043H575.185V131.682H562.759Z"
-		fill="white"
 	/>
 	<path
 		d="M668.444 131.682L659.759 115.386H621.129L612.74 131.682H599.777L635.333 65.9043H645.555L681.703 131.682H668.444ZM640.092 78.7376L625.777 106.386H654.907L640.092 78.7376Z"
-		fill="white"
-	/>
-	<path
-		d="M731.464 76.1636V131.719H719.112V76.1636H690.371V65.9043H760.204V76.1636H731.464Z"
-		fill="white"
-	/>
-	<path
-		d="M822.019 76.1636V131.719H809.686V76.1636H780.945V65.9043H850.779V76.1636H822.019Z"
-		fill="white"
 	/>
+	<path d="M731.464 76.1636V131.719H719.112V76.1636H690.371V65.9043H760.204V76.1636H731.464Z" />
+	<path d="M822.019 76.1636V131.719H809.686V76.1636H780.945V65.9043H850.779V76.1636H822.019Z" />
 	<path
 		d="M881.186 131.682V72.1265C886.13 72.1265 888.093 69.4599 888.093 65.9043H893.334V131.682H881.186Z"
-		fill="white"
 	/>
 	<path
 		d="M990 84.462C982.881 77.7046 973.446 73.9278 963.63 73.9065C946.037 73.9065 936.167 85.9435 936.167 98.4991V99.7768C936.167 112.221 946.13 123.851 964.5 123.851C974.115 123.676 983.317 119.911 990.297 113.295L997.704 121.092C988.477 129.66 976.313 134.359 963.723 134.221C938.834 134.221 923.723 118.036 923.723 100.258V98.0731C923.723 80.2953 940.204 63.5176 964.315 63.5176C978.241 63.5176 990.889 69.3324 997.649 76.6472L990 84.462Z"
-		fill="white"
 	/>
 	<path
 		d="M415.726 87.83L404.415 105.348C402.984 107.564 403.62 110.522 405.837 111.953L405.853 111.963C408.069 113.394 411.027 112.758 412.458 110.541L423.769 93.0234C425.2 90.8066 424.564 87.8493 422.347 86.418L422.331 86.4079C420.115 84.9766 417.157 85.6133 415.726 87.83Z"
-		fill="white"
 	/>
 </svg>