From 44c1fff5c1309c38004ea1daf22b8d8c38fd2da9 Mon Sep 17 00:00:00 2001
From: msarcher <msarcher@mirantis.com>
Date: Tue, 23 Jan 2024 15:59:04 +0100
Subject: [PATCH] Fix logo to work on  both dark and light theme

---
 README.md                           | 12 ++++++---
 assets/lens-mirantis-logo-black.svg | 42 +++++++++++++++++++++++++++++
 2 files changed, 50 insertions(+), 4 deletions(-)
 create mode 100644 assets/lens-mirantis-logo-black.svg

diff --git a/README.md b/README.md
index f25af3c7df..073266b31c 100644
--- a/README.md
+++ b/README.md
@@ -1,11 +1,15 @@
 <!-- TEXT_SECTION:header:START -->
 <div>
-    <div style="background-image:radial-gradient(ellipse 100% 60%, rgba(61,144,206,0.8) 0%, transparent 40%)">
-    <div>
+    <!-- glow seems to be not supported by GH
+    <div style="background-image:radial-gradient(ellipse 100% 60%, rgba(61,144,206,0.8) 0%, transparent 40%)"></div>
+    -->
     <p align="center">
     <a href="https://k8slens.dev" target="_blank" rel="noopener noreferrer">
-      <!--<img width="64" src="https://raw.githubusercontent.com/lensapp/lens/lens-desktop/assets/lens-logo.svg" alt="Lens logo"> -->
-      <img width="512" src="https://cdn.sanity.io/images/67awagrd/production/eed2d76ede05ab9f7cf6dd79276d65558ac434ae-143x22.svg" alt="Lens logo">
+      <picture>
+        <source media="(prefers-color-scheme: dark)" srcset="assets/lens-mirantis-logo.svg">
+        <source media="(prefers-color-scheme: light)" srcset="assets/lens-mirantis-logo-black.svg">
+        <img alt="Lens Logo" src="assets/lens-mirantis-logos.svg">
+      </picture>
     </a> 
   </p>
   <p align="center">
diff --git a/assets/lens-mirantis-logo-black.svg b/assets/lens-mirantis-logo-black.svg
new file mode 100644
index 0000000000..8410258321
--- /dev/null
+++ b/assets/lens-mirantis-logo-black.svg
@@ -0,0 +1,42 @@
+<svg xml:space="preserve" viewBox="0 0 142.9 22" y="0px" x="0px" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" id="Layer_1" version="1.1">
+<g>
+	<g>
+		<path d="M28.6,16V6h1.6v8.6h4.2V16H28.6z" fill="#000"></path>
+		<path d="M41.9,16h-5.7V6h5.7v1.4h-4v2.7h3.8v1.4h-3.8v3.1h4V16z" fill="#000"></path>
+		<path d="M52.3,16h-2l-4.9-8h-0.1l0,0.4c0.1,0.8,0.1,1.6,0.1,2.3V16H44V6h2l4.9,7.9h0c0-0.1,0-0.5-0.1-1.1
+			c0-0.7,0-1.2,0-1.5V6h1.5V16z" fill="#000"></path>
+		<path d="M60.7,13.2c0,0.9-0.3,1.6-1,2.1s-1.5,0.8-2.7,0.8s-2.1-0.2-2.8-0.5V14c0.5,0.2,0.9,0.4,1.5,0.5
+			s1,0.2,1.4,0.2c0.6,0,1.1-0.1,1.4-0.4s0.5-0.6,0.5-1c0-0.4-0.1-0.7-0.4-1s-0.9-0.6-1.8-0.9c-0.9-0.4-1.6-0.8-1.9-1.3
+			c-0.4-0.5-0.6-1-0.6-1.7c0-0.8,0.3-1.5,0.9-2s1.4-0.7,2.4-0.7c1,0,1.9,0.2,2.9,0.6l-0.5,1.3c-0.9-0.4-1.7-0.6-2.4-0.6
+			c-0.5,0-0.9,0.1-1.2,0.3c-0.3,0.2-0.4,0.5-0.4,0.9c0,0.3,0.1,0.5,0.2,0.7s0.3,0.4,0.5,0.5s0.7,0.4,1.4,0.6
+			c0.7,0.3,1.3,0.6,1.6,0.9c0.3,0.3,0.6,0.6,0.8,0.9C60.7,12.4,60.7,12.8,60.7,13.2z" fill="#000"></path>
+		<path d="M71.4,7.9l0.7,0.7L69.7,11l2.4,2.4l-0.7,0.7L69,11.7l-2.4,2.4l-0.7-0.7l2.4-2.4l-2.4-2.4l0.7-0.7l2.4,2.4
+			L71.4,7.9z" fill="#909BA6"></path>
+		<path d="M82.3,16l-2.9-8.3h-0.1c0.1,1.2,0.1,2.4,0.1,3.5V16H78V6h2.3l2.8,8h0l2.9-8h2.3v10h-1.6V11
+			c0-0.5,0-1.1,0-1.9c0-0.8,0-1.3,0.1-1.4h-0.1l-3,8.3H82.3z" fill="#909BA6"></path>
+		<path d="M90.9,16V6h1.6v10H90.9z" fill="#909BA6"></path>
+		<path d="M96.8,12v4h-1.6V6H98c1.3,0,2.2,0.2,2.9,0.7c0.6,0.5,0.9,1.2,0.9,2.2c0,1.2-0.6,2.1-1.9,2.7l2.8,4.4h-1.9
+			l-2.4-4H96.8z M96.8,10.6h1.1c0.8,0,1.3-0.1,1.7-0.4c0.3-0.3,0.5-0.7,0.5-1.3c0-0.6-0.2-1-0.6-1.2s-0.9-0.4-1.7-0.4h-1.1V10.6z" fill="#909BA6"></path>
+		<path d="M110.3,16l-1-2.8h-3.8l-1,2.8h-1.7l3.7-10h1.8l3.7,10H110.3z M108.9,11.8l-0.9-2.7
+			c-0.1-0.2-0.2-0.5-0.3-0.9c-0.1-0.4-0.2-0.7-0.2-0.9c-0.1,0.6-0.3,1.2-0.5,1.8l-0.9,2.6H108.9z" fill="#909BA6"></path>
+		<path d="M121.7,16h-2l-4.9-8h-0.1l0,0.4c0.1,0.8,0.1,1.6,0.1,2.3V16h-1.5V6h2l4.9,7.9h0c0-0.1,0-0.5-0.1-1.1
+			c0-0.7,0-1.2,0-1.5V6h1.5V16z" fill="#909BA6"></path>
+		<path d="M127.8,16h-1.6V7.4h-2.9V6h7.5v1.4h-2.9V16z" fill="#909BA6"></path>
+		<path d="M132.2,16V6h1.6v10H132.2z" fill="#909BA6"></path>
+		<path d="M142.3,13.2c0,0.9-0.3,1.6-1,2.1s-1.5,0.8-2.7,0.8c-1.1,0-2.1-0.2-2.8-0.5V14c0.5,0.2,0.9,0.4,1.5,0.5
+			s1,0.2,1.4,0.2c0.6,0,1.1-0.1,1.4-0.4s0.5-0.6,0.5-1c0-0.4-0.1-0.7-0.4-1c-0.3-0.3-0.9-0.6-1.8-0.9c-0.9-0.4-1.6-0.8-1.9-1.3
+			c-0.4-0.5-0.6-1-0.6-1.7c0-0.8,0.3-1.5,0.9-2c0.6-0.5,1.4-0.7,2.4-0.7c1,0,1.9,0.2,2.9,0.6l-0.5,1.3c-0.9-0.4-1.7-0.6-2.4-0.6
+			c-0.5,0-0.9,0.1-1.2,0.3c-0.3,0.2-0.4,0.5-0.4,0.9c0,0.3,0.1,0.5,0.2,0.7s0.3,0.4,0.5,0.5c0.3,0.2,0.7,0.4,1.4,0.6
+			c0.7,0.3,1.3,0.6,1.6,0.9c0.3,0.3,0.6,0.6,0.8,0.9C142.2,12.4,142.3,12.8,142.3,13.2z" fill="#909BA6"></path>
+	</g>
+	<g>
+		<path d="M10.1,22h8.5l-2-8.3L10.1,22z" fill="#000"></path>
+		<path d="M0,17.2V22h8.9l3.7-4.8H0z" fill="#000"></path>
+		<path d="M12.1,5.2l9.9,4.8V0.5L12.1,5.2z" fill="#000"></path>
+		<path d="M19.6,22H22V11.1l-5.6-2.7L19.6,22z" fill="#000"></path>
+		<path d="M20.8,0H8.4L7,6.6L20.8,0z" fill="#000"></path>
+		<path d="M0,7.1v9.2h7.3L0,7.1z" fill="#000"></path>
+		<path d="M7.4,0H0v5.5l4.9,6.1L7.4,0z" fill="#000"></path>
+	</g>
+</g>
+</svg>