From f5cb5aaa0bed6b5ec676c36de2e80b8b43a59310 Mon Sep 17 00:00:00 2001
From: land0r <wp.netlog@gmail.com>
Date: Thu, 14 Nov 2024 04:04:23 +0100
Subject: [PATCH] feat: Fix - missing start and end elements styling

---
 main.ts    | 37 ++++++++++++++++++++++++++++++++++++-
 styles.css |  5 +++++
 2 files changed, 41 insertions(+), 1 deletion(-)

diff --git a/main.ts b/main.ts
index 3ad4eda..fbb830a 100644
--- a/main.ts
+++ b/main.ts
@@ -56,11 +56,12 @@ export default class FlowchartPlugin extends Plugin {
 		// Wrap the rendering in a requestAnimationFrame for timing
 		requestAnimationFrame(() => {
 			try {
+				const config = this.mergeSymbolSettings(this.settings.config);
 				const diagram = flowchart.parse(source);
 				const container = el.createEl('div', {
 					cls: 'obsidian-flowchart-container',
 				});
-				diagram.drawSVG(container, this.settings.config);
+				diagram.drawSVG(container, config);
 				container
 					.querySelector('svg')
 					?.setAttribute('aria-label', 'Flowchart diagram');
@@ -77,6 +78,40 @@ export default class FlowchartPlugin extends Plugin {
 		});
 	}
 
+	private mergeSymbolSettings(
+		config: Record<string, any>
+	): Record<string, any> {
+		console.log(config);
+
+		// Ensure symbols inherit main settings if not explicitly defined
+		const {
+			'font-color': fontColor,
+			'element-color': elementColor,
+			fill,
+		} = config;
+
+		const mergedSymbols = {
+			start: {
+				'font-color': fontColor,
+				'element-color': elementColor,
+				fill: fill,
+			},
+			end: {
+				'font-color': fontColor,
+				'element-color': elementColor,
+				fill: fill,
+			},
+		};
+
+		return {
+			...config,
+			symbols: {
+				...config.symbols,
+				...mergedSymbols,
+			},
+		};
+	}
+
 	fixXlinkAttributes(el: HTMLElement) {
 		// Find elements with deprecated xlink attributes and replace them
 		const elements = el.querySelectorAll('[*|href]');
diff --git a/styles.css b/styles.css
index 8734694..3eab3bb 100644
--- a/styles.css
+++ b/styles.css
@@ -11,3 +11,8 @@ If your plugin does not need CSS, delete this file.
 	width: 100%;
 	height: auto;
 }
+
+.vertical-tab-content .theme-notice {
+	font-size: 14px;
+	margin-bottom: 20px;
+}