diff --git a/apps/svelte.dev/src/lib/icons/bluesky-dark.svg b/apps/svelte.dev/src/lib/icons/bluesky-dark.svg new file mode 100644 index 0000000000..690f699a80 --- /dev/null +++ b/apps/svelte.dev/src/lib/icons/bluesky-dark.svg @@ -0,0 +1,3 @@ + + + diff --git a/apps/svelte.dev/src/lib/icons/bluesky-light.svg b/apps/svelte.dev/src/lib/icons/bluesky-light.svg new file mode 100644 index 0000000000..23249f9ed0 --- /dev/null +++ b/apps/svelte.dev/src/lib/icons/bluesky-light.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/site-kit/src/lib/nav/MobileMenu.svelte b/packages/site-kit/src/lib/nav/MobileMenu.svelte index d07bcc1fd2..abfda674c2 100644 --- a/packages/site-kit/src/lib/nav/MobileMenu.svelte +++ b/packages/site-kit/src/lib/nav/MobileMenu.svelte @@ -146,6 +146,7 @@ diff --git a/packages/site-kit/src/lib/nav/Nav.svelte b/packages/site-kit/src/lib/nav/Nav.svelte index 5852493cc1..c1d1d321d6 100644 --- a/packages/site-kit/src/lib/nav/Nav.svelte +++ b/packages/site-kit/src/lib/nav/Nav.svelte @@ -124,6 +124,11 @@ Top navigation bar for the application. It provides a slot for the left side, th
+
@@ -385,6 +390,15 @@ Top navigation bar for the application. It provides a slot for the left side, th } } + [data-icon='bluesky'] { + width: 3rem; + background-image: url($lib/icons/bluesky-light.svg); + + :global(.dark) & { + background-image: url($lib/icons/bluesky-dark.svg); + } + } + [data-icon='github'] { width: 3rem; background-image: url($lib/icons/github-light.svg);