| @@ -868,9 +868,9 @@ | ||
| 868 | 868 | |
| 869 | 869 | .os-my-wordpress__user-bio { |
| 870 | 870 | font-size: 14px; |
| 871 | 871 | line-height: 1.5; |
| 872 | - color: var( --os-fg, #1d2327 ); | |
| 872 | + color: var( --os-my-wordpress-fg, var( --os-ui-fg, #1d2327 ) ); | |
| 873 | 873 | margin: 0 0 16px; |
| 874 | 874 | padding-left: 12px; |
| 875 | 875 | border-left: 3px solid var( --os-ui-border, #dcdcde ); |
| 876 | 876 | } |
| @@ -1207,9 +1207,9 @@ | ||
| 1207 | 1207 | } |
| 1208 | 1208 | |
| 1209 | 1209 | .os-my-wordpress__comment-quote p { |
| 1210 | 1210 | margin: 0; |
| 1211 | - color: var( --os-fg, #1d2327 ); | |
| 1211 | + color: var( --os-my-wordpress-fg, var( --os-ui-fg, #1d2327 ) ); | |
| 1212 | 1212 | } |
| 1213 | 1213 | |
| 1214 | 1214 | /* Comment body — same style as article-content but with a soft |
| 1215 | 1215 | * card background so it reads as the focal element. */ |
| @@ -1299,9 +1299,9 @@ | ||
| 1299 | 1299 | |
| 1300 | 1300 | .os-my-wordpress__comment-reply-excerpt { |
| 1301 | 1301 | margin: 0; |
| 1302 | 1302 | font-size: 13px; |
| 1303 | - color: var( --os-fg, #1d2327 ); | |
| 1303 | + color: var( --os-my-wordpress-fg, var( --os-ui-fg, #1d2327 ) ); | |
| 1304 | 1304 | line-height: 1.45; |
| 1305 | 1305 | } |
| 1306 | 1306 | |
| 1307 | 1307 | /* =================================================================== * |
| @@ -1506,14 +1506,17 @@ | ||
| 1506 | 1506 | flex-direction: column; |
| 1507 | 1507 | gap: 8px; |
| 1508 | 1508 | } |
| 1509 | 1509 | |
| 1510 | +/* Window text reads the app's own foreground, never `--os-fg`: that token | |
| 1511 | + * is the shell's text ON THE DESK, so a light theme (Legacy) leaves it | |
| 1512 | + * white and the name vanished into the white hero. */ | |
| 1510 | 1513 | .os-my-wordpress__footprint-title { |
| 1511 | 1514 | margin: 0; |
| 1512 | 1515 | font-size: 28px; |
| 1513 | 1516 | line-height: 1.15; |
| 1514 | 1517 | font-weight: 700; |
| 1515 | - color: var( --os-fg, #1d2327 ); | |
| 1518 | + color: var( --os-my-wordpress-fg, var( --os-ui-fg, #1d2327 ) ); | |
| 1516 | 1519 | } |
| 1517 | 1520 | |
| 1518 | 1521 | .os-my-wordpress__footprint-meta { |
| 1519 | 1522 | display: flex; |
| @@ -1744,9 +1747,9 @@ | ||
| 1744 | 1747 | .os-my-wordpress__footprint-callout-value { |
| 1745 | 1748 | margin: 2px 0; |
| 1746 | 1749 | font-size: 24px; |
| 1747 | 1750 | font-weight: 700; |
| 1748 | - color: var( --os-fg, #1d2327 ); | |
| 1751 | + color: var( --os-my-wordpress-fg, var( --os-ui-fg, #1d2327 ) ); | |
| 1749 | 1752 | } |
| 1750 | 1753 | |
| 1751 | 1754 | .os-my-wordpress__footprint-callout-detail { |
| 1752 | 1755 | margin: 0; |
| @@ -2472,8 +2475,13 @@ | ||
| 2472 | 2475 | /* One view at a time: the grid, an agent, or the wizard. A sidebar of |
| 2473 | 2476 | faces next to a detail form would leave neither enough room, and the |
| 2474 | 2477 | whole point of the grid is that the faces are big enough to tell |
| 2475 | 2478 | apart. */ |
| 2479 | +/* The pane scrolls, and a scroll container clips ink overflow: a field | |
| 2480 | + flush with its edge loses the focus halo the kit paints outside the | |
| 2481 | + border (1px ring + 4px bloom), so the brief's ring read as a top and | |
| 2482 | + bottom line with nothing at the sides. Trade 5px of the section's | |
| 2483 | + 12px padding for a gutter inside the pane; the content does not move. */ | |
| 2476 | 2484 | .dm-agents__view { |
| 2477 | 2485 | display: flex; |
| 2478 | 2486 | flex-direction: column; |
| 2479 | 2487 | flex: 1; |
| @@ -2479,8 +2487,10 @@ | ||
| 2479 | 2487 | flex: 1; |
| 2480 | 2488 | min-height: 0; |
| 2481 | 2489 | overflow-y: auto; |
| 2482 | 2490 | gap: 12px; |
| 2491 | + margin-inline: -5px; | |
| 2492 | + padding-inline: 5px; | |
| 2483 | 2493 | } |
| 2484 | 2494 | |
| 2485 | 2495 | .dm-agents__cast-head { |
| 2486 | 2496 | display: flex; |
