diff --git a/docs/requirements/Component-StoreAndForward.md b/docs/requirements/Component-StoreAndForward.md
index 3396fa57..85a60c8d 100644
--- a/docs/requirements/Component-StoreAndForward.md
+++ b/docs/requirements/Component-StoreAndForward.md
@@ -26,6 +26,7 @@ Site clusters only. The central cluster does not buffer messages.
 ## Message Lifecycle
 
 ```mermaid
+%%{init: {'theme':'base', 'themeVariables': {'textColor':'#111111','lineColor':'#555555','edgeLabelBackground':'#ffffff','fontSize':'15px'}}}%%
 flowchart TD
     A([Script submits message]) --> B[Attempt immediate delivery]
     B --> C{Delivered?}
@@ -36,11 +37,11 @@ flowchart TD
     G -->|Success| H([Remove from buffer<br/>+ notify standby])
     G -->|Max retries exhausted| I([Park message<br/>dead-letter])
 
-    classDef ok fill:#d5e8d4,stroke:#82b366;
-    classDef proc fill:#dae8fc,stroke:#6c8ebf;
-    classDef dec fill:#fff2cc,stroke:#d6b656;
-    classDef buf fill:#ffe6cc,stroke:#d79b00;
-    classDef bad fill:#f8cecc,stroke:#b85450;
+    classDef ok fill:#d5e8d4,stroke:#82b366,color:#111111;
+    classDef proc fill:#dae8fc,stroke:#6c8ebf,color:#111111;
+    classDef dec fill:#fff2cc,stroke:#d6b656,color:#111111;
+    classDef buf fill:#ffe6cc,stroke:#d79b00,color:#111111;
+    classDef bad fill:#f8cecc,stroke:#b85450,color:#111111;
     class A,D,H ok
     class B,F proc
     class C,G dec