diff --git a/packages/sw/src/theme/sw-footer.css b/packages/sw/src/theme/sw-footer.css index 5115ba4..e6f89e5 100644 --- a/packages/sw/src/theme/sw-footer.css +++ b/packages/sw/src/theme/sw-footer.css @@ -177,7 +177,8 @@ white-space: nowrap; } .hm-sw-footer-side[data-side="end"] { filter: drop-shadow(calc(-1 * var(--hm-sw-footer-side-shadow-offset)) 0 8px rgba(0, 0, 0, 0.6)); } -.hm-sw-footer-side__title { text-shadow: var(--hm-sw-header-text-outline); } +/* Title (보조기능 / 명령어) Bold in every state (2026-10-20 user request); the 전체보기 subtitle keeps its weight. */ +.hm-sw-footer-side__title { font-weight: 700; text-shadow: var(--hm-sw-header-text-outline); } .hm-sw-footer-side__subtitle { text-shadow: var(--hm-sw-header-label-outline); } /* Not in Figma: hover / selected reuse the footer rules: the whole button lights up, both text lines in the accent (#FF5C00) and the orange ring of a selected auxiliary toggle over the frame (2026-10-20; was the title only). Size, @@ -379,6 +380,8 @@ padding: 0 8px; color: var(--hm-sw-footer-muted); font-size: 14px; + /* Bold in Default / Hover / current (2026-10-20 user request); only the color changes between the states. */ + font-weight: 700; /* Figma 1.4px (10%) on 레이어 … 구조/배근 (0.56px on the first four): with it the Noto widths meet the Figma boxes (45 / 61 / 43 / 84px). */ letter-spacing: 0.1em; diff --git a/packages/sw/src/theme/sw-home-menu.css b/packages/sw/src/theme/sw-home-menu.css index 2d648d3..72536d3 100644 --- a/packages/sw/src/theme/sw-home-menu.css +++ b/packages/sw/src/theme/sw-home-menu.css @@ -413,7 +413,8 @@ letter-spacing: 0.04em; } .hm-sw-recent-files__name { color: var(--hm-sw-header-text-color); font-size: var(--hm-sw-header-font-size); font-weight: 700; line-height: 16px; text-shadow: var(--hm-sw-header-text-outline); } -.hm-sw-recent-files__path { color: var(--hm-sw-recent-files-path-color); font-size: var(--hm-sw-header-label-size); line-height: 14px; opacity: 0.6; text-shadow: var(--hm-sw-header-label-outline); } +/* Path Bold with its 12px black outline (2026-10-20 user request), like the file name above (700 + 14px outline). */ +.hm-sw-recent-files__path { color: var(--hm-sw-recent-files-path-color); font-size: var(--hm-sw-header-label-size); font-weight: 700; line-height: 14px; opacity: 0.6; text-shadow: var(--hm-sw-header-label-outline); } .hm-sw-recent-files__row:is(:hover, [data-hovered="true"]):not(:disabled) { background: var(--hm-sw-recent-files-row-hover-background); } .hm-sw-recent-files__row:is(:hover, [data-hovered="true"]):not(:disabled) .hm-sw-recent-files__name { color: var(--hm-sw-recent-files-row-hover-color); } .hm-sw-recent-files__empty { padding: 16px 45px; color: var(--hm-sw-recent-files-path-color); font-size: var(--hm-sw-header-label-size); opacity: 0.6; } @@ -456,9 +457,14 @@ } .hm-sw-recent-files__preview[data-side="above"] { transform: translateY(-100%); } .hm-sw-recent-files__preview:is([data-side="below"], [data-side="above"]) .hm-sw-recent-files__preview-body { border-radius: 0 0 4px 4px; } +/* Preview file name: Bold with the 14px black text outline of the list (2026-10-20 user request). Clip (not hidden) + lets the outline paint past the ellipsis box like the list rows; width, position and ellipsis are unchanged. */ .hm-sw-recent-files__preview-title { width: 294px; - overflow: hidden; + overflow: clip; + overflow-clip-margin: var(--hm-sw-header-text-outline-room); + font-weight: 700; + text-shadow: var(--hm-sw-header-text-outline); white-space: nowrap; text-overflow: ellipsis; color: var(--hm-sw-recent-files-row-hover-color); diff --git a/packages/sw/src/theme/sw-viewer.css b/packages/sw/src/theme/sw-viewer.css index 4f214ac..0fb7ab0 100644 --- a/packages/sw/src/theme/sw-viewer.css +++ b/packages/sw/src/theme/sw-viewer.css @@ -234,6 +234,11 @@ button.hm-sw-viewer-header__brand { text-align: left; } .hm-sw-viewer-header :is(.hm-sw-viewer-header__count, .hm-sw-viewer-header__switch-label, .hm-sw-viewer-status__label) { text-shadow: var(--hm-sw-header-label-outline); } +/* Bold (2026-10-20 user request): file name, button labels (파일열기 · 샘플 · 전체보기 · 레이어 · 설정 · 속성) and the + Model / Layout tabs. Counts, captions and status keep their own weight; size, color and outline are unchanged. */ +.hm-sw-viewer-header :is(.hm-sw-viewer-header__document-name, .hm-sw-viewer-header__label, .hm-sw-viewer-header__tab) { + font-weight: 700; +} /* Clipped (ellipsis) file name: the outline may paint 2px outside the box instead of being cut. */ .hm-sw-viewer-header .hm-sw-viewer-header__document-name { overflow: clip; diff --git a/packages/sw/src/theme/sw.css b/packages/sw/src/theme/sw.css index 45b1f71..316b184 100644 --- a/packages/sw/src/theme/sw.css +++ b/packages/sw/src/theme/sw.css @@ -603,6 +603,12 @@ white-space: nowrap; text-overflow: ellipsis; } +/* Composed Controls (2026-10-20 user request): the menu fields placed on their own (SWHeaderLayerMenu … outside + ) show the value Bold. Fields inside SWHeader keep Regular (400) above; the widths are unchanged, so a + value wider than its Figma box ends in an ellipsis + title as before. */ +.hm-sw-header__field-value:not(.hm-sw-header .hm-sw-header__field-value) { + font-weight: 700; +} .hm-sw-header__layer-icons { display: flex; flex: 0 0 auto; } .hm-sw-header__layer-icon { position: relative; display: block; width: 20px; height: 20px; }