From 2140074d06a14b2a6976b85ab7fc9c33f671a157 Mon Sep 17 00:00:00 2001
From: Shawn Tan <banchan@gmail.com>
Date: Fri, 30 Aug 2024 19:10:35 -0700
Subject: [PATCH] Replace dark mode white fills and strokes  with #eee instead

---
 images/concatfile-combine.svg              | 6 +++---
 images/concatfile-createobservable.svg     | 6 +++---
 images/concatfile-enumeratefiles.svg       | 6 +++---
 images/language-marblediagram-error.svg    | 6 +++---
 images/language-marblediagram-operator.svg | 6 +++---
 images/language-marblediagram.svg          | 6 +++---
 images/language-samplegrayscale.svg        | 6 +++---
 images/language-subject-async.svg          | 6 +++---
 images/language-subject-behavior.svg       | 6 +++---
 images/language-subject-publish.svg        | 6 +++---
 images/language-subject-replay.svg         | 6 +++---
 images/language-subject-resource.svg       | 6 +++---
 images/language-subject.svg                | 2 +-
 images/language-temperature-effects.svg    | 6 +++---
 images/language-temperature.svg            | 6 +++---
 images/marble-condition.svg                | 6 +++---
 images/marble-sink.svg                     | 6 +++---
 images/marble-transform.svg                | 6 +++---
 images/reactive-accumulate.svg             | 6 +++---
 images/reactive-amb.svg                    | 6 +++---
 images/reactive-average.svg                | 6 +++---
 images/reactive-buffercount.svg            | 6 +++---
 images/reactive-buffertime.svg             | 6 +++---
 images/reactive-buffertrigger.svg          | 6 +++---
 images/reactive-catch.svg                  | 6 +++---
 images/reactive-combinelatest.svg          | 6 +++---
 images/reactive-combinelatestwindow.svg    | 6 +++---
 images/reactive-combinetimestamp.svg       | 8 ++++----
 images/reactive-concat.svg                 | 6 +++---
 images/reactive-concatwindow.svg           | 6 +++---
 images/reactive-condition.svg              | 6 +++---
 images/reactive-count.svg                  | 6 +++---
 images/reactive-createobservable.svg       | 6 +++---
 images/reactive-defer.svg                  | 6 +++---
 images/reactive-delay.svg                  | 6 +++---
 images/reactive-delaysubscription.svg      | 6 +++---
 images/reactive-dematerialize.svg          | 6 +++---
 images/reactive-distinct.svg               | 6 +++---
 images/reactive-distinctby.svg             | 6 +++---
 images/reactive-distinctuntilchanged.svg   | 6 +++---
 images/reactive-distinctuntilchangedby.svg | 6 +++---
 images/reactive-elementindex.svg           | 6 +++---
 images/reactive-first.svg                  | 6 +++---
 images/reactive-firstordefault.svg         | 6 +++---
 images/reactive-gate.svg                   | 6 +++---
 images/reactive-gateinterval.svg           | 6 +++---
 images/reactive-groupby.svg                | 6 +++---
 images/reactive-ignoreelements.svg         | 6 +++---
 images/reactive-isempty.svg                | 6 +++---
 images/reactive-last.svg                   | 6 +++---
 images/reactive-lastordefault.svg          | 6 +++---
 images/reactive-materialize.svg            | 6 +++---
 images/reactive-max.svg                    | 6 +++---
 images/reactive-maxby.svg                  | 6 +++---
 images/reactive-merge.svg                  | 6 +++---
 images/reactive-mergewindow.svg            | 6 +++---
 images/reactive-min.svg                    | 6 +++---
 images/reactive-minby.svg                  | 6 +++---
 images/reactive-observeon-error.svg        | 6 +++---
 images/reactive-observeon.svg              | 6 +++---
 images/reactive-onerrorresumenext.svg      | 6 +++---
 images/reactive-orderby.svg                | 6 +++---
 images/reactive-orderbydescending.svg      | 6 +++---
 images/reactive-publish.svg                | 6 +++---
 images/reactive-range.svg                  | 6 +++---
 images/reactive-repeat.svg                 | 6 +++---
 images/reactive-repeatcount.svg            | 6 +++---
 images/reactive-replay.svg                 | 6 +++---
 images/reactive-retry.svg                  | 6 +++---
 images/reactive-retrycount.svg             | 6 +++---
 images/reactive-sample.svg                 | 6 +++---
 images/reactive-sampleinterval.svg         | 6 +++---
 images/reactive-scan.svg                   | 6 +++---
 images/reactive-selectmany.svg             | 6 +++---
 images/reactive-sequenceequal.svg          | 6 +++---
 images/reactive-sink.svg                   | 6 +++---
 images/reactive-skip.svg                   | 6 +++---
 images/reactive-skiplast.svg               | 6 +++---
 images/reactive-skipuntil.svg              | 6 +++---
 images/reactive-skipwhile.svg              | 6 +++---
 images/reactive-slice.svg                  | 6 +++---
 images/reactive-subscribeon.svg            | 6 +++---
 images/reactive-subscribewhen.svg          | 6 +++---
 images/reactive-sum.svg                    | 6 +++---
 images/reactive-switch.svg                 | 6 +++---
 images/reactive-synchronize.svg            | 6 +++---
 images/reactive-take.svg                   | 6 +++---
 images/reactive-takelast.svg               | 6 +++---
 images/reactive-takeuntil.svg              | 6 +++---
 images/reactive-takewhile.svg              | 6 +++---
 images/reactive-thenby.svg                 | 6 +++---
 images/reactive-thenbydescending.svg       | 6 +++---
 images/reactive-throttle.svg               | 6 +++---
 images/reactive-timeinterval.svg           | 6 +++---
 images/reactive-timeout.svg                | 6 +++---
 images/reactive-timer.svg                  | 6 +++---
 images/reactive-timestamp.svg              | 6 +++---
 images/reactive-toarray.svg                | 6 +++---
 images/reactive-todictionary.svg           | 6 +++---
 images/reactive-tolist.svg                 | 6 +++---
 images/reactive-tolookup.svg               | 6 +++---
 images/reactive-visualizer.svg             | 6 +++---
 images/reactive-window.svg                 | 6 +++---
 images/reactive-windowcount.svg            | 6 +++---
 images/reactive-windowtime.svg             | 6 +++---
 images/reactive-windowtrigger.svg          | 6 +++---
 images/reactive-withlatestfrom.svg         | 6 +++---
 images/reactive-zip.svg                    | 6 +++---
 images/reactive-zipwindow.svg              | 6 +++---
 109 files changed, 326 insertions(+), 326 deletions(-)

diff --git a/images/concatfile-combine.svg b/images/concatfile-combine.svg
index 6d5b8e03..18837f16 100644
--- a/images/concatfile-combine.svg
+++ b/images/concatfile-combine.svg
@@ -19,9 +19,9 @@
    sodipodi:docname="concatfile-concat.svg">
    <style>
       @media (prefers-color-scheme: dark) {
-      path[style*="stroke:#000000"] {stroke: white !important;}
-      path[style*="fill:#000000"] {fill: white !important;}     
-      g[style*="fill:#000000"] {fill: white !important;}} 
+      path[style*="stroke:#000000"] {stroke: #eee !important;}
+      path[style*="fill:#000000"] {fill: #eee !important;}     
+      g[style*="fill:#000000"] {fill: #eee !important;}} 
    </style>
   <defs
      id="defs4826">
diff --git a/images/concatfile-createobservable.svg b/images/concatfile-createobservable.svg
index 085c6ba8..7dd00795 100644
--- a/images/concatfile-createobservable.svg
+++ b/images/concatfile-createobservable.svg
@@ -19,9 +19,9 @@
    xmlns:dc="http://purl.org/dc/elements/1.1/">
    <style>
       @media (prefers-color-scheme: dark) {
-      path[style*="stroke:#000000"] {stroke: white !important;}
-      path[style*="fill:#000000"] {fill: white !important;}     
-      g[style*="fill:#000000"] {fill: white !important;}} 
+      path[style*="stroke:#000000"] {stroke: #eee !important;}
+      path[style*="fill:#000000"] {fill: #eee !important;}     
+      g[style*="fill:#000000"] {fill: #eee !important;}} 
    </style>
   <defs
      id="defs2">
diff --git a/images/concatfile-enumeratefiles.svg b/images/concatfile-enumeratefiles.svg
index 04965840..6474877e 100644
--- a/images/concatfile-enumeratefiles.svg
+++ b/images/concatfile-enumeratefiles.svg
@@ -19,9 +19,9 @@
    sodipodi:docname="concatfile-enumeratefiles.svg">
    <style>
       @media (prefers-color-scheme: dark) {
-      path[style*="stroke:#000000"] {stroke: white !important;}
-      path[style*="fill:#000000"] {fill: white !important;}     
-      g[style*="fill:#000000"] {fill: white !important;}} 
+      path[style*="stroke:#000000"] {stroke: #eee !important;}
+      path[style*="fill:#000000"] {fill: #eee !important;}     
+      g[style*="fill:#000000"] {fill: #eee !important;}} 
    </style>
   <defs
      id="defs5707">
diff --git a/images/language-marblediagram-error.svg b/images/language-marblediagram-error.svg
index 74313a23..d50f51bd 100644
--- a/images/language-marblediagram-error.svg
+++ b/images/language-marblediagram-error.svg
@@ -18,9 +18,9 @@
    xmlns:dc="http://purl.org/dc/elements/1.1/">
    <style>
       @media (prefers-color-scheme: dark) {
-      path[style*="stroke:#000000"] {stroke: white !important;}
-      path[style*="fill:#000000"] {fill: white !important;}     
-      g[style*="fill:#000000"] {fill: white !important;}} 
+      path[style*="stroke:#000000"] {stroke: #eee !important;}
+      path[style*="fill:#000000"] {fill: #eee !important;}     
+      g[style*="fill:#000000"] {fill: #eee !important;}} 
    </style>
   <defs
      id="defs2">
diff --git a/images/language-marblediagram-operator.svg b/images/language-marblediagram-operator.svg
index 3508e62e..858b106c 100644
--- a/images/language-marblediagram-operator.svg
+++ b/images/language-marblediagram-operator.svg
@@ -19,11 +19,11 @@
    xmlns:dc="http://purl.org/dc/elements/1.1/">
    <style>
       @media (prefers-color-scheme: dark) {
-      path[style*="stroke:#000000"] {stroke: white !important;}
+      path[style*="stroke:#000000"] {stroke: #eee !important;}
       path[stroke="#0000ff"] {stroke: #eb008a !important;}
-      path[style*="fill:#000000"] {fill: white !important;} 
+      path[style*="fill:#000000"] {fill: #eee !important;} 
       path[style*="fill:#ffffff"] {fill: #212529 !important;}    
-      g[style*="fill:#000000"] {fill: white !important;}
+      g[style*="fill:#000000"] {fill: #eee !important;}
       g[fill="#0000ff"] {fill: #eb008a !important;}}
    </style>
   <defs
diff --git a/images/language-marblediagram.svg b/images/language-marblediagram.svg
index b1037c23..a1bef681 100644
--- a/images/language-marblediagram.svg
+++ b/images/language-marblediagram.svg
@@ -19,9 +19,9 @@
    xmlns:dc="http://purl.org/dc/elements/1.1/">
    <style>
       @media (prefers-color-scheme: dark) {
-      path[style*="stroke:#000000"] {stroke: white !important;}
-      path[style*="fill:#000000"] {fill: white !important;}     
-      g[style*="fill:#000000"] {fill: white !important;}} 
+      path[style*="stroke:#000000"] {stroke: #eee !important;}
+      path[style*="fill:#000000"] {fill: #eee !important;}     
+      g[style*="fill:#000000"] {fill: #eee !important;}} 
    </style>
   <defs
      id="defs2">
diff --git a/images/language-samplegrayscale.svg b/images/language-samplegrayscale.svg
index b8a168cc..91a67e7c 100644
--- a/images/language-samplegrayscale.svg
+++ b/images/language-samplegrayscale.svg
@@ -19,9 +19,9 @@
    inkscape:version="0.92.1 r15371">
    <style>
       @media (prefers-color-scheme: dark) {
-      path[style*="stroke:#000000"] {stroke: white !important;}
-      path[style*="fill:#000000"] {fill: white !important;}     
-      g[style*="fill:#000000"] {fill: white !important;}} 
+      path[style*="stroke:#000000"] {stroke: #eee !important;}
+      path[style*="fill:#000000"] {fill: #eee !important;}     
+      g[style*="fill:#000000"] {fill: #eee !important;}} 
    </style>
   <defs
      id="defs877">
diff --git a/images/language-subject-async.svg b/images/language-subject-async.svg
index 20e259d7..9906ab12 100644
--- a/images/language-subject-async.svg
+++ b/images/language-subject-async.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='364.820357pt' height='231.637777pt' viewBox='-146.287885 -141.220757 364.820357 231.637777'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: #eee !important;}
     g[id="subscribe-text"] {fill: #eb008a !important;}
     g[id="subscribe-arrows"] path {stroke: #eb008a !important;}}
 </style>
diff --git a/images/language-subject-behavior.svg b/images/language-subject-behavior.svg
index 184e3f5d..d5eb6285 100644
--- a/images/language-subject-behavior.svg
+++ b/images/language-subject-behavior.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='364.820357pt' height='231.637777pt' viewBox='-146.287885 -141.220757 364.820357 231.637777'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: #eee !important;}
     g[id="subscribe-text"] {fill: #eb008a !important;}
     g[id="subscribe-arrows"] path {stroke: #eb008a !important;}}
 </style>
diff --git a/images/language-subject-publish.svg b/images/language-subject-publish.svg
index 1a7ee729..eb8a59e0 100644
--- a/images/language-subject-publish.svg
+++ b/images/language-subject-publish.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='364.820357pt' height='231.637777pt' viewBox='-146.287885 -141.220757 364.820357 231.637777'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: #eee !important;}
     g[id="subscribe-text"] {fill: #eb008a !important;}
     g[id="subscribe-arrows"] path {stroke: #eb008a !important;}}
 </style>
diff --git a/images/language-subject-replay.svg b/images/language-subject-replay.svg
index 3803f236..5448d2f5 100644
--- a/images/language-subject-replay.svg
+++ b/images/language-subject-replay.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='364.820357pt' height='231.637777pt' viewBox='-146.287885 -141.220757 364.820357 231.637777'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: #eee !important;}
     g[id="subscribe-text"] {fill: #eb008a !important;}
     g[id="subscribe-arrows"] path {stroke: #eb008a !important;}}
 </style>
diff --git a/images/language-subject-resource.svg b/images/language-subject-resource.svg
index 7af46edc..627fe092 100644
--- a/images/language-subject-resource.svg
+++ b/images/language-subject-resource.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='364.820357pt' height='231.637777pt' viewBox='-146.287885 -141.220757 364.820357 231.637777'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: #eee !important;}
     g[id="subscribe-text"] {fill: #eb008a !important;}
     g[id="subscribe-arrows"] path {stroke: #eb008a !important;}}
 </style>
diff --git a/images/language-subject.svg b/images/language-subject.svg
index 482d4b32..92f97ffd 100644
--- a/images/language-subject.svg
+++ b/images/language-subject.svg
@@ -18,7 +18,7 @@
    xmlns:dc="http://purl.org/dc/elements/1.1/">
    <style>
       @media (prefers-color-scheme: dark) {
-      path[style*="fill:#000000"] {fill: white !important;}   
+      path[style*="fill:#000000"] {fill: #eee !important;}   
       text { fill: #eee !important; }} 
    </style>
   <defs
diff --git a/images/language-temperature-effects.svg b/images/language-temperature-effects.svg
index 3915a9b1..8e786460 100644
--- a/images/language-temperature-effects.svg
+++ b/images/language-temperature-effects.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='268.213881pt' viewBox='-146.287854 -153.360053 425.192834 268.213881'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: #eee !important;}
     g[id="subscribe-text"] {fill: #eb008a !important;}
     g[id="subscribe-arrows"] path {stroke: #eb008a !important;}}
 </style>
diff --git a/images/language-temperature.svg b/images/language-temperature.svg
index e20ed9ce..9f4177f8 100644
--- a/images/language-temperature.svg
+++ b/images/language-temperature.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='545.954485pt' height='214.423074pt' viewBox='-146.287877 -153.360224 545.954485 214.423074'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: #eee !important;}
     g[id="subscribe-text"] {fill: #eb008a !important;}
     g[id="subscribe-arrows"] path {stroke: #eb008a !important;}}
 </style>
diff --git a/images/marble-condition.svg b/images/marble-condition.svg
index cc06e32d..33d705f3 100644
--- a/images/marble-condition.svg
+++ b/images/marble-condition.svg
@@ -19,10 +19,10 @@
    sodipodi:docname="condition-marble.svg">
    <style>
       @media (prefers-color-scheme: dark) {
-      path[style*="stroke:#000000"] {stroke: white !important;}
-      path[style*="fill:#000000"] {fill: white !important;}     
+      path[style*="stroke:#000000"] {stroke: #eee !important;}
+      path[style*="fill:#000000"] {fill: #eee !important;}     
       path[style*="fill:#ffffff"] {fill: #212529 !important;}   
-      g[style*="fill:#000000"] {fill: white !important;}} 
+      g[style*="fill:#000000"] {fill: #eee !important;}} 
    </style>
   <defs
      id="defs4838">
diff --git a/images/marble-sink.svg b/images/marble-sink.svg
index a738cbeb..d4684a78 100644
--- a/images/marble-sink.svg
+++ b/images/marble-sink.svg
@@ -19,9 +19,9 @@
    sodipodi:docname="sink-marble.svg">
    <style>
       @media (prefers-color-scheme: dark) {
-      path[style*="stroke:#000000"] {stroke: white !important;}
-      path[style*="fill:#000000"] {fill: white !important;}     
-      g[style*="fill:#000000"] {fill: white !important;}} 
+      path[style*="stroke:#000000"] {stroke: #eee !important;}
+      path[style*="fill:#000000"] {fill: #eee !important;}     
+      g[style*="fill:#000000"] {fill: #eee !important;}} 
    </style>
   <defs
      id="defs4662">
diff --git a/images/marble-transform.svg b/images/marble-transform.svg
index 5e182a97..0d8b14ed 100644
--- a/images/marble-transform.svg
+++ b/images/marble-transform.svg
@@ -19,9 +19,9 @@
    inkscape:version="0.92.1 r15371">
    <style>
       @media (prefers-color-scheme: dark) {
-      path[style*="stroke:#000000"] {stroke: white !important;}
-      path[style*="fill:#000000"] {fill: white !important;}     
-      g[style*="fill:#000000"] {fill: white !important;}} 
+      path[style*="stroke:#000000"] {stroke: #eee !important;}
+      path[style*="fill:#000000"] {fill: #eee !important;}     
+      g[style*="fill:#000000"] {fill: #eee !important;}} 
    </style>
   <defs
      id="defs2">
diff --git a/images/reactive-accumulate.svg b/images/reactive-accumulate.svg
index d9c8dc4b..3fcdb066 100644
--- a/images/reactive-accumulate.svg
+++ b/images/reactive-accumulate.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='210.66224pt' viewBox='-146.287854 -143.034729 425.192834 210.66224'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g7-80' d='M4.194271 5.32005L.657534 9.693649C.577833 9.793275 .56787 9.8132 .56787 9.853051C.56787 9.96264 .657534 9.96264 .836862 9.96264H9.09589L9.952677 7.481943H9.703611C9.454545 8.229141 8.787049 8.836862 7.940224 9.125778C7.780822 9.175592 7.0934 9.414695 5.628892 9.414695H1.39477L4.851806 5.140722C4.921544 5.051059 4.941469 5.021171 4.941469 4.98132S4.931507 4.931507 4.871731 4.841843L1.633873 .398506H5.579078C6.714819 .398506 9.006227 .468244 9.703611 2.331258H9.952677L9.09589 0H.836862C.56787 0 .557908 .009963 .557908 .318804L4.194271 5.32005Z'/>
diff --git a/images/reactive-amb.svg b/images/reactive-amb.svg
index 63e42235..89e03e5d 100644
--- a/images/reactive-amb.svg
+++ b/images/reactive-amb.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='235.273751pt' viewBox='-146.287854 -143.03458 425.192834 235.273751'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-average.svg b/images/reactive-average.svg
index 65c11481..69e1c973 100644
--- a/images/reactive-average.svg
+++ b/images/reactive-average.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='221.586797pt' viewBox='-146.287854 -143.034729 425.192834 221.586797'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g3-120' d='M1.736488-.739228C1.66675-.502117 1.436613-.125529 1.080946-.125529C1.060025-.125529 .850809-.125529 .704359-.223163C.990286-.313823 1.011208-.564882 1.011208-.606725C1.011208-.760149 .892653-.864757 .732254-.864757C.536986-.864757 .334745-.697385 .334745-.439352C.334745-.09066 .72528 .069738 1.066999 .069738C1.387796 .069738 1.673724-.132503 1.84807-.425405C2.015442-.055791 2.399004 .069738 2.677958 .069738C3.47995 .069738 3.905355-.801993 3.905355-.99726C3.905355-1.08792 3.814695-1.08792 3.793773-1.08792C3.696139-1.08792 3.689166-1.053051 3.66127-.969365C3.514819-.488169 3.096389-.125529 2.705853-.125529C2.426899-.125529 2.280448-.313823 2.280448-.578829C2.280448-.760149 2.447821-1.39477 2.643088-2.168867C2.782565-2.705853 3.096389-2.880199 3.326526-2.880199C3.340473-2.880199 3.556663-2.880199 3.703113-2.782565C3.47995-2.719801 3.396264-2.524533 3.396264-2.399004C3.396264-2.245579 3.514819-2.140971 3.675218-2.140971S4.065753-2.273474 4.065753-2.566376C4.065753-2.956912 3.619427-3.075467 3.340473-3.075467C2.991781-3.075467 2.712827-2.84533 2.559402-2.580324C2.433873-2.866252 2.113076-3.075467 1.72254-3.075467C.941469-3.075467 .495143-2.217684 .495143-2.008468C.495143-1.917808 .592777-1.917808 .613699-1.917808C.704359-1.917808 .711333-1.945704 .746202-2.036364C.920548-2.580324 1.3599-2.880199 1.701619-2.880199C1.931756-2.880199 2.12005-2.75467 2.12005-2.419925C2.12005-2.280448 2.036364-1.931756 1.973599-1.694645L1.736488-.739228Z'/>
diff --git a/images/reactive-buffercount.svg b/images/reactive-buffercount.svg
index 0ca5b748..f59f1770 100644
--- a/images/reactive-buffercount.svg
+++ b/images/reactive-buffercount.svg
@@ -3,10 +3,10 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='180.05185pt' viewBox='-146.287854 -143.034729 425.192834 180.05185'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
     path[fill="#fff"] {fill: #212529 !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-buffertime.svg b/images/reactive-buffertime.svg
index f10dc784..77ec934c 100644
--- a/images/reactive-buffertime.svg
+++ b/images/reactive-buffertime.svg
@@ -3,10 +3,10 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='180.05185pt' viewBox='-146.287854 -143.034729 425.192834 180.05185'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
     path[fill="#fff"] {fill: #212529 !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-buffertrigger.svg b/images/reactive-buffertrigger.svg
index bf615f46..78b8be04 100644
--- a/images/reactive-buffertrigger.svg
+++ b/images/reactive-buffertrigger.svg
@@ -3,10 +3,10 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='245.457739pt' viewBox='-146.287854 -143.242638 425.192834 245.457739'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
     path[fill="#fff"] {fill: #212529 !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <g id="text">
diff --git a/images/reactive-catch.svg b/images/reactive-catch.svg
index 69f5b6b6..a1cffcfc 100644
--- a/images/reactive-catch.svg
+++ b/images/reactive-catch.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='239.572885pt' viewBox='-146.287854 -139.213089 425.192834 239.572885'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <g id="text">
diff --git a/images/reactive-combinelatest.svg b/images/reactive-combinelatest.svg
index 9d5fc5d2..bf4ba6f2 100644
--- a/images/reactive-combinelatest.svg
+++ b/images/reactive-combinelatest.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='294.572472pt' viewBox='-146.287854 -143.03458 425.192834 294.572472'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-combinelatestwindow.svg b/images/reactive-combinelatestwindow.svg
index d01aada2..eb901310 100644
--- a/images/reactive-combinelatestwindow.svg
+++ b/images/reactive-combinelatestwindow.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='311.010857pt' viewBox='-146.287854 -139.213045 425.192834 311.010857'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-combinetimestamp.svg b/images/reactive-combinetimestamp.svg
index 33fa674f..a2b4f9f4 100644
--- a/images/reactive-combinetimestamp.svg
+++ b/images/reactive-combinetimestamp.svg
@@ -3,11 +3,11 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='241.305783pt' viewBox='-146.287854 -146.287868 425.192834 241.305783'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
     path[fill="#fff"] {fill: #212529 !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}
-    g[id="bottom-text"] {fill: white !important;}}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}
+    g[id="bottom-text"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-concat.svg b/images/reactive-concat.svg
index 42ddf349..77003009 100644
--- a/images/reactive-concat.svg
+++ b/images/reactive-concat.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='235.273751pt' viewBox='-146.287854 -143.03458 425.192834 235.273751'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-concatwindow.svg b/images/reactive-concatwindow.svg
index 76a410cd..ee90c075 100644
--- a/images/reactive-concatwindow.svg
+++ b/images/reactive-concatwindow.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='234.61402pt' viewBox='-146.287854 -139.213226 425.192834 234.61402'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-condition.svg b/images/reactive-condition.svg
index 2b915c9f..08dab702 100644
--- a/images/reactive-condition.svg
+++ b/images/reactive-condition.svg
@@ -3,10 +3,10 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='169.926139pt' viewBox='-146.287854 -143.242745 425.192834 169.926139'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
     path[fill="#fff"] {fill: #212529 !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-count.svg b/images/reactive-count.svg
index ace75ff6..af8b6122 100644
--- a/images/reactive-count.svg
+++ b/images/reactive-count.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='169.718123pt' viewBox='-146.287854 -143.034729 425.192834 169.718123'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g5-49' d='M1.982565-3.16812C1.982565-3.317559 1.967621-3.317559 1.803238-3.317559C1.449564-2.998755 .896638-2.998755 .797011-2.998755H.712329V-2.779577H.797011C.911582-2.779577 1.235367-2.794521 1.524284-2.919054V-.428394C1.524284-.273973 1.524284-.219178 .996264-.219178H.747198V0C1.021171-.019925 1.464508-.019925 1.753425-.019925S2.485679-.019925 2.759651 0V-.219178H2.510585C1.982565-.219178 1.982565-.273973 1.982565-.428394V-3.16812Z'/>
diff --git a/images/reactive-createobservable.svg b/images/reactive-createobservable.svg
index cb38e91d..6db1cd1a 100644
--- a/images/reactive-createobservable.svg
+++ b/images/reactive-createobservable.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='219.024231pt' viewBox='-146.287854 -143.034644 425.192834 219.024231'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-defer.svg b/images/reactive-defer.svg
index 682aff34..4d67706a 100644
--- a/images/reactive-defer.svg
+++ b/images/reactive-defer.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='424.343902pt' height='173.195795pt' viewBox='-146.28794 -146.287772 424.343902 173.195795'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: #eee !important;}
     g[id="subscribe-text"] {fill: #eb008a !important;}
     g[id="subscribe-arrows"] path {stroke: #eb008a !important;}}
 </style>
diff --git a/images/reactive-delay.svg b/images/reactive-delay.svg
index a046b7bd..121a9348 100644
--- a/images/reactive-delay.svg
+++ b/images/reactive-delay.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='169.718123pt' viewBox='-146.287854 -143.034729 425.192834 169.718123'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: #eee !important;}
     g[id="subscribe-text"] {fill: #eb008a !important;}
     g[id="subscribe-arrows"] path {stroke: #eb008a !important;}}
 </style>
diff --git a/images/reactive-delaysubscription.svg b/images/reactive-delaysubscription.svg
index 9f716d9e..4da8b1e7 100644
--- a/images/reactive-delaysubscription.svg
+++ b/images/reactive-delaysubscription.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='169.718123pt' viewBox='-146.287854 -143.034729 425.192834 169.718123'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: #eee !important;}
     g[id="subscribe-text"] {fill: #eb008a !important;}
     g[id="subscribe-arrows"] path {stroke: #eb008a !important;}}
 </style>
diff --git a/images/reactive-dematerialize.svg b/images/reactive-dematerialize.svg
index 94483fcb..cb91fcb0 100644
--- a/images/reactive-dematerialize.svg
+++ b/images/reactive-dematerialize.svg
@@ -3,10 +3,10 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='182.006892pt' viewBox='-146.287854 -146.287655 425.192834 182.006892'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
     path[fill="#fff"] {fill: #212529 !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <g id="text">
diff --git a/images/reactive-distinct.svg b/images/reactive-distinct.svg
index 19e8d77e..c9fa5ff6 100644
--- a/images/reactive-distinct.svg
+++ b/images/reactive-distinct.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='422.172499pt' height='169.718123pt' viewBox='-146.287838 -143.034729 422.172499 169.718123'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-distinctby.svg b/images/reactive-distinctby.svg
index d48e4715..482dcd1c 100644
--- a/images/reactive-distinctby.svg
+++ b/images/reactive-distinctby.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='422.172499pt' height='170.134133pt' viewBox='-146.287838 -143.242745 422.172499 170.134133'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <g id="text">
diff --git a/images/reactive-distinctuntilchanged.svg b/images/reactive-distinctuntilchanged.svg
index 36190dde..5e5eb948 100644
--- a/images/reactive-distinctuntilchanged.svg
+++ b/images/reactive-distinctuntilchanged.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='422.172499pt' height='169.718123pt' viewBox='-146.287838 -143.034729 422.172499 169.718123'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-distinctuntilchangedby.svg b/images/reactive-distinctuntilchangedby.svg
index b3ec52a1..f8493814 100644
--- a/images/reactive-distinctuntilchangedby.svg
+++ b/images/reactive-distinctuntilchangedby.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='422.172499pt' height='170.134133pt' viewBox='-146.287838 -143.242745 422.172499 170.134133'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-elementindex.svg b/images/reactive-elementindex.svg
index a692061f..dbca9041 100644
--- a/images/reactive-elementindex.svg
+++ b/images/reactive-elementindex.svg
@@ -3,10 +3,10 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='181.998798pt' viewBox='-146.287854 -143.034729 425.192834 181.998798'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
     path[fill="#fff"] {fill: #212529 !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-first.svg b/images/reactive-first.svg
index 4c3bafce..92c2b8b2 100644
--- a/images/reactive-first.svg
+++ b/images/reactive-first.svg
@@ -3,10 +3,10 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='201.035811pt' viewBox='-146.287854 -153.360224 425.192834 201.035811'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
     path[fill="#fff"] {fill: #212529 !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: white !important;}}
+    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g1-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-firstordefault.svg b/images/reactive-firstordefault.svg
index 52d83787..2cb83103 100644
--- a/images/reactive-firstordefault.svg
+++ b/images/reactive-firstordefault.svg
@@ -3,10 +3,10 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='201.867789pt' viewBox='-146.287854 -153.360224 425.192834 201.867789'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
     path[fill="#fff"] {fill: #212529 !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-gate.svg b/images/reactive-gate.svg
index ddc50e8d..d67ccffb 100644
--- a/images/reactive-gate.svg
+++ b/images/reactive-gate.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='235.273751pt' viewBox='-146.287854 -143.03458 425.192834 235.273751'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-gateinterval.svg b/images/reactive-gateinterval.svg
index 3b21de65..fd88eef9 100644
--- a/images/reactive-gateinterval.svg
+++ b/images/reactive-gateinterval.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='182.963837pt' viewBox='-146.287854 -143.034687 425.192834 182.963837'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-groupby.svg b/images/reactive-groupby.svg
index a8da6ac3..dd99803c 100644
--- a/images/reactive-groupby.svg
+++ b/images/reactive-groupby.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='231.762586pt' viewBox='-146.287854 -143.034687 425.192834 231.762586'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <g id="text">
diff --git a/images/reactive-ignoreelements.svg b/images/reactive-ignoreelements.svg
index f1d97e89..7d70ad23 100644
--- a/images/reactive-ignoreelements.svg
+++ b/images/reactive-ignoreelements.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='165.894251pt' viewBox='-146.287854 -143.034729 425.192834 165.894251'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <g id="text">
diff --git a/images/reactive-isempty.svg b/images/reactive-isempty.svg
index 04500a02..4923e7ac 100644
--- a/images/reactive-isempty.svg
+++ b/images/reactive-isempty.svg
@@ -3,10 +3,10 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='201.867789pt' viewBox='-146.287854 -153.360224 425.192834 201.867789'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
     path[fill="#fff"] {fill: #212529 !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: white !important;}}
+    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <g id="text">
diff --git a/images/reactive-last.svg b/images/reactive-last.svg
index 5371e0b1..e91b2b04 100644
--- a/images/reactive-last.svg
+++ b/images/reactive-last.svg
@@ -3,10 +3,10 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='201.035811pt' viewBox='-146.287854 -153.360224 425.192834 201.035811'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
     path[fill="#fff"] {fill: #212529 !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: white !important;}}
+    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g1-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-lastordefault.svg b/images/reactive-lastordefault.svg
index fe51691a..6f59f775 100644
--- a/images/reactive-lastordefault.svg
+++ b/images/reactive-lastordefault.svg
@@ -3,10 +3,10 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='201.867789pt' viewBox='-146.287854 -153.360224 425.192834 201.867789'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
     path[fill="#fff"] {fill: #212529 !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-materialize.svg b/images/reactive-materialize.svg
index 0d00b50f..af3ea717 100644
--- a/images/reactive-materialize.svg
+++ b/images/reactive-materialize.svg
@@ -3,10 +3,10 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='181.998798pt' viewBox='-146.287854 -143.034729 425.192834 181.998798'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
     path[fill="#fff"] {fill: #212529 !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-max.svg b/images/reactive-max.svg
index 089046e4..a47cb351 100644
--- a/images/reactive-max.svg
+++ b/images/reactive-max.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='169.718123pt' viewBox='-146.287854 -143.034729 425.192834 169.718123'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-maxby.svg b/images/reactive-maxby.svg
index 0cf21ae2..0b631693 100644
--- a/images/reactive-maxby.svg
+++ b/images/reactive-maxby.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='168.578232pt' viewBox='-146.287854 -143.242745 425.192834 168.578232'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-merge.svg b/images/reactive-merge.svg
index e32eab99..ddc28666 100644
--- a/images/reactive-merge.svg
+++ b/images/reactive-merge.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='235.273751pt' viewBox='-146.287854 -143.03458 425.192834 235.273751'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-mergewindow.svg b/images/reactive-mergewindow.svg
index c85c98dc..eef9c05a 100644
--- a/images/reactive-mergewindow.svg
+++ b/images/reactive-mergewindow.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='234.61402pt' viewBox='-146.287854 -139.213226 425.192834 234.61402'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-min.svg b/images/reactive-min.svg
index 5d59bbe7..b7ba76da 100644
--- a/images/reactive-min.svg
+++ b/images/reactive-min.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='169.718123pt' viewBox='-146.287854 -143.034729 425.192834 169.718123'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-minby.svg b/images/reactive-minby.svg
index b3e1d0a5..37220daa 100644
--- a/images/reactive-minby.svg
+++ b/images/reactive-minby.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='168.960972pt' viewBox='-146.287854 -143.242745 425.192834 168.960972'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-observeon-error.svg b/images/reactive-observeon-error.svg
index d1619bed..131b2d6a 100644
--- a/images/reactive-observeon-error.svg
+++ b/images/reactive-observeon-error.svg
@@ -3,10 +3,10 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='178.313868pt' viewBox='-146.287854 -139.2136 425.192834 178.313868'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
     path[fill="#fff"] {fill: #212529 !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <g id="text">
diff --git a/images/reactive-observeon.svg b/images/reactive-observeon.svg
index 116acf25..0890436e 100644
--- a/images/reactive-observeon.svg
+++ b/images/reactive-observeon.svg
@@ -3,10 +3,10 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='169.718123pt' viewBox='-146.287854 -143.034729 425.192834 169.718123'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
     path[fill="#fff"] {fill: #212529 !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-onerrorresumenext.svg b/images/reactive-onerrorresumenext.svg
index 7e5ca58c..634568b6 100644
--- a/images/reactive-onerrorresumenext.svg
+++ b/images/reactive-onerrorresumenext.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='308.950195pt' viewBox='-146.287854 -143.034729 425.192834 308.950195'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: white !important;}}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <g id="text">
diff --git a/images/reactive-orderby.svg b/images/reactive-orderby.svg
index 1a3d0f95..88167bb8 100644
--- a/images/reactive-orderby.svg
+++ b/images/reactive-orderby.svg
@@ -3,10 +3,10 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='189.686405pt' viewBox='-146.287854 -146.287697 425.192834 189.686405'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
     path[fill="#fff"] {fill: #212529 !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-orderbydescending.svg b/images/reactive-orderbydescending.svg
index b3f2bcf5..15542259 100644
--- a/images/reactive-orderbydescending.svg
+++ b/images/reactive-orderbydescending.svg
@@ -3,10 +3,10 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='189.686405pt' viewBox='-146.287854 -146.287697 425.192834 189.686405'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
     path[fill="#fff"] {fill: #212529 !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-publish.svg b/images/reactive-publish.svg
index 150cbabd..dacad25e 100644
--- a/images/reactive-publish.svg
+++ b/images/reactive-publish.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='364.820357pt' height='235.273751pt' viewBox='-146.287885 -143.03458 364.820357 235.273751'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"]{fill: white !important;}}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"]{fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-range.svg b/images/reactive-range.svg
index cb34b63c..62fdd1ae 100644
--- a/images/reactive-range.svg
+++ b/images/reactive-range.svg
@@ -3,10 +3,10 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='107.415474pt' viewBox='-146.287854 -146.287772 425.192834 107.415474'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
     path[fill="#fff"] {fill: #212529 !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <g id="text">
diff --git a/images/reactive-repeat.svg b/images/reactive-repeat.svg
index c0fb16f6..d4f88d1d 100644
--- a/images/reactive-repeat.svg
+++ b/images/reactive-repeat.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='422.172542pt' height='166.464868pt' viewBox='-146.287903 -143.034729 422.172542 166.464868'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: #eee !important;}
     g[id="subscribe-text"] {fill: #eb008a !important;}
     g[id="subscribe-arrows"] path {stroke: #eb008a !important;}}
 </style>
diff --git a/images/reactive-repeatcount.svg b/images/reactive-repeatcount.svg
index c8430cf2..25f249d4 100644
--- a/images/reactive-repeatcount.svg
+++ b/images/reactive-repeatcount.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='422.172542pt' height='169.718123pt' viewBox='-146.287903 -143.034729 422.172542 169.718123'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: #eee !important;}
     g[id="subscribe-text"] {fill: #eb008a !important;}
     g[id="subscribe-arrows"] path {stroke: #eb008a !important;}}
 </style>
diff --git a/images/reactive-replay.svg b/images/reactive-replay.svg
index 206b53b1..f44cf741 100644
--- a/images/reactive-replay.svg
+++ b/images/reactive-replay.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='364.820357pt' height='235.273751pt' viewBox='-146.287885 -143.03458 364.820357 235.273751'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"]{fill: white !important;}}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"]{fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-retry.svg b/images/reactive-retry.svg
index 13c5b468..8a83706b 100644
--- a/images/reactive-retry.svg
+++ b/images/reactive-retry.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='422.172542pt' height='174.017619pt' viewBox='-146.287903 -139.2136 422.172542 174.017619'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: #eee !important;}
     g[id="subscribe-text"] {fill: #eb008a !important;}
     g[id="subscribe-arrows"] path {stroke: #eb008a !important;}}
 </style>
diff --git a/images/reactive-retrycount.svg b/images/reactive-retrycount.svg
index 96a83c1e..c7cb6d4f 100644
--- a/images/reactive-retrycount.svg
+++ b/images/reactive-retrycount.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='422.172542pt' height='174.017619pt' viewBox='-146.287903 -139.2136 422.172542 174.017619'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: #eee !important;}
     g[id="subscribe-text"] {fill: #eb008a !important;}
     g[id="subscribe-arrows"] path {stroke: #eb008a !important;}}
 </style>
diff --git a/images/reactive-sample.svg b/images/reactive-sample.svg
index 6ddd2c92..d0330f7c 100644
--- a/images/reactive-sample.svg
+++ b/images/reactive-sample.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='235.273751pt' viewBox='-146.287854 -143.03458 425.192834 235.273751'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-sampleinterval.svg b/images/reactive-sampleinterval.svg
index 081fbeb7..11c0ea6c 100644
--- a/images/reactive-sampleinterval.svg
+++ b/images/reactive-sampleinterval.svg
@@ -3,10 +3,10 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='182.963837pt' viewBox='-146.287854 -143.034687 425.192834 182.963837'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
     path[fill="#fff"] {fill: #212529 !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: white !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: #eee !important;}
     g[id="subscribe-text"] {fill: #eb008a !important;}
     g[id="subscribe-arrows"] path {stroke: #eb008a !important;}}
 </style>
diff --git a/images/reactive-scan.svg b/images/reactive-scan.svg
index 46a7c4bf..38ded42e 100644
--- a/images/reactive-scan.svg
+++ b/images/reactive-scan.svg
@@ -3,10 +3,10 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='193.2395pt' viewBox='-146.287854 -143.034537 425.192834 193.2395'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
     path[fill="#fff"] {fill: #212529 !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-selectmany.svg b/images/reactive-selectmany.svg
index a6157833..a219f78c 100644
--- a/images/reactive-selectmany.svg
+++ b/images/reactive-selectmany.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='169.942668pt' viewBox='-146.287854 -143.034644 425.192834 169.942668'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-sequenceequal.svg b/images/reactive-sequenceequal.svg
index 4fe44b24..e5ee9fd0 100644
--- a/images/reactive-sequenceequal.svg
+++ b/images/reactive-sequenceequal.svg
@@ -3,10 +3,10 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='247.47945pt' viewBox='-146.287854 -143.03458 425.192834 247.47945'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
     path[fill="#fff"] {fill: #212529 !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-sink.svg b/images/reactive-sink.svg
index 2454904b..def65805 100644
--- a/images/reactive-sink.svg
+++ b/images/reactive-sink.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='169.718123pt' viewBox='-146.287854 -143.034729 425.192834 169.718123'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-skip.svg b/images/reactive-skip.svg
index cff4b56c..754a79ac 100644
--- a/images/reactive-skip.svg
+++ b/images/reactive-skip.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='169.718123pt' viewBox='-146.287854 -143.034729 425.192834 169.718123'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-skiplast.svg b/images/reactive-skiplast.svg
index 01b2c4a6..94ea7f78 100644
--- a/images/reactive-skiplast.svg
+++ b/images/reactive-skiplast.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='169.718123pt' viewBox='-146.287854 -143.034729 425.192834 169.718123'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-skipuntil.svg b/images/reactive-skipuntil.svg
index 6ec35110..f97eb71c 100644
--- a/images/reactive-skipuntil.svg
+++ b/images/reactive-skipuntil.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='235.273751pt' viewBox='-146.287854 -143.03458 425.192834 235.273751'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-skipwhile.svg b/images/reactive-skipwhile.svg
index 09fcea18..97d3ca95 100644
--- a/images/reactive-skipwhile.svg
+++ b/images/reactive-skipwhile.svg
@@ -3,10 +3,10 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='170.134133pt' viewBox='-146.287854 -143.242745 425.192834 170.134133'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
     path[fill="#fff"] {fill: #212529 !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-slice.svg b/images/reactive-slice.svg
index ef2267a6..cff71d5d 100644
--- a/images/reactive-slice.svg
+++ b/images/reactive-slice.svg
@@ -3,10 +3,10 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='169.926139pt' viewBox='-146.287854 -143.242745 425.192834 169.926139'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
     path[fill="#fff"] {fill: #212529 !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-subscribeon.svg b/images/reactive-subscribeon.svg
index 5461f1a0..0da20bd4 100644
--- a/images/reactive-subscribeon.svg
+++ b/images/reactive-subscribeon.svg
@@ -3,10 +3,10 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='310.572616pt' viewBox='-146.287854 -143.034601 425.192834 310.572616'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
     path[fill="#fff"] {fill: #212529 !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: white !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: #eee !important;}
     g[id="subscribe-text"] {fill: #eb008a !important;}
     g[id="subscribe-arrows"] path {stroke: #eb008a !important;}}
 </style>
diff --git a/images/reactive-subscribewhen.svg b/images/reactive-subscribewhen.svg
index c864f071..7085ab14 100644
--- a/images/reactive-subscribewhen.svg
+++ b/images/reactive-subscribewhen.svg
@@ -3,10 +3,10 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='235.273751pt' viewBox='-146.287854 -143.03458 425.192834 235.273751'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
     path[fill="#fff"] {fill: #212529 !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: white !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: #eee !important;}
     g[id="subscribe-text"] {fill: #eb008a !important;}
     g[id="subscribe-arrows"] path {stroke: #eb008a !important;}}
 </style>
diff --git a/images/reactive-sum.svg b/images/reactive-sum.svg
index eae3e3ce..697525ce 100644
--- a/images/reactive-sum.svg
+++ b/images/reactive-sum.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='209.089661pt' viewBox='-146.287854 -143.034729 425.192834 209.089661'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <g id="text">
diff --git a/images/reactive-switch.svg b/images/reactive-switch.svg
index 33509523..87f2c749 100644
--- a/images/reactive-switch.svg
+++ b/images/reactive-switch.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='234.61402pt' viewBox='-146.287854 -139.213226 425.192834 234.61402'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <g id="text">
diff --git a/images/reactive-synchronize.svg b/images/reactive-synchronize.svg
index d31eb69f..ac0781c7 100644
--- a/images/reactive-synchronize.svg
+++ b/images/reactive-synchronize.svg
@@ -3,10 +3,10 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='260.600577pt' viewBox='-146.287854 -146.287963 425.192834 260.600577'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
     path[fill="#fff"] {fill: #212529 !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-take.svg b/images/reactive-take.svg
index 4ebb9242..e17968fd 100644
--- a/images/reactive-take.svg
+++ b/images/reactive-take.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='169.718123pt' viewBox='-146.287854 -143.034729 425.192834 169.718123'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-takelast.svg b/images/reactive-takelast.svg
index a02f2898..5fe1220e 100644
--- a/images/reactive-takelast.svg
+++ b/images/reactive-takelast.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='169.718123pt' viewBox='-146.287854 -143.034729 425.192834 169.718123'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-takeuntil.svg b/images/reactive-takeuntil.svg
index c3b46002..eae6927c 100644
--- a/images/reactive-takeuntil.svg
+++ b/images/reactive-takeuntil.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='235.273751pt' viewBox='-146.287854 -143.03458 425.192834 235.273751'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-takewhile.svg b/images/reactive-takewhile.svg
index 82c0bc11..848dcc80 100644
--- a/images/reactive-takewhile.svg
+++ b/images/reactive-takewhile.svg
@@ -3,10 +3,10 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='169.926139pt' viewBox='-146.287854 -143.242745 425.192834 169.926139'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
     path[fill="#fff"] {fill: #212529 !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <g id="text">
diff --git a/images/reactive-thenby.svg b/images/reactive-thenby.svg
index 821d2922..e471a5e1 100644
--- a/images/reactive-thenby.svg
+++ b/images/reactive-thenby.svg
@@ -3,10 +3,10 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='337.264008pt' viewBox='-146.287854 -146.287804 425.192834 337.264008'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
     path[fill="#fff"] {fill: #212529 !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-thenbydescending.svg b/images/reactive-thenbydescending.svg
index 6f072bca..84dae4c8 100644
--- a/images/reactive-thenbydescending.svg
+++ b/images/reactive-thenbydescending.svg
@@ -3,10 +3,10 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='337.264008pt' viewBox='-146.287854 -146.287804 425.192834 337.264008'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
     path[fill="#fff"] {fill: #212529 !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-throttle.svg b/images/reactive-throttle.svg
index 3860b31b..018c614d 100644
--- a/images/reactive-throttle.svg
+++ b/images/reactive-throttle.svg
@@ -3,10 +3,10 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='204.189117pt' viewBox='-146.287854 -143.034708 425.192834 204.189117'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
     path[fill="#fff"] {fill: #212529 !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-timeinterval.svg b/images/reactive-timeinterval.svg
index 94fa394b..e4fa2b01 100644
--- a/images/reactive-timeinterval.svg
+++ b/images/reactive-timeinterval.svg
@@ -3,10 +3,10 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='194.213027pt' viewBox='-146.287854 -143.034559 425.192834 194.213027'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
     path[fill="#fff"] {fill: #212529 !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: white !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: #eee !important;}
     g[id="subscribe-text"] {fill: #eb008a !important;}
     g[id="subscribe-arrows"] path {stroke: #eb008a !important;}}
 </style>
diff --git a/images/reactive-timeout.svg b/images/reactive-timeout.svg
index e3e8e733..f7fac05b 100644
--- a/images/reactive-timeout.svg
+++ b/images/reactive-timeout.svg
@@ -3,10 +3,10 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='187.024235pt' viewBox='-146.287854 -143.034687 425.192834 187.024235'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
     path[fill="#fff"] {fill: #212529 !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: white !important;}}
+    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g1-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-timer.svg b/images/reactive-timer.svg
index fb985527..a3c60ac8 100644
--- a/images/reactive-timer.svg
+++ b/images/reactive-timer.svg
@@ -3,10 +3,10 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='120.661422pt' viewBox='-146.287854 -146.287772 425.192834 120.661422'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
     path[fill="#fff"] {fill: #212529 !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: white !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: #eee !important;}
     g[id="subscribe-text"] {fill: #eb008a !important;}
     g[id="subscribe-arrows"] path {stroke: #eb008a !important;}}
 </style>
diff --git a/images/reactive-timestamp.svg b/images/reactive-timestamp.svg
index e75aae78..e3d478dc 100644
--- a/images/reactive-timestamp.svg
+++ b/images/reactive-timestamp.svg
@@ -3,10 +3,10 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='181.998798pt' viewBox='-146.287854 -143.034729 425.192834 181.998798'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
     path[fill="#fff"] {fill: #212529 !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-toarray.svg b/images/reactive-toarray.svg
index 26d41674..ec8bde04 100644
--- a/images/reactive-toarray.svg
+++ b/images/reactive-toarray.svg
@@ -3,10 +3,10 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='191.334077pt' viewBox='-146.287854 -143.034729 425.192834 191.334077'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
     path[fill="#fff"] {fill: #212529 !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-todictionary.svg b/images/reactive-todictionary.svg
index dfb0f954..fccf1a3f 100644
--- a/images/reactive-todictionary.svg
+++ b/images/reactive-todictionary.svg
@@ -3,10 +3,10 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='265.642833pt' viewBox='-146.287854 -143.034601 425.192834 265.642833'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
     path[fill="#fff"] {fill: #212529 !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-tolist.svg b/images/reactive-tolist.svg
index dc44cc6d..088440b3 100644
--- a/images/reactive-tolist.svg
+++ b/images/reactive-tolist.svg
@@ -3,10 +3,10 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='180.05185pt' viewBox='-146.287854 -143.034729 425.192834 180.05185'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
     path[fill="#fff"] {fill: #212529 !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-tolookup.svg b/images/reactive-tolookup.svg
index af75c3ba..d4767c66 100644
--- a/images/reactive-tolookup.svg
+++ b/images/reactive-tolookup.svg
@@ -3,10 +3,10 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='255.458919pt' viewBox='-146.287854 -143.242745 425.192834 255.458919'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
     path[fill="#fff"] {fill: #212529 !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-visualizer.svg b/images/reactive-visualizer.svg
index d7ce19cd..2bf87fb1 100644
--- a/images/reactive-visualizer.svg
+++ b/images/reactive-visualizer.svg
@@ -3,10 +3,10 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='195.028423pt' viewBox='-146.287854 -143.034623 425.192834 195.028423'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
     path[fill="#fff"] {fill: #212529 !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-window.svg b/images/reactive-window.svg
index fafd0723..66cd53f2 100644
--- a/images/reactive-window.svg
+++ b/images/reactive-window.svg
@@ -3,10 +3,10 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='344.744137pt' viewBox='-146.287854 -143.034559 425.192834 344.744137'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
     path[fill="#fff"] {fill: #212529 !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: white !important;}}
+    g[id="text"] path, g[id="arrowheads"], path[id="g1-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g1-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-windowcount.svg b/images/reactive-windowcount.svg
index f7d464ff..e476fc8c 100644
--- a/images/reactive-windowcount.svg
+++ b/images/reactive-windowcount.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='231.762591pt' viewBox='-146.287854 -143.034687 425.192834 231.762591'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <g id="text">
diff --git a/images/reactive-windowtime.svg b/images/reactive-windowtime.svg
index 587d179f..55c4cd32 100644
--- a/images/reactive-windowtime.svg
+++ b/images/reactive-windowtime.svg
@@ -3,10 +3,10 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='231.429263pt' viewBox='-146.287854 -143.034687 425.192834 231.429263'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
     path[fill="#fff"] {fill: #212529 !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-windowtrigger.svg b/images/reactive-windowtrigger.svg
index 92b7ca33..dd559cb5 100644
--- a/images/reactive-windowtrigger.svg
+++ b/images/reactive-windowtrigger.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='297.526304pt' viewBox='-146.287854 -143.242575 425.192834 297.526304'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <g id="text">
diff --git a/images/reactive-withlatestfrom.svg b/images/reactive-withlatestfrom.svg
index 9c72e18f..f4845556 100644
--- a/images/reactive-withlatestfrom.svg
+++ b/images/reactive-withlatestfrom.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='294.572472pt' viewBox='-146.287854 -143.03458 425.192834 294.572472'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>
diff --git a/images/reactive-zip.svg b/images/reactive-zip.svg
index aae65e45..1f370109 100644
--- a/images/reactive-zip.svg
+++ b/images/reactive-zip.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='294.572472pt' viewBox='-146.287854 -143.03458 425.192834 294.572472'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <g id="text">
diff --git a/images/reactive-zipwindow.svg b/images/reactive-zipwindow.svg
index 1dc6f490..c31419df 100644
--- a/images/reactive-zipwindow.svg
+++ b/images/reactive-zipwindow.svg
@@ -3,9 +3,9 @@
 <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='425.192834pt' height='311.010857pt' viewBox='-146.287854 -139.213045 425.192834 311.010857'>
 <style>
     @media (prefers-color-scheme: dark) {
-    path[stroke="#000"] {stroke: white !important;}
-    path[fill="#000"] {fill: white !important;}
-    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: white !important;}}
+    path[stroke="#000"] {stroke: #eee !important;}
+    path[fill="#000"] {fill: #eee !important;}
+    g[id="text"] path, g[id="arrowheads"], path[id="g0-106"] {fill: #eee !important;}}
 </style>
 <defs>
 <path id='g0-106' d='M1.892902-7.023661C1.892902-7.173101 1.892902-7.47198 1.594022-7.47198C1.285181-7.47198 1.285181-7.183064 1.285181-7.023661V2.042341C1.285181 2.191781 1.285181 2.49066 1.58406 2.49066C1.892902 2.49066 1.892902 2.201743 1.892902 2.042341V-7.023661Z'/>