style: enhance README diagrams with improved subgraph labels and node styling for clarity

This commit is contained in:
Firman Ramdhani
2026-05-28 12:33:40 +07:00
parent c510feadbb
commit b4af762baa
4 changed files with 96 additions and 26 deletions
+19 -4
View File
@@ -24,7 +24,7 @@ graph TD
IDB[IndexedDB Adapter]
end
subgraph Browser ["Browser APIs"]
subgraph Browser ["Browser APIs (Native)"]
B_LOCAL[(localStorage)]
B_IDB[(IndexedDB)]
end
@@ -38,9 +38,24 @@ graph TD
LOCAL <--> B_LOCAL
IDB <--> B_IDB
style Core fill:#f8f9fa,stroke:#ced4da
style ENC fill:#fab005,color:#fff,stroke:#fff
style Browser fill:#e9ecef,stroke:#adb5bd
%% Styling Subgraphs (Backgrounds)
style Apps fill:#e7f5ff,stroke:#74c0fc,stroke-width:2px,color:#1864ab
style Core fill:#f8f9fa,stroke:#ced4da,stroke-width:2px,color:#495057
style Browser fill:#f1f3f5,stroke:#ced4da,stroke-width:2px,color:#495057
%% Styling App Nodes (Blue)
style UI fill:#339af0,stroke:#1864ab,color:#fff
%% Styling Core Nodes (Purple Engine, Green Registry, Gold Encryption)
style API fill:#845ef7,stroke:#5f3dc4,color:#fff
style LOCAL fill:#845ef7,stroke:#5f3dc4,color:#fff
style IDB fill:#845ef7,stroke:#5f3dc4,color:#fff
style REG fill:#20c997,stroke:#089981,color:#fff
style ENC fill:#fab005,stroke:#e67700,color:#fff
%% Styling Browser Nodes (Neutral Gray)
style B_LOCAL fill:#868e96,stroke:#495057,color:#fff
style B_IDB fill:#868e96,stroke:#495057,color:#fff
```
---