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/styles/org-chart-content.css
+9 -4
View File
@@ -70,7 +70,7 @@
width: 204px;
padding: 10px;
background: var(--hm-orgchart-current-card-background);
border-top: var(--hm-orgchart-resolved-border-top-width) solid var(--hm-orgchart-current-border);
border-top: var(--hm-orgchart-resolved-border-top-width) solid var(--hm-orgchart-group-border, var(--hm-orgchart-current-border));
}
.hm-orgchart-engine.orgchart .node[data-depth="0"] { width: 244px; }
.hm-orgchart-engine.orgchart .node[data-depth="0"] .hm-orgchart-organization { width: 244px; }
@@ -92,12 +92,12 @@
margin: 8px 0 0;
text-align: center;
border-radius: var(--hm-orgchart-resolved-radius-container);
color: var(--hm-orgchart-current-department-color);
color: var(--hm-orgchart-group-title-color, var(--hm-orgchart-current-department-color));
}
.hm-orgchart-engine.orgchart .node[data-header-role="organization"] .hm-orgchart-organization-name {
min-height: var(--hm-orgchart-title-height, 40px);
padding: 6px 12px;
background: var(--hm-orgchart-group-background);
background: var(--hm-orgchart-group-title-background, var(--hm-orgchart-group-background));
font-size: var(--hm-orgchart-title-font-size, 18px);
font-weight: var(--hm-orgchart-resolved-font-weight-bold);
line-height: var(--hm-orgchart-title-line-height, 26px);
@@ -105,7 +105,7 @@
.hm-orgchart-engine.orgchart .node[data-header-role="group"] .hm-orgchart-organization-name {
min-height: var(--hm-orgchart-group-header-height, 32px);
padding: 4px 8px;
background: var(--hm-orgchart-current-border);
background: var(--hm-orgchart-group-title-background, var(--hm-orgchart-current-border));
font-size: var(--hm-orgchart-group-header-font-size, 14px);
font-weight: var(--hm-orgchart-resolved-font-weight-bold);
line-height: var(--hm-orgchart-group-header-line-height, 20px);
@@ -131,6 +131,11 @@
.hm-orgchart-color-legend { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: var(--hm-orgchart-resolved-spacing-sm); }
.hm-orgchart-color-legend dd { margin: 0; display: grid; gap: 4px; }
.hm-orgchart-color-swatch { display: block; width: 44px; height: 22px; border: 1px solid var(--hm-orgchart-resolved-stroke-default); }
.hm-orgchart-color-swatch-card-background { background-color: var(--hm-orgchart-current-card-background); }
.hm-orgchart-color-swatch-card-color { color: var(--hm-orgchart-current-card-color); }
.hm-orgchart-color-swatch-department-color { color: var(--hm-orgchart-current-department-color); }
.hm-orgchart-color-swatch-border { background-color: var(--hm-orgchart-current-border); }
.hm-orgchart-color-swatch-gradient { background-image: var(--hm-orgchart-current-gradient); }
.hm-orgchart-color-swatch[data-css-property="color"] { text-align: center; font-weight: var(--hm-orgchart-resolved-font-weight-bold); }
.hm-orgchart-contrast-normal, .hm-orgchart-contrast-candidate, .hm-orgchart-contrast-chip {
margin: var(--hm-orgchart-resolved-spacing-sm) 0;