Presentation popup menu not showing when edge is selected. Added custom colors to the readme

Author: Developer-Mike

README.md

@@ -52,6 +52,7 @@ All features can be enabled/disabled in the settings.
     - Default
     - Straight
     - A*
+- [Custom colors](#custom-colors) in the color picker
 - [Stickers](#stickers)
   - Convert image nodes to stickers (transparent background and no border)
 - [Presentation mode](#presentation)
@@ -167,6 +168,21 @@ Set the path style of the edges (arrows) to default, straight or A*.
     <img src="./assets/edge-path-styles.png" alt="Edge Path Styles Example"/>
 </details>
 
+## Custom Colors
+Add custom colors to the color picker. You can add them using the following css snippet:
+```css
+:root {
+    /* Where X is the index of the color in the palette */
+    /* The colors 1-6 are already used by Obsidian */
+    --canvas-color-X: 0, 255, 0; /* RGB */
+}
+```
+
+<details>
+    <summary>Custom Colors In Palette</summary>
+    <img src="./assets/custom-colors.png" alt="Custom Colors In Palette"/>
+</details>
+
 ## Stickers
 Convert image nodes to stickers. Stickers have a transparent background and no border.
 

assets/custom-colors.png

@@ -89,10 +89,10 @@ export default class PresentationCanvasExtension {
 
   onPopupMenuCreated(canvas: Canvas): void {
     // If the canvas is readonly or there are multiple/no nodes selected, return
-    const selectedNodeData = canvas.getSelectionData().nodes
-    if (canvas.readonly || selectedNodeData.length !== 1) return
+    const selectedNodesData = canvas.getSelectionData().nodes
+    if (canvas.readonly || selectedNodesData.length !== 1 || canvas.selection.size > 1) return
 
-    const selectedNode = canvas.nodes.get(selectedNodeData[0].id)
+    const selectedNode = canvas.nodes.get(selectedNodesData[0].id)
     if (!selectedNode) return
 
     CanvasHelper.addPopupMenuOption(