Make diagram look better

Author: tilenkavcic

fern/docs/pages/airdrop/extraction-phases.mdx

@@ -13,6 +13,12 @@ sequenceDiagram
     'theme': 'base',
     'themeVariables': {
         'fontFamily': 'Segoe UI',
+        'primaryColor': '#4285F4',
+        'primaryTextColor': '#fff',
+        'primaryBorderColor': '#7570b3',
+        'lineColor': '#555',
+        'secondaryColor': '#f8f8f8',
+        'tertiaryColor': '#f4f4f4',
         'signalColor': '#7d7f7c',
         'signalTextColor': '#7d7f7c'
 }}}%%
@@ -21,36 +27,44 @@ sequenceDiagram
   participant ad as Airdrop components
   participant ee as External extractor
 
-	note over gw,ad: Extract External Sync Units
+  rect rgb(240, 245, 255)
+  note over gw,ad: Extract External Sync Units
 	user ->> gw: Select import connection
 	gw ->> ad: Start External Sync Unit extraction
 	ad ->> ee: Start External Sync Unit extraction
 	ee -->> gw: List of External Sync Units
 	gw ->> ad: List of External Sync Units
 	ad ->> gw: List of External Sync Units
 	gw -->> user: Show available External Sync Units
+  end
 
-
+  rect rgb(240, 248, 240)
 	note over gw,ad: Extract Metadata
 	ad ->> ee: Start Metadata extraction
 	ee -->> gw: List of extracted metadata artifacts
 	gw ->> ad: List of extracted metadata artifacts
+  end
 
+  rect rgb(245, 245, 245)
 	note over gw,ad: Extract data
 	ad ->> ee: Start data extraction
 	ee -->> gw: List of extracted data artifacts
 	gw ->> ad: List of extracted data artifacts
 
 	note over ad: Transform and import data into DevRev
+  end
 
+  rect rgb(255, 246, 240)
 	note over gw,ad: Extract attachments
 	ad ->> ee: Start attachment extraction
 	ee -->> gw: List of extracted attachments
 	gw ->> ad: List of extracted attachments
 
 	ad -->> gw: Finished import
 	gw -->> user: Show finished import and report
+  end
 
+  rect rgb(248, 240, 245)
 	note over gw,ad: Delete data
 	user ->> gw: Delete import
 	gw ->> ad: Delete import
@@ -65,6 +79,7 @@ sequenceDiagram
 	note over ad: Deletes internal data
 	ad -->> gw: Finished deleting import
 	gw -->> user: Import deleted
+  end
 ```
 
 ## Sync modes