From 1c3b308537064bb857c17b85d9b3e948c03f8ac6 Mon Sep 17 00:00:00 2001
From: Dominik Moritz <domoritz@gmail.com>
Date: Sat, 5 Oct 2024 14:22:48 -0400
Subject: [PATCH] docs: light and dark mode logo

# Conflicts:
#	README.md
---
 README.md                  |  9 ++++++++-
 misc/duckdb_wasm.svg       | 15 +--------------
 misc/duckdb_wasm_light.svg |  1 +
 3 files changed, 10 insertions(+), 15 deletions(-)
 create mode 100644 misc/duckdb_wasm_light.svg

diff --git a/README.md b/README.md
index b4e286772..469b7a2f1 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,9 @@
 <div align="center">
-  <img src="https://raw.githubusercontent.com/duckdb/duckdb-wasm/main/misc/duckdb_wasm.svg" height="80">
+  <picture>
+         <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/duckdb/duckdb-wasm/main/misc/duckdb_wasm.svg">
+         <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/duckdb/duckdb-wasm/main/misc/duckdb_wasm_light.svg">
+         <img alt="The DuckDB WASM logo." src="https://raw.githubusercontent.com/duckdb/duckdb-wasm/main/misc/duckdb_wasm.svg" height="80">
+      </picture>
   <h1>DuckDB-Wasm</h1>
 </div>
 
@@ -31,9 +35,11 @@ Duckdb-Wasm speaks Arrow fluently, reads Parquet, CSV and JSON files backed by F
 Try it out at [shell.duckdb.org](https://shell.duckdb.org) or [Observable](https://observablehq.com/@observablehq/duckdb), read the [API documentation](https://shell.duckdb.org/docs/modules/index.html), check out the [web-app examples](https://github.com/duckdb-wasm-examples), and chat with us on [Discord](https://discord.duckdb.org).
 
 ## DuckDB and DuckDB-Wasm
+
 DuckDB-Wasm is currently based on DuckDB v1.1.1.
 
 ## DuckDB-Wasm with DuckDB Extension
+
 ```sql
 --- Excplicitly load extensions
 LOAD icu;
@@ -44,6 +50,7 @@ FROM read_json('https://some.url/file.json');
 ```
 
 ## Build from source
+
 ```shell
 git clone https://github.com/duckdb/duckdb-wasm.git
 cd duckdb-wasm
diff --git a/misc/duckdb_wasm.svg b/misc/duckdb_wasm.svg
index 65dca1a6f..99f4972ad 100644
--- a/misc/duckdb_wasm.svg
+++ b/misc/duckdb_wasm.svg
@@ -1,14 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="100%" height="100%" viewBox="0 0 450 150" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
-    <g transform="matrix(0.91352,0,0,0.91352,-5.11571,-0.822168)">
-        <path d="M231.1,53.6L192.4,53.6L192.4,112.4L231.1,112.4C247.3,112.4 260.5,99.2 260.5,83C260.5,66.8 247.3,53.6 231.1,53.6" style="fill-rule:nonzero;"/>
-    </g>
-    <g transform="matrix(0.91352,0,0,0.91352,-1.46163,-0.822168)">
-        <path d="M1.6,83C1.6,128.4 38.4,165.1 83.7,165.1C129,165.1 165.8,128.3 165.8,83C165.8,37.7 129.1,0.9 83.7,0.9C38.3,0.9 1.6,37.6 1.6,83" style="fill-rule:nonzero;"/>
-    </g>
-    <path d="M260,48.143L264.999,48.143C279.798,48.143 291.856,60.201 291.856,75C291.856,89.799 279.798,101.857 264.999,101.857L260,101.857L260,150L450,150L450,-0L260,-0L260,48.143Z" style="fill:rgb(101,79,240);fill-rule:nonzero;"/>
-    <g transform="matrix(0.245098,0,0,0.245098,300,-5.60793e-14)">
-        <path d="M142.16,329.81L182.72,329.81L210.41,477.28L210.91,477.28L244.19,329.81L282.13,329.81L312.19,479.09L312.78,479.09L344.34,329.81L384.12,329.81L332.43,546.5L292.18,546.5L262.37,399.03L261.59,399.03L229.68,546.5L188.68,546.5L142.16,329.81ZM429.85,329.81L493.79,329.81L557.29,546.5L515.45,546.5L501.64,498.28L428.8,498.28L418.14,546.5L377.39,546.5L429.85,329.81ZM454.19,383.22L436.5,462.72L491.56,462.72L471.25,383.22L454.19,383.22Z" style="fill:white;fill-rule:nonzero;"/>
-    </g>
-</svg>
+<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 450 150" xmlns="http://www.w3.org/2000/svg"><g fill-rule="nonzero"><path d="m231.1 53.6h-38.7v58.8h38.7c16.2 0 29.4-13.2 29.4-29.4s-13.2-29.4-29.4-29.4" transform="matrix(.91352 0 0 .91352 -5.11571 -.822168)"/><path d="m1.6 83c0 45.4 36.8 82.1 82.1 82.1s82.1-36.8 82.1-82.1-36.7-82.1-82.1-82.1-82.1 36.7-82.1 82.1" transform="matrix(.91352 0 0 .91352 -1.46163 -.822168)"/><path d="m260 48.143h4.999c14.799 0 26.857 12.058 26.857 26.857s-12.058 26.857-26.857 26.857h-4.999v48.143h190v-150h-190z" fill="#654ff0"/><path d="m142.16 329.81h40.56l27.69 147.47h.5l33.28-147.47h37.94l30.06 149.28h.59l31.56-149.28h39.78l-51.69 216.69h-40.25l-29.81-147.47h-.78l-31.91 147.47h-41zm287.69 0h63.94l63.5 216.69h-41.84l-13.81-48.22h-72.84l-10.66 48.22h-40.75zm24.34 53.41-17.69 79.5h55.06l-20.31-79.5z" fill="#fff" transform="matrix(.245098 0 0 .245098 300 -0)"/></g></svg>
\ No newline at end of file
diff --git a/misc/duckdb_wasm_light.svg b/misc/duckdb_wasm_light.svg
new file mode 100644
index 000000000..208610ac3
--- /dev/null
+++ b/misc/duckdb_wasm_light.svg
@@ -0,0 +1 @@
+<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 450 150" xmlns="http://www.w3.org/2000/svg"><g fill-rule="nonzero"><path d="m231.1 53.6h-38.7v58.8h38.7c16.2 0 29.4-13.2 29.4-29.4s-13.2-29.4-29.4-29.4" fill="#fff" transform="matrix(.91352 0 0 .91352 -5.11571 -.822168)"/><path d="m1.6 83c0 45.4 36.8 82.1 82.1 82.1s82.1-36.8 82.1-82.1-36.7-82.1-82.1-82.1-82.1 36.7-82.1 82.1" fill="#fff" transform="matrix(.91352 0 0 .91352 -1.46163 -.822168)"/><path d="m260 48.143h4.999c14.799 0 26.857 12.058 26.857 26.857s-12.058 26.857-26.857 26.857h-4.999v48.143h190v-150h-190z" fill="#654ff0"/><path d="m142.16 329.81h40.56l27.69 147.47h.5l33.28-147.47h37.94l30.06 149.28h.59l31.56-149.28h39.78l-51.69 216.69h-40.25l-29.81-147.47h-.78l-31.91 147.47h-41zm287.69 0h63.94l63.5 216.69h-41.84l-13.81-48.22h-72.84l-10.66 48.22h-40.75zm24.34 53.41-17.69 79.5h55.06l-20.31-79.5z" fill="#fff" transform="matrix(.245098 0 0 .245098 300 -0)"/></g></svg>
\ No newline at end of file