diff --git a/docs/graphs/core.dot b/docs/graphs/core.dot
index a52dfbb9..93724927 100644
--- a/docs/graphs/core.dot
+++ b/docs/graphs/core.dot
@@ -1,13 +1,13 @@
 digraph G {
   fontname = "Roboto";
   newrank=true;
-  node[fontname = "Roboto", style=filled, fontcolor=white, color="#474973"];
+  node[fontname = "Roboto", style="filled", fontcolor="#333333", fillcolor=white, color="#333333"];
+  edge[color="#333333"];
 
   { rank = same; iced_native iced_web }
 
   iced_core -> iced_native [style=dashed];
   iced_core -> iced_web [style=dashed];
 
-  iced_core [style=dashed, fontcolor=black];
-
+  iced_core [style=dashed];
 }
diff --git a/docs/graphs/core.png b/docs/graphs/core.png
index a5002c9b..0b14ab6c 100644
Binary files a/docs/graphs/core.png and b/docs/graphs/core.png differ
diff --git a/docs/graphs/ecosystem.dot b/docs/graphs/ecosystem.dot
index e6c1af94..609cf726 100644
--- a/docs/graphs/ecosystem.dot
+++ b/docs/graphs/ecosystem.dot
@@ -1,19 +1,19 @@
 digraph G {
   fontname = "Roboto";
   newrank=true;
-  node[fontname = "Roboto", style=filled, fontcolor=white, color="#474973"];
+  node[fontname = "Roboto", style="filled", fontcolor="#333333", fillcolor=white, color="#333333"];
+  edge[color="#333333"];
 
   subgraph cluster_1 {
     label = "renderers  ";
     labelloc = "b";
     labeljust = "r";
-    fontcolor = "#ffffff";
-    color="#8797AF";
-    bgcolor="#8797AF";
+    fontcolor = "#0366d6";
+    color="#f6f8fa";
+    bgcolor="#f6f8fa";
     style=rounded;
-    node [fillcolor=white, color=white, fontcolor=black];
 
-    etc_1 [label="...", style=empty, shape=none, fontcolor=white];
+    etc_1 [label="...", style=solid, shape=none];
     iced_wgpu;
   }
 
@@ -21,13 +21,12 @@ digraph G {
     label = "shells  ";
     labelloc = "b";
     labeljust = "r";
-    fontcolor = "#ffffff";
-    color="#8797AF";
-    bgcolor="#8797AF";
+    fontcolor = "#0366d6";
+    color="#f6f8fa";
+    bgcolor="#f6f8fa";
     style=rounded;
-    node [fillcolor=white, color=white, fontcolor=black];
 
-    etc_2 [label="...", style=empty, shape=none, fontcolor=white];
+    etc_2 [label="...", style=solid, shape=none];
     iced_winit;
   }
 
@@ -51,9 +50,7 @@ digraph G {
 
   iced -> "cross-platform application";
 
-  iced_core [style=dashed, fontcolor=black];
-  iced [width=1, height=0.6, style="filled", fontcolor=white, color="#474973"];
+  iced_core [style=dashed];
 
-
-  "cross-platform application" [shape=box3d, style="solid", width=2.8, height=0.6, fontcolor="#474973"];
+  "cross-platform application" [shape=box, width=2.8, height=0.6];
 }
diff --git a/docs/graphs/ecosystem.png b/docs/graphs/ecosystem.png
index 647c22ab..03fe1130 100644
Binary files a/docs/graphs/ecosystem.png and b/docs/graphs/ecosystem.png differ
diff --git a/docs/graphs/generate.sh b/docs/graphs/generate.sh
new file mode 100755
index 00000000..45073820
--- /dev/null
+++ b/docs/graphs/generate.sh
@@ -0,0 +1,6 @@
+#!/usr/bin/env bash
+
+for file in *.dot
+do
+  dot -Tpng ${file} -o ${file%.*}.png
+done
diff --git a/docs/graphs/iced.dot b/docs/graphs/iced.dot
index c049bf95..24dbb972 100644
--- a/docs/graphs/iced.dot
+++ b/docs/graphs/iced.dot
@@ -1,19 +1,19 @@
 digraph G {
   fontname = "Roboto";
   newrank=true;
-  node[fontname = "Roboto", style=filled, fontcolor=white, color="#474973"];
+  node[fontname = "Roboto", style="filled", fontcolor="#333333", fillcolor=white, color="#333333"];
+  edge[color="#333333"];
 
   subgraph cluster_1 {
     label = "renderers  ";
     labelloc = "b";
     labeljust = "r";
-    fontcolor = "#ffffff";
-    color="#8797AF";
-    bgcolor="#8797AF";
+    fontcolor = "#0366d6";
+    color="#f6f8fa";
+    bgcolor="#f6f8fa";
     style=rounded;
-    node [fillcolor=white, color=white, fontcolor=black];
 
-    etc_1 [label="...", style=empty, shape=none, fontcolor=white];
+    etc_1 [label="...", style=solid, shape=none];
     iced_wgpu;
   }
 
@@ -21,13 +21,12 @@ digraph G {
     label = "shells  ";
     labelloc = "b";
     labeljust = "r";
-    fontcolor = "#ffffff";
-    color="#8797AF";
-    bgcolor="#8797AF";
+    fontcolor = "#0366d6";
+    color="#f6f8fa";
+    bgcolor="#f6f8fa";
     style=rounded;
-    node [fillcolor=white, color=white, fontcolor=black];
 
-    etc_2 [label="...", style=empty, shape=none, fontcolor=white];
+    etc_2 [label="...", style=solid, shape=none];
     iced_winit;
   }
 
@@ -43,5 +42,5 @@ digraph G {
   iced_wgpu -> iced;
   iced_web -> iced;
 
-  iced [width=1, height=0.6, style="filled", fontcolor=white, color="#474973"];
+  iced;
 }
diff --git a/docs/graphs/iced.png b/docs/graphs/iced.png
index dcdd9cd3..5d4a35bc 100644
Binary files a/docs/graphs/iced.png and b/docs/graphs/iced.png differ
diff --git a/docs/graphs/native.dot b/docs/graphs/native.dot
index 3bc654a5..b57736b5 100644
--- a/docs/graphs/native.dot
+++ b/docs/graphs/native.dot
@@ -1,19 +1,19 @@
 digraph G {
   fontname = "Roboto";
   newrank=true;
-  node[fontname = "Roboto", style=filled, fontcolor=white, color="#474973"];
+  node[fontname = "Roboto", style="filled", fontcolor="#333333", fillcolor=white, color="#333333"];
+  edge[color="#333333"];
 
   subgraph cluster_1 {
     label = "renderers  ";
     labelloc = "b";
     labeljust = "r";
-    fontcolor = "#ffffff";
-    color="#8797AF";
-    bgcolor="#8797AF";
+    fontcolor = "#0366d6";
+    color="#f6f8fa";
+    bgcolor="#f6f8fa";
     style=rounded;
-    node [fillcolor=white, color=white, fontcolor=black];
 
-    etc_1 [label="...", style=empty, shape=none, fontcolor=white];
+    etc_1 [label="...", style=solid, shape=none];
     iced_wgpu;
   }
 
@@ -21,13 +21,12 @@ digraph G {
     label = "shells  ";
     labelloc = "b";
     labeljust = "r";
-    fontcolor = "#ffffff";
-    color="#8797AF";
-    bgcolor="#8797AF";
+    fontcolor = "#0366d6";
+    color="#f6f8fa";
+    bgcolor="#f6f8fa";
     style=rounded;
-    node [fillcolor=white, color=white, fontcolor=black];
 
-    etc_2 [label="...", style=empty, shape=none, fontcolor=white];
+    etc_2 [label="...", style=solid, shape=none];
     iced_winit;
   }
 
@@ -38,5 +37,5 @@ digraph G {
   iced_native -> iced_wgpu;
   iced_native -> iced_winit;
 
-  iced_core [style=dashed, fontcolor=black];
+  iced_core [style=dashed];
 }
diff --git a/docs/graphs/native.png b/docs/graphs/native.png
index fbcad808..892e4fee 100644
Binary files a/docs/graphs/native.png and b/docs/graphs/native.png differ
diff --git a/docs/graphs/web.dot b/docs/graphs/web.dot
index 06c05176..853ca398 100644
--- a/docs/graphs/web.dot
+++ b/docs/graphs/web.dot
@@ -1,12 +1,12 @@
 digraph G {
   fontname = "Roboto";
   newrank=true;
-  node[fontname = "Roboto", style=filled, fontcolor=white, color="#474973"];
+  node[fontname = "Roboto", style="filled", fontcolor="#333333", fillcolor=white, color="#333333"];
+  edge[color="#333333"];
 
   iced_core -> iced_web [style=dashed];
 
   iced_web -> iced;
 
-  iced_core [style=dashed, fontcolor=black];
-  iced [width=1, height=0.6, style="filled", fontcolor=white, color="#474973"];
+  iced_core [style=dashed];
 }
diff --git a/docs/graphs/web.png b/docs/graphs/web.png
index 6db04087..e6a1a5f6 100644
Binary files a/docs/graphs/web.png and b/docs/graphs/web.png differ
diff --git a/docs/graphs/wgpu.dot b/docs/graphs/wgpu.dot
index dc2d7cc8..410c2eeb 100644
--- a/docs/graphs/wgpu.dot
+++ b/docs/graphs/wgpu.dot
@@ -1,19 +1,19 @@
 digraph G {
   fontname = "Roboto";
   newrank=true;
-  node[fontname = "Roboto", style=filled, fontcolor=white, color="#474973"];
+  node[fontname = "Roboto", style="filled", fontcolor="#333333", fillcolor=white, color="#333333"];
+  edge[color="#333333"];
 
   subgraph cluster_1 {
     label = "renderers  ";
     labelloc = "b";
     labeljust = "r";
-    fontcolor = "#ffffff";
-    color="#8797AF";
-    bgcolor="#8797AF";
+    fontcolor = "#0366d6";
+    color="#f6f8fa";
+    bgcolor="#f6f8fa";
     style=rounded;
-    node [fillcolor=white, color=white, fontcolor=black];
 
-    etc_1 [label="...", style=empty, shape=none, fontcolor=white];
+    etc_1 [label="...", style=solid, shape=none];
     iced_wgpu;
   }
 
@@ -28,6 +28,4 @@ digraph G {
   iced_native -> iced_wgpu;
 
   iced_wgpu -> iced;
-
-  iced [width=1, height=0.6, style="filled", fontcolor=white, color="#474973"];
 }
diff --git a/docs/graphs/wgpu.png b/docs/graphs/wgpu.png
index 00ae76ce..4831caba 100644
Binary files a/docs/graphs/wgpu.png and b/docs/graphs/wgpu.png differ
diff --git a/docs/graphs/winit.dot b/docs/graphs/winit.dot
index c31f869b..4ea5149a 100644
--- a/docs/graphs/winit.dot
+++ b/docs/graphs/winit.dot
@@ -1,19 +1,19 @@
 digraph G {
   fontname = "Roboto";
   newrank=true;
-  node[fontname = "Roboto", style=filled, fontcolor=white, color="#474973"];
+  node[fontname = "Roboto", style="filled", fontcolor="#333333", fillcolor=white, color="#333333"];
+  edge[color="#333333"];
 
   subgraph cluster_2 {
     label = "shells  ";
     labelloc = "b";
     labeljust = "r";
-    fontcolor = "#ffffff";
-    color="#8797AF";
-    bgcolor="#8797AF";
+    fontcolor = "#0366d6";
+    color="#f6f8fa";
+    bgcolor="#f6f8fa";
     style=rounded;
-    node [fillcolor=white, color=white, fontcolor=black];
 
-    etc_2 [label="...", style=empty, shape=none, fontcolor=white];
+    etc_2 [label="...", style=solid, shape=none];
     iced_winit;
   }
 
@@ -28,6 +28,4 @@ digraph G {
   iced_native -> iced_winit;
 
   iced_winit -> iced;
-
-  iced [width=1, height=0.6, style="filled", fontcolor=white, color="#474973"];
 }
diff --git a/docs/graphs/winit.png b/docs/graphs/winit.png
index ef8b98dc..1c028b29 100644
Binary files a/docs/graphs/winit.png and b/docs/graphs/winit.png differ