Update example SVGs

amureki · amureki · commit 3c6118d4283c · 2025-12-12T12:03:00.000+01:00
diff --git a/README.md b/README.md
@@ -2,7 +2,9 @@
 
 Lightweight performance devbar for Django. Shows DB query count, query duration, application time, and detects duplicate queries with visual severity indicators.
 
-![devbar example](https://raw.githubusercontent.com/amureki/django-devbar/main/docs/devbar-example.svg)
+![devbar example](https://raw.githubusercontent.com/amureki/django-devbar/main/docs/devbar-example.svg?v=0.1.3)
+
+![devbar warning example](https://raw.githubusercontent.com/amureki/django-devbar/main/docs/devbar-example-warning.svg?v=0.1.3)
 
 ## Installation
 
diff --git a/docs/devbar-example-warning.svg b/docs/devbar-example-warning.svg
@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="210" height="22" viewBox="0 0 210 22">
+  <rect x="0" y="0" width="210" height="22" rx="4" ry="4" fill="rgba(20,20,20,0.92)"/>
+  <rect x="0" y="0" width="3" height="22" rx="4" ry="4" fill="#f59e0b"/>
+  <text x="11" y="15" font-family="-apple-system, system-ui, sans-serif" font-size="11" font-weight="500" letter-spacing="0.02em">
+    <tspan fill="rgba(255,255,255,0.7)">db</tspan>
+    <tspan fill="rgba(255,255,255,1)" font-weight="600"> 4ms </tspan>
+    <tspan fill="rgba(255,255,255,0.7)">·</tspan>
+    <tspan fill="rgba(255,255,255,0.7)"> app</tspan>
+    <tspan fill="rgba(255,255,255,1)" font-weight="600"> 28ms </tspan>
+    <tspan fill="rgba(255,255,255,0.7)">·</tspan>
+    <tspan fill="rgba(255,255,255,0.7)"> queries</tspan>
+    <tspan fill="rgba(255,255,255,1)" font-weight="600"> 12 </tspan>
+    <tspan fill="#f59e0b" font-weight="600">(d)</tspan>
+  </text>
+</svg>
diff --git a/docs/devbar-example.svg b/docs/devbar-example.svg
@@ -1,13 +1,13 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="180" height="22" viewBox="0 0 180 22">
-  <rect x="0" y="0" width="180" height="22" rx="3" ry="3" fill="rgba(0,0,0,0.85)"/>
-  <text x="8" y="15" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif" font-size="10" font-weight="500" letter-spacing="0.02em">
-    <tspan fill="rgba(255,255,255,0.5)">queries</tspan>
-    <tspan fill="rgba(255,255,255,0.85)"> 12 </tspan>
-    <tspan fill="rgba(255,255,255,0.5)">·</tspan>
-    <tspan fill="rgba(255,255,255,0.5)"> db</tspan>
-    <tspan fill="rgba(255,255,255,0.85)"> 4ms </tspan>
-    <tspan fill="rgba(255,255,255,0.5)">·</tspan>
-    <tspan fill="rgba(255,255,255,0.5)"> total</tspan>
-    <tspan fill="rgba(255,255,255,0.85)"> 32ms</tspan>
+<svg xmlns="http://www.w3.org/2000/svg" width="190" height="22" viewBox="0 0 190 22">
+  <rect x="0" y="0" width="190" height="22" rx="4" ry="4" fill="rgba(20,20,20,0.92)"/>
+  <text x="8" y="15" font-family="-apple-system, system-ui, sans-serif" font-size="11" font-weight="500" letter-spacing="0.02em">
+    <tspan fill="rgba(255,255,255,0.7)">db</tspan>
+    <tspan fill="rgba(255,255,255,1)" font-weight="600"> 4ms </tspan>
+    <tspan fill="rgba(255,255,255,0.7)">·</tspan>
+    <tspan fill="rgba(255,255,255,0.7)"> app</tspan>
+    <tspan fill="rgba(255,255,255,1)" font-weight="600"> 28ms </tspan>
+    <tspan fill="rgba(255,255,255,0.7)">·</tspan>
+    <tspan fill="rgba(255,255,255,0.7)"> queries</tspan>
+    <tspan fill="rgba(255,255,255,1)" font-weight="600"> 12</tspan>
   </text>
 </svg>
