From 081bf03a1c15137ad6f47fe342c7d469467021b5 Mon Sep 17 00:00:00 2001
From: vadim <vadim@appsmith.com>
Date: Wed, 23 Aug 2023 11:35:01 +0200
Subject: [PATCH] chore: add favicon to WDS Storybook (#26567)

tl;dr there was no favicon, added one. Slightly different fills for
light and dark mode.

---------

Co-authored-by: Valera Melnikov <valera@appsmith.com>
---
 .../storybook/.storybook/manager-head.html         |  5 ++++-
 app/client/packages/storybook/public/favicon.svg   | 14 ++++++++++++++
 2 files changed, 18 insertions(+), 1 deletion(-)
 create mode 100644 app/client/packages/storybook/public/favicon.svg

diff --git a/app/client/packages/storybook/.storybook/manager-head.html b/app/client/packages/storybook/.storybook/manager-head.html
index a879905e6e..4d98f20dcb 100644
--- a/app/client/packages/storybook/.storybook/manager-head.html
+++ b/app/client/packages/storybook/.storybook/manager-head.html
@@ -2,7 +2,10 @@
   img[alt="Appsmith Design System"] {
     width: 134px;
   }
-  #storybook-explorer-tree > div {
+
+  #storybook-explorer-tree>div {
     margin: unset !important;
   }
 </style>
+
+<link rel="icon" type="image/svg+xml" href="/favicon.svg" sizes="any">
diff --git a/app/client/packages/storybook/public/favicon.svg b/app/client/packages/storybook/public/favicon.svg
new file mode 100644
index 0000000000..5526847cc5
--- /dev/null
+++ b/app/client/packages/storybook/public/favicon.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16">
+  <style>
+    .bg {
+    fill: #542bd1;
+    }
+    @media (prefers-color-scheme: dark) {
+    .bg {
+    fill: #734bee;
+    }
+    }
+  </style>
+  <path class="bg" d="M0 0h16v16H0z" />
+  <path fill="#fff" d="M3 13v-2h10v2H3Z" />
+</svg>