feat(org-chart): support external CSS themes and align documentation

examples/org-chart-react/external-theme.css

@@ -0,0 +1,44 @@
+/* Served to stylesheetUrls.core: imports the complete default package stylesheet.
+   Vite resolves this public export; plain servers use their copied /assets/style.css.
+   To change a theme, edit only values in this file. No !important or inline colors. */
+@import '@hm-design/org-chart/style.css';
+:host {
+  --hm-orgchart-bg-surface: #edf4ff;
+  --hm-orgchart-bg-content: #dce8f8;
+  --hm-orgchart-fg-primary: #172b4d;
+  --hm-orgchart-stroke-default: #8b9bb0;
+  --hm-orgchart-company-hanmac: #2457a7;
+  --hm-orgchart-company-saman: #385ca8;
+  --hm-orgchart-company-jangheon-industry: #14786b;
+  --hm-orgchart-company-jangheon: #503a91;
+  --hm-orgchart-company-ptc: #755024;
+  --hm-orgchart-company-halla: #207879;
+  --hm-orgchart-company-baron: #4d6295;
+  --hm-orgchart-group-title-color: #fff4d6;
+  --hm-orgchart-card-background: #f4f8ff;
+  --hm-orgchart-leader-card-background: #e3eeff;
+  --hm-orgchart-top-leader-card-background: #d2e3ff;
+  --hm-orgchart-card-border: #527aa9;
+  --hm-orgchart-card-hover-background: #c1d8f8;
+  --hm-orgchart-card-focus-color: #7650a5;
+  --hm-orgchart-expanded-line-color: #249a79;
+  --hm-orgchart-fixed-line-color: #297ab0;
+  --hm-orgchart-business-management-gradient: linear-gradient(180deg, #2457a7, #123568);
+  --hm-orgchart-business-management-border: #2457a7;
+  --hm-orgchart-business-planning-gradient: linear-gradient(180deg, #385ca8, #23417f);
+  --hm-orgchart-business-planning-border: #385ca8;
+  --hm-orgchart-dispatched-card-gradient: linear-gradient(180deg, #e9f9f0, #a9d8bd);
+  --hm-orgchart-dispatched-card-border: #278857;
+  --hm-orgchart-dispatched-card-color: #145d39;
+  --hm-orgchart-dispatched-title-background: linear-gradient(180deg, #328c61, #1e5b3d);
+  --hm-orgchart-on-leave-card-gradient: linear-gradient(180deg, #f7efff, #d6bbeb);
+  --hm-orgchart-on-leave-card-border: #8050a1;
+  --hm-orgchart-on-leave-card-color: #603080;
+  --hm-orgchart-on-leave-title-background: linear-gradient(180deg, #8d66b3, #573771);
+  --hm-orgchart-dialog-background: #eef2ff;
+  --hm-orgchart-dialog-color: #283568;
+  --hm-orgchart-dialog-border: #6879ba;
+  --hm-orgchart-dialog-close-color: #36478a;
+  --hm-orgchart-dialog-close-hover-background: #dce2f9;
+  --hm-orgchart-dialog-focus-color: #8958ba;
+}