From e29b5074045462d4965f08c78c84c925b3152f47 Mon Sep 17 00:00:00 2001
From: Daniel Griesser <daniel.griesser.86@gmail.com>
Date: Wed, 22 Nov 2023 09:46:41 +0100
Subject: [PATCH] Add icon

---
 packages/astro/src/overlay/index.ts      | 13 +++++------
 packages/website/astro.config.mjs        |  4 ++++
 packages/website/public/favicon.svg      | 29 +++++++++++++++++++++++-
 packages/website/public/images/glyph.svg | 23 +++++++++++++++++++
 4 files changed, 61 insertions(+), 8 deletions(-)
 create mode 100644 packages/website/public/images/glyph.svg

diff --git a/packages/astro/src/overlay/index.ts b/packages/astro/src/overlay/index.ts
index 5c76d5a5..d381827d 100644
--- a/packages/astro/src/overlay/index.ts
+++ b/packages/astro/src/overlay/index.ts
@@ -2,17 +2,16 @@ import type { DevOverlayPlugin } from 'astro';
 
 import * as Spotlight from '@spotlightjs/core';
 
-const sentryLogo = `<svg class="css-lfbo6j e10nushx4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 44" width="400" height="352"
-style="">
-<path
-    d="M29,2.26a4.67,4.67,0,0,0-8,0L14.42,13.53A32.21,32.21,0,0,1,32.17,40.19H27.55A27.68,27.68,0,0,0,12.09,17.47L6,28a15.92,15.92,0,0,1,9.23,12.17H4.62A.76.76,0,0,1,4,39.06l2.94-5a10.74,10.74,0,0,0-3.36-1.9l-2.91,5a4.54,4.54,0,0,0,1.69,6.24A4.66,4.66,0,0,0,4.62,44H19.15a19.4,19.4,0,0,0-8-17.31l2.31-4A23.87,23.87,0,0,1,23.76,44H36.07a35.88,35.88,0,0,0-16.41-31.8l4.67-8a.77.77,0,0,1,1.05-.27c.53.29,20.29,34.77,20.66,35.17a.76.76,0,0,1-.68,1.13H40.6q.09,1.91,0,3.81h4.78A4.59,4.59,0,0,0,50,39.43a4.49,4.49,0,0,0-.62-2.28Z"
-    fill="#ffffff" stroke-width="9">
-</path>
+const sentryLogo = `<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="256" height="256" fill="none"/>
+<path d="M121.678 68.6777C140.081 50.2742 169.919 50.2742 188.322 68.6777C206.726 87.0811 206.726 116.919 188.322 135.322C169.919 153.726 140.081 153.726 121.678 135.322C120.734 134.378 119.733 133.525 118.686 132.764C108.865 124.59 94.2507 125.11 85.0381 134.322L57.5381 161.822C47.775 171.585 47.775 187.415 57.5381 197.178C67.3012 206.941 83.1303 206.941 92.8934 197.178L104.862 185.209C142.205 207.751 191.449 202.907 223.678 170.678C261.607 132.748 261.607 71.252 223.678 33.3223C185.748 -4.60732 124.252 -4.60732 86.3223 33.3223C77.5523 42.0923 70.7787 52.1712 66.0472 62.9564C60.5003 75.6003 66.2535 90.3468 78.8974 95.8938C91.5413 101.441 106.288 95.6875 111.835 83.0436C114.109 77.8604 117.374 72.9809 121.678 68.6777Z" fill="currentColor"/>
+<path d="M59 224C59 238.359 47.3594 250 33 250C18.6406 250 7 238.359 7 224C7 209.641 18.6406 198 33 198C47.3594 198 59 209.641 59 224Z" fill="currentColor"/>
+<path d="M155 130C170.464 130 183 117.464 183 102C183 86.536 170.464 74 155 74C139.536 74 127 86.536 127 102C127 117.464 139.536 130 155 130Z" fill="currentColor"/>
 </svg>`;
 
 export default {
   id: 'spotlight-plugin',
-  name: 'Spotlight',
+  name: 'Spotlight by Sentry',
   icon: sentryLogo,
   init(_canvas, eventTarget) {
     eventTarget.dispatchEvent(
diff --git a/packages/website/astro.config.mjs b/packages/website/astro.config.mjs
index e7bc89be..af646526 100644
--- a/packages/website/astro.config.mjs
+++ b/packages/website/astro.config.mjs
@@ -32,7 +32,11 @@ export default defineConfig({
     spotlight(),
     starlight({
       title: 'Spotlight',
+      logo: {
+        src: './public/images/glyph.svg',
+      },
       social: {
+        discord: 'https://discord.gg/sentry',
         github: 'https://github.com/getsentry/spotlight',
       },
       components: {
diff --git a/packages/website/public/favicon.svg b/packages/website/public/favicon.svg
index cba5ac14..4c31febe 100644
--- a/packages/website/public/favicon.svg
+++ b/packages/website/public/favicon.svg
@@ -1 +1,28 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><path fill-rule="evenodd" d="M81 36 64 0 47 36l-1 2-9-10a6 6 0 0 0-9 9l10 10h-2L0 64l36 17h2L28 91a6 6 0 1 0 9 9l9-10 1 2 17 36 17-36v-2l9 10a6 6 0 1 0 9-9l-9-9 2-1 36-17-36-17-2-1 9-9a6 6 0 1 0-9-9l-9 10v-2Zm-17 2-2 5c-4 8-11 15-19 19l-5 2 5 2c8 4 15 11 19 19l2 5 2-5c4-8 11-15 19-19l5-2-5-2c-8-4-15-11-19-19l-2-5Z" clip-rule="evenodd"/><path d="M118 19a6 6 0 0 0-9-9l-3 3a6 6 0 1 0 9 9l3-3Zm-96 4c-2 2-6 2-9 0l-3-3a6 6 0 1 1 9-9l3 3c3 2 3 6 0 9Zm0 82c-2-2-6-2-9 0l-3 3a6 6 0 1 0 9 9l3-3c3-2 3-6 0-9Zm96 4a6 6 0 0 1-9 9l-3-3a6 6 0 1 1 9-9l3 3Z"/><style>path{fill:#000}@media (prefers-color-scheme:dark){path{fill:#fff}}</style></svg>
\ No newline at end of file
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <style>
+        .favicon-stroke {
+
+        }
+        #line { fill: black }
+        #outside-dot { fill: black }
+        #inside-dot { fill: black }
+        @media (prefers-color-scheme: dark) {
+        #line { fill: white }
+        #outside-dot { fill: white }
+        #inside-dot { fill: white }
+        }
+    </style>
+    <rect width="256" height="256" fill="none" />
+    <path
+        d="M121.678 68.6777C140.081 50.2742 169.919 50.2742 188.322 68.6777C206.726 87.0811 206.726 116.919 188.322 135.322C169.919 153.726 140.081 153.726 121.678 135.322C120.734 134.378 119.733 133.525 118.686 132.764C108.865 124.59 94.2507 125.11 85.0381 134.322L57.5381 161.822C47.775 171.585 47.775 187.415 57.5381 197.178C67.3012 206.941 83.1303 206.941 92.8934 197.178L104.862 185.209C142.205 207.751 191.449 202.907 223.678 170.678C261.607 132.748 261.607 71.252 223.678 33.3223C185.748 -4.60732 124.252 -4.60732 86.3223 33.3223C77.5523 42.0923 70.7787 52.1712 66.0472 62.9564C60.5003 75.6003 66.2535 90.3468 78.8974 95.8938C91.5413 101.441 106.288 95.6875 111.835 83.0436C114.109 77.8604 117.374 72.9809 121.678 68.6777Z"
+        class="favicon-stroke"
+        id="line" />
+    <path
+        d="M59 224C59 238.359 47.3594 250 33 250C18.6406 250 7 238.359 7 224C7 209.641 18.6406 198 33 198C47.3594 198 59 209.641 59 224Z"
+        class="favicon-stroke"
+        id="outside-dot" />
+    <path
+        d="M155 130C170.464 130 183 117.464 183 102C183 86.536 170.464 74 155 74C139.536 74 127 86.536 127 102C127 117.464 139.536 130 155 130Z"
+        class="favicon-stroke"
+        id="inside-dot" />
+</svg>
\ No newline at end of file
diff --git a/packages/website/public/images/glyph.svg b/packages/website/public/images/glyph.svg
new file mode 100644
index 00000000..a494c6af
--- /dev/null
+++ b/packages/website/public/images/glyph.svg
@@ -0,0 +1,23 @@
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <style>
+        .favicon-stroke {
+
+        }
+        #line { fill: white }
+        #outside-dot { fill: white }
+        #inside-dot { fill: white }
+    </style>
+    <rect width="256" height="256" fill="none" />
+    <path
+        d="M121.678 68.6777C140.081 50.2742 169.919 50.2742 188.322 68.6777C206.726 87.0811 206.726 116.919 188.322 135.322C169.919 153.726 140.081 153.726 121.678 135.322C120.734 134.378 119.733 133.525 118.686 132.764C108.865 124.59 94.2507 125.11 85.0381 134.322L57.5381 161.822C47.775 171.585 47.775 187.415 57.5381 197.178C67.3012 206.941 83.1303 206.941 92.8934 197.178L104.862 185.209C142.205 207.751 191.449 202.907 223.678 170.678C261.607 132.748 261.607 71.252 223.678 33.3223C185.748 -4.60732 124.252 -4.60732 86.3223 33.3223C77.5523 42.0923 70.7787 52.1712 66.0472 62.9564C60.5003 75.6003 66.2535 90.3468 78.8974 95.8938C91.5413 101.441 106.288 95.6875 111.835 83.0436C114.109 77.8604 117.374 72.9809 121.678 68.6777Z"
+        class="favicon-stroke"
+        id="line" />
+    <path
+        d="M59 224C59 238.359 47.3594 250 33 250C18.6406 250 7 238.359 7 224C7 209.641 18.6406 198 33 198C47.3594 198 59 209.641 59 224Z"
+        class="favicon-stroke"
+        id="outside-dot" />
+    <path
+        d="M155 130C170.464 130 183 117.464 183 102C183 86.536 170.464 74 155 74C139.536 74 127 86.536 127 102C127 117.464 139.536 130 155 130Z"
+        class="favicon-stroke"
+        id="inside-dot" />
+</svg>
\ No newline at end of file