shkim4/HMDesign
Private
Public Access
1
0 Fork 0
Code Activity

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

Browse Source
This commit is contained in:
shkim4 committed 2026-10-13 22:43:21 +09:00
1 parent dcfa4e0895
commit 346c648c09
27 files changed
+1189 -75
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/org-chart/src/core/style-presets.ts
+1 -14
View File
@@ -59,18 +59,5 @@ export const organizationStylePresets = [
export function applyOrganizationStyle(element: HTMLElement, variant: number): void {
const preset = organizationStylePresets[variant] ?? organizationStylePresets[0];
element.dataset.groupVariant = String(preset.id);
const prefix = preset.variablePrefix;
element.style.setProperty('--hm-orgchart-current-card-background',
`var(${prefix}-card-background, var(--hm-orgchart-card-background, ${preset.cardBackground}))`);
element.style.setProperty('--hm-orgchart-current-card-color',
`var(${prefix}-card-color, var(--hm-orgchart-card-color, var(--hm-orgchart-resolved-fg-primary)))`);
element.style.setProperty('--hm-orgchart-current-department-color',
`var(${prefix}-department-color, var(--hm-orgchart-department-color, ${preset.departmentColor}))`);
element.style.setProperty('--hm-orgchart-current-border',
`var(${prefix}-border, var(--hm-orgchart-border, ${preset.borderColor}))`);
element.style.setProperty('--hm-orgchart-current-gradient',
`var(${prefix}-gradient, var(--hm-orgchart-gradient, ${preset.backgroundImage}))`);
// Compatibility aliases remain local to this presentation element.
element.style.setProperty('--hm-orgchart-accent', 'var(--hm-orgchart-current-border)');
element.style.setProperty('--hm-orgchart-group-background', 'var(--hm-orgchart-current-gradient)');
// CSS owns defaults and the cascade; JS only selects the existing preset.
}