From a1d3d30d17a07050ed04cec57b5a153e711a0453 Mon Sep 17 00:00:00 2001
From: Lucas Larroche <lucas@larroche.com>
Date: Sat, 17 Feb 2024 01:05:52 +0700
Subject: [PATCH] fix: Pico logo

---
 v1-basic-template/README.md                | 12 +++++++++---
 v1-bootstrap-grid/README.md                | 12 +++++++++---
 v1-classless/README.md                     | 12 +++++++++---
 v1-company/README.md                       | 12 +++++++++---
 v1-google-amp/README.md                    | 12 +++++++++---
 v1-preview-rtl/README.md                   | 12 +++++++++---
 v1-preview/README.md                       | 12 +++++++++---
 v1-sign-in/README.md                       | 12 +++++++++---
 v2-conditional-styling/README.md           | 12 +++++++++---
 v2-html-classless/README.md                | 12 +++++++++---
 v2-react-classless-login/README.md         | 12 +++++++++---
 v2-react-color-schemes-and-modal/README.md | 12 +++++++++---
 v2-sass-customized-design-system/README.md | 12 +++++++++---
 13 files changed, 117 insertions(+), 39 deletions(-)

diff --git a/v1-basic-template/README.md b/v1-basic-template/README.md
index 03eba81..6feff5e 100644
--- a/v1-basic-template/README.md
+++ b/v1-basic-template/README.md
@@ -1,6 +1,12 @@
-<a href="https://picocss.com/">
-  <img src="https://picocss.com/img/logo.svg" width="64" height="64">
-</a>
+<p>
+  <a href="https://picocss.com" target="_blank">
+    <picture>
+      <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/picocss/pico/HEAD/.github/logo-dark.svg">
+      <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/picocss/pico/HEAD/.github/logo-light.svg">
+      <img alt="Pico CSS" src="https://raw.githubusercontent.com/picocss/pico/HEAD/.github/logo-light.svg" width="auto" height="60">
+    </picture>
+  </a>
+</p>
 
 # Basic template
 | Pico version | Tech stack |
diff --git a/v1-bootstrap-grid/README.md b/v1-bootstrap-grid/README.md
index e216515..a2ad814 100644
--- a/v1-bootstrap-grid/README.md
+++ b/v1-bootstrap-grid/README.md
@@ -1,6 +1,12 @@
-<a href="https://picocss.com/">
-  <img src="https://picocss.com/img/logo.svg" width="64" height="64">
-</a>
+<p>
+  <a href="https://picocss.com" target="_blank">
+    <picture>
+      <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/picocss/pico/HEAD/.github/logo-dark.svg">
+      <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/picocss/pico/HEAD/.github/logo-light.svg">
+      <img alt="Pico CSS" src="https://raw.githubusercontent.com/picocss/pico/HEAD/.github/logo-light.svg" width="auto" height="60">
+    </picture>
+  </a>
+</p>
 
 # Pico + Bootstrap grid system
 | Pico version | Tech stack |
diff --git a/v1-classless/README.md b/v1-classless/README.md
index 3243edb..023f81f 100644
--- a/v1-classless/README.md
+++ b/v1-classless/README.md
@@ -1,6 +1,12 @@
-<a href="https://picocss.com/">
-  <img src="https://picocss.com/img/logo.svg" width="64" height="64">
-</a>
+<p>
+  <a href="https://picocss.com" target="_blank">
+    <picture>
+      <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/picocss/pico/HEAD/.github/logo-dark.svg">
+      <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/picocss/pico/HEAD/.github/logo-light.svg">
+      <img alt="Pico CSS" src="https://raw.githubusercontent.com/picocss/pico/HEAD/.github/logo-light.svg" width="auto" height="60">
+    </picture>
+  </a>
+</p>
 
 # Classless
 | Pico version | Tech stack |
diff --git a/v1-company/README.md b/v1-company/README.md
index 9c4cc52..f756e79 100644
--- a/v1-company/README.md
+++ b/v1-company/README.md
@@ -1,6 +1,12 @@
-<a href="https://picocss.com/">
-  <img src="https://picocss.com/img/logo.svg" width="64" height="64">
-</a>
+<p>
+  <a href="https://picocss.com" target="_blank">
+    <picture>
+      <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/picocss/pico/HEAD/.github/logo-dark.svg">
+      <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/picocss/pico/HEAD/.github/logo-light.svg">
+      <img alt="Pico CSS" src="https://raw.githubusercontent.com/picocss/pico/HEAD/.github/logo-light.svg" width="auto" height="60">
+    </picture>
+  </a>
+</p>
 
 # Company
 | Pico version | Tech stack |
diff --git a/v1-google-amp/README.md b/v1-google-amp/README.md
index 97b0dec..7e1f18b 100644
--- a/v1-google-amp/README.md
+++ b/v1-google-amp/README.md
@@ -1,6 +1,12 @@
-<a href="https://picocss.com/">
-  <img src="https://picocss.com/img/logo.svg" width="64" height="64">
-</a>
+<p>
+  <a href="https://picocss.com" target="_blank">
+    <picture>
+      <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/picocss/pico/HEAD/.github/logo-dark.svg">
+      <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/picocss/pico/HEAD/.github/logo-light.svg">
+      <img alt="Pico CSS" src="https://raw.githubusercontent.com/picocss/pico/HEAD/.github/logo-light.svg" width="auto" height="60">
+    </picture>
+  </a>
+</p>
 
 # Google Amp
 | Pico version | Tech stack |
diff --git a/v1-preview-rtl/README.md b/v1-preview-rtl/README.md
index ddc2b1f..5f97e37 100644
--- a/v1-preview-rtl/README.md
+++ b/v1-preview-rtl/README.md
@@ -1,6 +1,12 @@
-<a href="https://picocss.com/">
-  <img src="https://picocss.com/img/logo.svg" width="64" height="64">
-</a>
+<p>
+  <a href="https://picocss.com" target="_blank">
+    <picture>
+      <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/picocss/pico/HEAD/.github/logo-dark.svg">
+      <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/picocss/pico/HEAD/.github/logo-light.svg">
+      <img alt="Pico CSS" src="https://raw.githubusercontent.com/picocss/pico/HEAD/.github/logo-light.svg" width="auto" height="60">
+    </picture>
+  </a>
+</p>
 
 # Right-to-left (RTL) preview
 | Pico version | Tech stack |
diff --git a/v1-preview/README.md b/v1-preview/README.md
index 9c213f0..7e6410a 100644
--- a/v1-preview/README.md
+++ b/v1-preview/README.md
@@ -1,6 +1,12 @@
-<a href="https://picocss.com/">
-  <img src="https://picocss.com/img/logo.svg" width="64" height="64">
-</a>
+<p>
+  <a href="https://picocss.com" target="_blank">
+    <picture>
+      <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/picocss/pico/HEAD/.github/logo-dark.svg">
+      <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/picocss/pico/HEAD/.github/logo-light.svg">
+      <img alt="Pico CSS" src="https://raw.githubusercontent.com/picocss/pico/HEAD/.github/logo-light.svg" width="auto" height="60">
+    </picture>
+  </a>
+</p>
 
 # Preview
 | Pico version | Tech stack |
diff --git a/v1-sign-in/README.md b/v1-sign-in/README.md
index 5662dfd..3cb81c0 100644
--- a/v1-sign-in/README.md
+++ b/v1-sign-in/README.md
@@ -1,6 +1,12 @@
-<a href="https://picocss.com/">
-  <img src="https://picocss.com/img/logo.svg" width="64" height="64">
-</a>
+<p>
+  <a href="https://picocss.com" target="_blank">
+    <picture>
+      <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/picocss/pico/HEAD/.github/logo-dark.svg">
+      <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/picocss/pico/HEAD/.github/logo-light.svg">
+      <img alt="Pico CSS" src="https://raw.githubusercontent.com/picocss/pico/HEAD/.github/logo-light.svg" width="auto" height="60">
+    </picture>
+  </a>
+</p>
 
 # Sign in
 | Pico version | Tech stack |
diff --git a/v2-conditional-styling/README.md b/v2-conditional-styling/README.md
index 16ec242..1968397 100644
--- a/v2-conditional-styling/README.md
+++ b/v2-conditional-styling/README.md
@@ -1,6 +1,12 @@
-<a href="https://picocss.com/">
-  <img src="https://picocss.com/img/logo.svg" width="64" height="64">
-</a>
+<p>
+  <a href="https://picocss.com" target="_blank">
+    <picture>
+      <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/picocss/pico/HEAD/.github/logo-dark.svg">
+      <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/picocss/pico/HEAD/.github/logo-light.svg">
+      <img alt="Pico CSS" src="https://raw.githubusercontent.com/picocss/pico/HEAD/.github/logo-light.svg" width="auto" height="60">
+    </picture>
+  </a>
+</p>
 
 # Conditional Styling
 | Pico version | Tech stack |
diff --git a/v2-html-classless/README.md b/v2-html-classless/README.md
index 71e4e92..3839da8 100644
--- a/v2-html-classless/README.md
+++ b/v2-html-classless/README.md
@@ -1,6 +1,12 @@
-<a href="https://picocss.com/">
-  <img src="https://picocss.com/img/logo.svg" width="64" height="64">
-</a>
+<p>
+  <a href="https://picocss.com" target="_blank">
+    <picture>
+      <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/picocss/pico/HEAD/.github/logo-dark.svg">
+      <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/picocss/pico/HEAD/.github/logo-light.svg">
+      <img alt="Pico CSS" src="https://raw.githubusercontent.com/picocss/pico/HEAD/.github/logo-light.svg" width="auto" height="60">
+    </picture>
+  </a>
+</p>
 
 # Class-less preview
 | Pico version | Tech stack |
diff --git a/v2-react-classless-login/README.md b/v2-react-classless-login/README.md
index 961def4..4780278 100644
--- a/v2-react-classless-login/README.md
+++ b/v2-react-classless-login/README.md
@@ -1,6 +1,12 @@
-<a href="https://picocss.com/">
-  <img src="https://picocss.com/img/logo.svg" width="64" height="64">
-</a>
+<p>
+  <a href="https://picocss.com" target="_blank">
+    <picture>
+      <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/picocss/pico/HEAD/.github/logo-dark.svg">
+      <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/picocss/pico/HEAD/.github/logo-light.svg">
+      <img alt="Pico CSS" src="https://raw.githubusercontent.com/picocss/pico/HEAD/.github/logo-light.svg" width="auto" height="60">
+    </picture>
+  </a>
+</p>
 
 # React class-less login
 | Pico version | Tech stack |
diff --git a/v2-react-color-schemes-and-modal/README.md b/v2-react-color-schemes-and-modal/README.md
index 776391d..3cd2c73 100644
--- a/v2-react-color-schemes-and-modal/README.md
+++ b/v2-react-color-schemes-and-modal/README.md
@@ -1,6 +1,12 @@
-<a href="https://picocss.com/">
-  <img src="https://picocss.com/img/logo.svg" width="64" height="64">
-</a>
+<p>
+  <a href="https://picocss.com" target="_blank">
+    <picture>
+      <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/picocss/pico/HEAD/.github/logo-dark.svg">
+      <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/picocss/pico/HEAD/.github/logo-light.svg">
+      <img alt="Pico CSS" src="https://raw.githubusercontent.com/picocss/pico/HEAD/.github/logo-light.svg" width="auto" height="60">
+    </picture>
+  </a>
+</p>
 
 # React color schemes and modal
 | Pico version | Tech stack |
diff --git a/v2-sass-customized-design-system/README.md b/v2-sass-customized-design-system/README.md
index 6d37ead..c054b68 100644
--- a/v2-sass-customized-design-system/README.md
+++ b/v2-sass-customized-design-system/README.md
@@ -1,6 +1,12 @@
-<a href="https://picocss.com/">
-  <img src="https://picocss.com/img/logo.svg" width="64" height="64">
-</a>
+<p>
+  <a href="https://picocss.com" target="_blank">
+    <picture>
+      <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/picocss/pico/HEAD/.github/logo-dark.svg">
+      <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/picocss/pico/HEAD/.github/logo-light.svg">
+      <img alt="Pico CSS" src="https://raw.githubusercontent.com/picocss/pico/HEAD/.github/logo-light.svg" width="auto" height="60">
+    </picture>
+  </a>
+</p>
 
 # Customized design system
 | Pico version | Tech stack |