| @@ -427,9 +427,11 @@ | ||
| 427 | 427 | $parent_selector .block-editor-inserter__main-area .block-editor-inserter__category-tablist button {color: black;} |
| 428 | 428 | $parent_selector .interface-interface-skeleton__body .interface-interface-skeleton__secondary-sidebar {border-right: 1px solid #e0e0e0;} |
| 429 | 429 | $parent_selector .block-editor__container .edit-post-header {border-bottom: 1px solid #e0e0e0} |
| 430 | 430 | $parent_selector .components-modal__content .components-text, |
| 431 | - $parent_selector .components-popover__content .components-text { color: black!important; } | |
| 431 | + $parent_selector .components-panel .components-text, | |
| 432 | + $parent_selector .components-popover__content .components-text, | |
| 433 | + $parent_selector .preferences__tabs button[aria-selected=false] > span { color: black!important; } | |
| 432 | 434 | $parent_selector .block-editor-block-inspector .components-tools-panel { border-top-color: #e0e0e0; } |
| 433 | 435 | $parent_selector .admin-ui-navigable-region .components-panel__header > div > button { color: black; } |
| 434 | 436 | $parent_selector .editor-sidebar__panel .editor-post-card-panel__header svg, |
| 435 | 437 | $parent_selector .commands-command-menu__container .commands-command-menu__header svg { fill: black; } |
| @@ -447,10 +449,12 @@ | ||
| 447 | 449 | $parent_selector .block-editor-block-inspector .components-unit-control input { |
| 448 | 450 | background: #1e1e1e!important; color: #f0f0f1!important; border-color: #4a4a4a!important; |
| 449 | 451 | } |
| 450 | 452 | /* Unit suffix/select (the \"px\" box) is a separate element the engine leaves |
| 451 | - white — force it dark to match the WIDTH input. */ | |
| 452 | - $parent_selector .css-dkbncl-Menu-Menu, | |
| 453 | + white — force it dark to match the WIDTH input. Its popover is an Ariakit | |
| 454 | + dialog, so match it on the attributes it carries WHILE OPEN; a bare | |
| 455 | + [data-dialog] also hits every closed one and any other dialog on the page. */ | |
| 456 | + $parent_selector div[data-dialog][data-open=\"true\"][role=\"menu\"], | |
| 453 | 457 | $parent_selector .block-editor-block-inspector .components-unit-control__unit-select, |
| 454 | 458 | $parent_selector .block-editor-block-inspector .components-unit-control select, |
| 455 | 459 | $parent_selector .block-editor-block-inspector .components-input-control__suffix, |
| 456 | 460 | $parent_selector .block-editor-block-inspector .components-input-control__suffix * { |
