| @@ -420,10 +420,18 @@ | ||
| 420 | 420 | |
| 421 | 421 | // $parent_selector = 'body.wp-adminify.adminify-dark-mode'; |
| 422 | 422 | $parent_selector = 'body.wp-adminify'; |
| 423 | 423 | |
| 424 | - $dark_mode_style = "$parent_selector .components-modal__content .components-text, | |
| 425 | - $parent_selector .components-popover__content .components-text { color: black!important; } | |
| 424 | + $dark_mode_style = "$parent_selector .editor-document-bar__title .editor-document-bar__post-title {color: black;} | |
| 425 | + $parent_selector .interface-complementary-area {border-left: 1px solid #dedee7!important;} | |
| 426 | + $parent_selector .block-editor-inserter__main-area .block-editor-tabbed-sidebar .block-editor-tabbed-sidebar__tablist button, .block-editor-tabbed-sidebar .block-editor-tabbed-sidebar__tab {color: black;} | |
| 427 | + $parent_selector .block-editor-inserter__main-area .block-editor-inserter__category-tablist button {color: black;} | |
| 428 | + $parent_selector .interface-interface-skeleton__body .interface-interface-skeleton__secondary-sidebar {border-right: 1px solid #e0e0e0;} | |
| 429 | + $parent_selector .block-editor__container .edit-post-header {border-bottom: 1px solid #e0e0e0} | |
| 430 | + $parent_selector .components-modal__content .components-text, | |
| 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; } | |
| 426 | 434 | $parent_selector .block-editor-block-inspector .components-tools-panel { border-top-color: #e0e0e0; } |
| 427 | 435 | $parent_selector .admin-ui-navigable-region .components-panel__header > div > button { color: black; } |
| 428 | 436 | $parent_selector .editor-sidebar__panel .editor-post-card-panel__header svg, |
| 429 | 437 | $parent_selector .commands-command-menu__container .commands-command-menu__header svg { fill: black; } |
| @@ -441,9 +449,12 @@ | ||
| 441 | 449 | $parent_selector .block-editor-block-inspector .components-unit-control input { |
| 442 | 450 | background: #1e1e1e!important; color: #f0f0f1!important; border-color: #4a4a4a!important; |
| 443 | 451 | } |
| 444 | 452 | /* Unit suffix/select (the \"px\" box) is a separate element the engine leaves |
| 445 | - white — force it dark to match the WIDTH input. */ | |
| 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\"], | |
| 446 | 457 | $parent_selector .block-editor-block-inspector .components-unit-control__unit-select, |
| 447 | 458 | $parent_selector .block-editor-block-inspector .components-unit-control select, |
| 448 | 459 | $parent_selector .block-editor-block-inspector .components-input-control__suffix, |
| 449 | 460 | $parent_selector .block-editor-block-inspector .components-input-control__suffix * { |
