diff --git a/notes/pics/bloom-filter.png b/notes/pics/bloom-filter.png
index 6937dad6..4d6aa70b 100644
Binary files a/notes/pics/bloom-filter.png and b/notes/pics/bloom-filter.png differ
diff --git a/notes/pics/cache-aside-race.png b/notes/pics/cache-aside-race.png
index bd150ceb..aa813432 100644
Binary files a/notes/pics/cache-aside-race.png and b/notes/pics/cache-aside-race.png differ
diff --git a/notes/pics/lru.png b/notes/pics/lru.png
index 38da77b8..c5252ce2 100644
Binary files a/notes/pics/lru.png and b/notes/pics/lru.png differ
diff --git a/tools/diagram/src/bloom-filter.svg b/tools/diagram/src/bloom-filter.svg
index 8d3a077d..83dbc77e 100644
--- a/tools/diagram/src/bloom-filter.svg
+++ b/tools/diagram/src/bloom-filter.svg
@@ -15,7 +15,7 @@
     .dash { stroke-dasharray: 5 4; }
     .line { stroke: #666; stroke-width: 1.3; fill: none; }
     .frame { fill: none; stroke: #999; stroke-width: 1; stroke-dasharray: 4 3; }
-    .shadow { fill: #C0C0C0; }
+    .shadow { fill: #DADADA; }
   </style>
   <defs>
     <marker id="a" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
@@ -79,10 +79,10 @@
   <rect x="534" y="135" width="32" height="30" fill="#FFFFFF" stroke="#999"/>
   <text x="550" y="155" class="c b">0</text>
   <text x="550" y="181" class="c sub">15</text>
-  <rect x="123" y="53" width="80" height="30" rx="6" class="shadow"/>
+  <rect x="122" y="52" width="80" height="30" rx="6" class="shadow"/>
   <rect x="120" y="50" width="80" height="30" rx="6" fill="#B0E3E6"/>
   <text x="160" y="69.5" class="b c">key1</text>
-  <rect x="423" y="53" width="80" height="30" rx="6" class="shadow"/>
+  <rect x="422" y="52" width="80" height="30" rx="6" class="shadow"/>
   <rect x="420" y="50" width="80" height="30" rx="6" fill="#B0E3E6"/>
   <text x="460" y="69.5" class="b c">key2</text>
   <line x1="160" y1="83" x2="102" y2="132" class="arrow "/>
@@ -92,10 +92,10 @@
   <line x1="460" y1="83" x2="390" y2="132" class="arrow "/>
   <line x1="460" y1="83" x2="486" y2="132" class="arrow "/>
   <text x="30" y="70" class="b">插入</text>
-  <rect x="93" y="243" width="80" height="30" rx="6" class="shadow"/>
+  <rect x="92" y="242" width="80" height="30" rx="6" class="shadow"/>
   <rect x="90" y="240" width="80" height="30" rx="6" fill="#E6E6E6"/>
   <text x="130" y="259.5" class="b c">key3</text>
-  <rect x="383" y="243" width="80" height="30" rx="6" class="shadow"/>
+  <rect x="382" y="242" width="80" height="30" rx="6" class="shadow"/>
   <rect x="380" y="240" width="80" height="30" rx="6" fill="#E6E6E6"/>
   <text x="420" y="259.5" class="b c">key4</text>
   <line x1="130" y1="237" x2="102" y2="168" class="arrow "/>
diff --git a/tools/diagram/src/cache-aside-race.svg b/tools/diagram/src/cache-aside-race.svg
index 92e67788..daaf127a 100644
--- a/tools/diagram/src/cache-aside-race.svg
+++ b/tools/diagram/src/cache-aside-race.svg
@@ -10,7 +10,7 @@
     .arrow { stroke: #666; stroke-width: 1.3; fill: none; marker-end: url(#a); }
     .reply { stroke-dasharray: 5 4; }
     .lost { stroke: #C0605A; marker-end: url(#x); }
-    .shadow { fill: #C0C0C0; }
+    .shadow { fill: #DADADA; }
   </style>
   <defs>
     <marker id="a" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto">
@@ -26,16 +26,16 @@
   <line x1="195" y1="76" x2="195" y2="302" class="life"/>
   <line x1="325" y1="76" x2="325" y2="302" class="life"/>
   <line x1="455" y1="76" x2="455" y2="302" class="life"/>
-  <rect x="32" y="48" width="72" height="30" rx="6" class="shadow"/>
+  <rect x="31" y="47" width="72" height="30" rx="6" class="shadow"/>
   <rect x="29" y="45" width="72" height="30" rx="6" fill="#B0E3E6"/>
   <text x="65" y="64.5" class="head">写请求</text>
-  <rect x="162" y="48" width="72" height="30" rx="6" class="shadow"/>
+  <rect x="161" y="47" width="72" height="30" rx="6" class="shadow"/>
   <rect x="159" y="45" width="72" height="30" rx="6" fill="#B1DDF0"/>
   <text x="195" y="64.5" class="head">缓存</text>
-  <rect x="292" y="48" width="72" height="30" rx="6" class="shadow"/>
+  <rect x="291" y="47" width="72" height="30" rx="6" class="shadow"/>
   <rect x="289" y="45" width="72" height="30" rx="6" fill="#B1DDF0"/>
   <text x="325" y="64.5" class="head">数据库</text>
-  <rect x="422" y="48" width="72" height="30" rx="6" class="shadow"/>
+  <rect x="421" y="47" width="72" height="30" rx="6" class="shadow"/>
   <rect x="419" y="45" width="72" height="30" rx="6" fill="#B0E3E6"/>
   <text x="455" y="64.5" class="head">读请求</text>
   <line x1="69" y1="100" x2="191" y2="100" class="arrow"/>
diff --git a/tools/diagram/src/lru.svg b/tools/diagram/src/lru.svg
index cd1643d6..2fcde3cb 100644
--- a/tools/diagram/src/lru.svg
+++ b/tools/diagram/src/lru.svg
@@ -15,7 +15,7 @@
     .dash { stroke-dasharray: 5 4; }
     .line { stroke: #666; stroke-width: 1.3; fill: none; }
     .frame { fill: none; stroke: #999; stroke-width: 1; stroke-dasharray: 4 3; }
-    .shadow { fill: #C0C0C0; }
+    .shadow { fill: #DADADA; }
   </style>
   <defs>
     <marker id="a" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
@@ -31,19 +31,19 @@
   <rect width="100%" height="100%" fill="#FFFFFF"/>
 
   <text x="310" y="28" class="title">LRU：HashMap + 双向链表</text>
-  <rect x="33" y="160" width="80" height="36" rx="6" class="shadow"/>
+  <rect x="32" y="159" width="80" height="36" rx="6" class="shadow"/>
   <rect x="30" y="157" width="80" height="36" rx="6" fill="#E6E6E6"/>
   <text x="70" y="179.5" class="c b mono">head</text>
-  <rect x="153" y="160" width="80" height="36" rx="6" class="shadow"/>
+  <rect x="152" y="159" width="80" height="36" rx="6" class="shadow"/>
   <rect x="150" y="157" width="80" height="36" rx="6" fill="#B1DDF0"/>
   <text x="190" y="179.5" class="c b mono">k2</text>
-  <rect x="273" y="160" width="80" height="36" rx="6" class="shadow"/>
+  <rect x="272" y="159" width="80" height="36" rx="6" class="shadow"/>
   <rect x="270" y="157" width="80" height="36" rx="6" fill="#B1DDF0"/>
   <text x="310" y="179.5" class="c b mono">k3</text>
-  <rect x="393" y="160" width="80" height="36" rx="6" class="shadow"/>
+  <rect x="392" y="159" width="80" height="36" rx="6" class="shadow"/>
   <rect x="390" y="157" width="80" height="36" rx="6" fill="#B1DDF0"/>
   <text x="430" y="179.5" class="c b mono">k1</text>
-  <rect x="513" y="160" width="80" height="36" rx="6" class="shadow"/>
+  <rect x="512" y="159" width="80" height="36" rx="6" class="shadow"/>
   <rect x="510" y="157" width="80" height="36" rx="6" fill="#E6E6E6"/>
   <text x="550" y="179.5" class="c b mono">tail</text>
   <line x1="112" y1="169" x2="148" y2="169" class="arrow "/>