style: enhance README diagrams with improved subgraph labels and node styling for clarity
This commit is contained in:
@@ -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
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
Reference in New Issue
Block a user