diff --git a/docs/diagrams/JUSTICE LOGO.svg b/docs/diagrams/JUSTICE LOGO.svg
index 7db37d6..de8bbf4 100644
--- a/docs/diagrams/JUSTICE LOGO.svg	
+++ b/docs/diagrams/JUSTICE LOGO.svg	
@@ -2,20 +2,33 @@
 <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 348.01 122.87">
   <defs>
     <style>
+      /* Default = light mode */
       .cls-1 {
-        fill: #231f20;
+        fill: #231f20; /* dark text */
         font-family: Arial-Black, 'Arial Black';
         font-size: 72px;
         font-weight: 800;
       }
-
+    
       .cls-2 {
+        fill: #231f20; /* make sure path is also visible */
         stroke-width: 0px;
       }
+    
+      /* Dark mode */
+      @media (prefers-color-scheme: dark) {
+        .cls-1 {
+          fill: #ffffff; /* white text */
+        }
+    
+        .cls-2 {
+          fill: #ffffff; /* white icon */
+        }
+      }
     </style>
   </defs>
   <g id="Layer_1-2" data-name="Layer 1">
     <text class="cls-1" transform="translate(0 100.79)"><tspan x="0" y="0">JUSTICE</tspan></text>
     <path class="cls-2" d="m209.12,24.59c-3.3,1.02-6.59.25-6.59-4.06,0-6.59,15.47-12.17,17.75-18,.5-1.52.5-2.53,0-2.53s0,.76-1.27,1.78c-6.34,6.34-17.24,6.34-25.61,10.14-5.33,2.52-21.3,9.87-17.75,26.62.25.76.76,3.55,1.02,3.55.76-.25.76-1.78.76-3.8,0-9.89,11.66-12.67,15.47-19.27.5-.76,1.27-1.78,1.52-1.27v1.27c-1.27,5.33-6.84,8.88-5.33,12.67,2.03,5.08,8.11,1.27,9.89-2.03.5-.76.76-1.52,1.02-1.27.25,0,.25,1.02,0,2.03-1.02,5.83-2.28,8.88-6.59,12.17-1.27,1.02-3.55,1.27-3.3,2.03,0,.25,1.02.25,1.78,0,11.16-.76,20.53-13.94,23.08-22.56.25-.5.25-1.27,0-1.52s-.76.25-1.27.76c-1.02,1.54-2.8,2.8-4.57,3.31h0Z"/>
   </g>
-</svg>
\ No newline at end of file
+</svg>