Merge pull request #107 from InteractionDesignFoundation/update-ixdf-logo

Update IxDF logo

Author: antennaio

.vitepress/config.mts

@@ -23,7 +23,7 @@ const config = defineConfig({
         search: {
             provider: 'local',
         },
-        logo: '/assets/images/ixdf-logo.svg',
+        logo: 'https://public-assets.interaction-design.org/ixdf-brand/ixdf-logo.svg',
         nav: [
             {text: 'IxDF Handbook', link: '/'},
             {text: "🔐 Development Docs", link: "https://docs.information-architecture.org"},

.vitepress/theme/style.css

@@ -234,7 +234,7 @@ html .VPHomeHero{
       height: 200px;
       width: 200px;
       content: '';
-      background-image: url('https://assets.interaction-design.org/img/ixdf-brand/ixdf-logo.svg');
+      background-image: url('https://public-assets.interaction-design.org/ixdf-brand/ixdf-logo.svg');
       background-position: center center;
       background-repeat: no-repeat;
       background-size: contain;
@@ -257,7 +257,7 @@ html:before {
   left: 0;
   top: 0;
   margin: auto;
-  background-image: url('https://assets.interaction-design.org/img/ixdf-brand/ixdf-logo.svg');
+  background-image: url('https://public-assets.interaction-design.org/ixdf-brand/ixdf-logo.svg');
   background-position: center center;
   background-repeat: no-repeat;
   background-size: contain;
@@ -442,7 +442,7 @@ html .vp-doc blockquote > p {
 .VPButton.medium.ghost:hover, .VPButton.medium.ghost:focus, .VPButton.medium.ghost:active {
   color: var(--neutral-07);
   text-decoration: none;
-} 
+}
 /* Header */
 .VPNavBarMenu .VPNavBarMenuLink{
   border-bottom: 2px solid transparent;
@@ -500,7 +500,7 @@ html .vp-doc {
     font-size: 1rem;
     font-family: var(--font-serif);
   }
-  p, 
+  p,
   li {
     line-height: 1.78;
   }
@@ -522,13 +522,13 @@ html .vp-doc [class*='language-'] > span.lang {
   html:root{
     font-size: var(--font-size-mobile-default);
   }
-  html .VPHomeHero{ 
+  html .VPHomeHero{
     flex-direction: column;
 
     &:before{
       margin-right: 0;
     }
-    
+
     .container {
       margin-top: 32px;
     }

README.md

@@ -1,4 +1,10 @@
-<p align="center"><img src="https://public-media.interaction-design.org/images/idf-logo-full-expanded.svg" alt="In amazing things we trust" width="400"></p>
+<p align="center">
+    <picture>
+        <source media="(prefers-color-scheme: dark)" srcset="https://public-assets.interaction-design.org/ixdf-brand/ixdf-logo-full-expanded--white.svg">
+        <source media="(prefers-color-scheme: light)" srcset="https://public-assets.interaction-design.org/ixdf-brand/ixdf-logo-full-expanded.svg">
+        <img alt="In amazing things we trust" width="400" src="https://public-assets.interaction-design.org/ixdf-brand/ixdf-logo-full-expanded.svg">
+    </picture>
+</p>
 
 # IxDF Dev Handbook