From 9f10b080b47d09ccfcbd87050357e43b84d3816d Mon Sep 17 00:00:00 2001
From: dmullis <dmullis>
Date: Mon, 17 Jun 2024 11:57:58 -0700
Subject: [PATCH] If browser is in dark-mode, ask for a dark background

As shown in Firefox by examples/*.svg.
---
 examples/arrows.svg           | 1 +
 examples/big-grids.svg        | 1 +
 examples/big-shapes.svg       | 1 +
 examples/circle.svg           | 1 +
 examples/circuits.svg         | 1 +
 examples/complicated.svg      | 1 +
 examples/dot-grids.svg        | 1 +
 examples/edge-cases.svg       | 1 +
 examples/flow-chart.svg       | 1 +
 examples/graphics.svg         | 1 +
 examples/icons.svg            | 1 +
 examples/large-nodes.svg      | 1 +
 examples/line-decorations.svg | 1 +
 examples/line-ends.svg        | 1 +
 examples/overlaps.svg         | 1 +
 examples/regression.svg       | 1 +
 examples/small-grids.svg      | 1 +
 examples/small-nodes.svg      | 1 +
 examples/small-shapes.svg     | 1 +
 examples/tiny-grids.svg       | 1 +
 examples/trees.svg            | 1 +
 examples/unicode.svg          | 1 +
 goat.svg                      | 1 +
 svg.go                        | 1 +
 trees.mid-blue.svg            | 1 +
 25 files changed, 25 insertions(+)

diff --git a/examples/arrows.svg b/examples/arrows.svg
index f0fcafa..69f9ce9 100644
--- a/examples/arrows.svg
+++ b/examples/arrows.svg
@@ -5,6 +5,7 @@ svg {
 }
 @media (prefers-color-scheme: dark) {
    svg {
+      color-scheme: dark; /* ask the browser for a dark background */
       color: #FFFFFF;
    }
 }
diff --git a/examples/big-grids.svg b/examples/big-grids.svg
index fb32bfd..4a07d1e 100644
--- a/examples/big-grids.svg
+++ b/examples/big-grids.svg
@@ -5,6 +5,7 @@ svg {
 }
 @media (prefers-color-scheme: dark) {
    svg {
+      color-scheme: dark; /* ask the browser for a dark background */
       color: #FFFFFF;
    }
 }
diff --git a/examples/big-shapes.svg b/examples/big-shapes.svg
index 4a54725..a7ed0d5 100644
--- a/examples/big-shapes.svg
+++ b/examples/big-shapes.svg
@@ -5,6 +5,7 @@ svg {
 }
 @media (prefers-color-scheme: dark) {
    svg {
+      color-scheme: dark; /* ask the browser for a dark background */
       color: #FFFFFF;
    }
 }
diff --git a/examples/circle.svg b/examples/circle.svg
index 54d61df..09ea07b 100644
--- a/examples/circle.svg
+++ b/examples/circle.svg
@@ -5,6 +5,7 @@ svg {
 }
 @media (prefers-color-scheme: dark) {
    svg {
+      color-scheme: dark; /* ask the browser for a dark background */
       color: #FFFFFF;
    }
 }
diff --git a/examples/circuits.svg b/examples/circuits.svg
index e1ccde2..9c9b0a8 100644
--- a/examples/circuits.svg
+++ b/examples/circuits.svg
@@ -5,6 +5,7 @@ svg {
 }
 @media (prefers-color-scheme: dark) {
    svg {
+      color-scheme: dark; /* ask the browser for a dark background */
       color: #FFFFFF;
    }
 }
diff --git a/examples/complicated.svg b/examples/complicated.svg
index 5ebca64..20b5498 100644
--- a/examples/complicated.svg
+++ b/examples/complicated.svg
@@ -5,6 +5,7 @@ svg {
 }
 @media (prefers-color-scheme: dark) {
    svg {
+      color-scheme: dark; /* ask the browser for a dark background */
       color: #FFFFFF;
    }
 }
diff --git a/examples/dot-grids.svg b/examples/dot-grids.svg
index 9648aaf..6c46cc7 100644
--- a/examples/dot-grids.svg
+++ b/examples/dot-grids.svg
@@ -5,6 +5,7 @@ svg {
 }
 @media (prefers-color-scheme: dark) {
    svg {
+      color-scheme: dark; /* ask the browser for a dark background */
       color: #FFFFFF;
    }
 }
diff --git a/examples/edge-cases.svg b/examples/edge-cases.svg
index df810d6..aa8370c 100644
--- a/examples/edge-cases.svg
+++ b/examples/edge-cases.svg
@@ -5,6 +5,7 @@ svg {
 }
 @media (prefers-color-scheme: dark) {
    svg {
+      color-scheme: dark; /* ask the browser for a dark background */
       color: #FFFFFF;
    }
 }
diff --git a/examples/flow-chart.svg b/examples/flow-chart.svg
index 4a84530..6f575e7 100644
--- a/examples/flow-chart.svg
+++ b/examples/flow-chart.svg
@@ -5,6 +5,7 @@ svg {
 }
 @media (prefers-color-scheme: dark) {
    svg {
+      color-scheme: dark; /* ask the browser for a dark background */
       color: #FFFFFF;
    }
 }
diff --git a/examples/graphics.svg b/examples/graphics.svg
index e2ee3ba..eb36223 100644
--- a/examples/graphics.svg
+++ b/examples/graphics.svg
@@ -5,6 +5,7 @@ svg {
 }
 @media (prefers-color-scheme: dark) {
    svg {
+      color-scheme: dark; /* ask the browser for a dark background */
       color: #FFFFFF;
    }
 }
diff --git a/examples/icons.svg b/examples/icons.svg
index dd32e66..97f002f 100644
--- a/examples/icons.svg
+++ b/examples/icons.svg
@@ -5,6 +5,7 @@ svg {
 }
 @media (prefers-color-scheme: dark) {
    svg {
+      color-scheme: dark; /* ask the browser for a dark background */
       color: #FFFFFF;
    }
 }
diff --git a/examples/large-nodes.svg b/examples/large-nodes.svg
index 7b7c174..592c524 100644
--- a/examples/large-nodes.svg
+++ b/examples/large-nodes.svg
@@ -5,6 +5,7 @@ svg {
 }
 @media (prefers-color-scheme: dark) {
    svg {
+      color-scheme: dark; /* ask the browser for a dark background */
       color: #FFFFFF;
    }
 }
diff --git a/examples/line-decorations.svg b/examples/line-decorations.svg
index 8275285..3172ecb 100644
--- a/examples/line-decorations.svg
+++ b/examples/line-decorations.svg
@@ -5,6 +5,7 @@ svg {
 }
 @media (prefers-color-scheme: dark) {
    svg {
+      color-scheme: dark; /* ask the browser for a dark background */
       color: #FFFFFF;
    }
 }
diff --git a/examples/line-ends.svg b/examples/line-ends.svg
index 5552eb6..85dd638 100644
--- a/examples/line-ends.svg
+++ b/examples/line-ends.svg
@@ -5,6 +5,7 @@ svg {
 }
 @media (prefers-color-scheme: dark) {
    svg {
+      color-scheme: dark; /* ask the browser for a dark background */
       color: #FFFFFF;
    }
 }
diff --git a/examples/overlaps.svg b/examples/overlaps.svg
index c28f1aa..2db48fc 100644
--- a/examples/overlaps.svg
+++ b/examples/overlaps.svg
@@ -5,6 +5,7 @@ svg {
 }
 @media (prefers-color-scheme: dark) {
    svg {
+      color-scheme: dark; /* ask the browser for a dark background */
       color: #FFFFFF;
    }
 }
diff --git a/examples/regression.svg b/examples/regression.svg
index 5d26ed7..f729e42 100644
--- a/examples/regression.svg
+++ b/examples/regression.svg
@@ -5,6 +5,7 @@ svg {
 }
 @media (prefers-color-scheme: dark) {
    svg {
+      color-scheme: dark; /* ask the browser for a dark background */
       color: #FFFFFF;
    }
 }
diff --git a/examples/small-grids.svg b/examples/small-grids.svg
index c2850bf..ceb2e73 100644
--- a/examples/small-grids.svg
+++ b/examples/small-grids.svg
@@ -5,6 +5,7 @@ svg {
 }
 @media (prefers-color-scheme: dark) {
    svg {
+      color-scheme: dark; /* ask the browser for a dark background */
       color: #FFFFFF;
    }
 }
diff --git a/examples/small-nodes.svg b/examples/small-nodes.svg
index 3ffda2d..6d2cadc 100644
--- a/examples/small-nodes.svg
+++ b/examples/small-nodes.svg
@@ -5,6 +5,7 @@ svg {
 }
 @media (prefers-color-scheme: dark) {
    svg {
+      color-scheme: dark; /* ask the browser for a dark background */
       color: #FFFFFF;
    }
 }
diff --git a/examples/small-shapes.svg b/examples/small-shapes.svg
index ef37944..9a6fe29 100644
--- a/examples/small-shapes.svg
+++ b/examples/small-shapes.svg
@@ -5,6 +5,7 @@ svg {
 }
 @media (prefers-color-scheme: dark) {
    svg {
+      color-scheme: dark; /* ask the browser for a dark background */
       color: #FFFFFF;
    }
 }
diff --git a/examples/tiny-grids.svg b/examples/tiny-grids.svg
index db3ef85..78cc486 100644
--- a/examples/tiny-grids.svg
+++ b/examples/tiny-grids.svg
@@ -5,6 +5,7 @@ svg {
 }
 @media (prefers-color-scheme: dark) {
    svg {
+      color-scheme: dark; /* ask the browser for a dark background */
       color: #FFFFFF;
    }
 }
diff --git a/examples/trees.svg b/examples/trees.svg
index f1d8101..c5c3a78 100644
--- a/examples/trees.svg
+++ b/examples/trees.svg
@@ -5,6 +5,7 @@ svg {
 }
 @media (prefers-color-scheme: dark) {
    svg {
+      color-scheme: dark; /* ask the browser for a dark background */
       color: #FFFFFF;
    }
 }
diff --git a/examples/unicode.svg b/examples/unicode.svg
index 360b84f..a9619c4 100644
--- a/examples/unicode.svg
+++ b/examples/unicode.svg
@@ -5,6 +5,7 @@ svg {
 }
 @media (prefers-color-scheme: dark) {
    svg {
+      color-scheme: dark; /* ask the browser for a dark background */
       color: #FFFFFF;
    }
 }
diff --git a/goat.svg b/goat.svg
index ee43859..7fdc72a 100644
--- a/goat.svg
+++ b/goat.svg
@@ -5,6 +5,7 @@ svg {
 }
 @media (prefers-color-scheme: dark) {
    svg {
+      color-scheme: dark; /* ask the browser for a dark background */
       color: #EEF;
    }
 }
diff --git a/svg.go b/svg.go
index 7a416b3..559d377 100644
--- a/svg.go
+++ b/svg.go
@@ -21,6 +21,7 @@ svg {
 }
 @media (prefers-color-scheme: dark) {
    svg {
+      color-scheme: dark; /* ask the browser for a dark background */
       color: %s;
    }
 }
diff --git a/trees.mid-blue.svg b/trees.mid-blue.svg
index a98875e..118fef6 100644
--- a/trees.mid-blue.svg
+++ b/trees.mid-blue.svg
@@ -5,6 +5,7 @@ svg {
 }
 @media (prefers-color-scheme: dark) {
    svg {
+      color-scheme: dark; /* ask the browser for a dark background */
       color: #2F81F7;
    }
 }