Merge pull request #8388 from streetwriters/fix/theme-issues-2

packages/editor/src/components/responsive/index.tsx

@@ -26,7 +26,8 @@ import {
 import {
   MenuPresenter,
   MenuPresenterProps,
-  PopupPresenter
+  PopupPresenter,
+  PopupPresenterProps
 } from "@notesnook/ui";
 import { getPopupContainer } from "../../toolbar/utils/dom.js";
 
@@ -51,7 +52,8 @@ export function MobileOnly(props: PropsWithChildren<unknown>) {
 
 export type PopupType = "sheet" | "menu" | "none" | "popup";
 export type ResponsivePresenterProps = MenuPresenterProps &
-  ActionSheetPresenterProps & {
+  ActionSheetPresenterProps &
+  PopupPresenterProps & {
     mobile?: PopupType;
     desktop?: PopupType;
   };

packages/editor/src/toolbar/floating-menus/search-replace.tsx

@@ -38,6 +38,7 @@ export function SearchReplaceFloatingMenu(props: FloatingMenuProps) {
     <ResponsivePresenter
       mobile="sheet"
       desktop="popup"
+      scope="dialog"
       isOpen={isSearching}
       onClose={() => editor.commands.endSearch()}
       position={{

packages/editor/src/toolbar/popups/table-popup.tsx

@@ -125,7 +125,7 @@ export function TablePopup(props: TablePopupProps) {
                         bg: "background-selected",
                         borderColor: "transparent"
                       }
-                    : { bg: "transparent", borderColor: "border" })
+                    : { bg: "background-secondary", borderColor: "border" })
                 }}
                 onTouchStart={() => {
                   setCellLocation(getCellLocation(index, tableSize));

packages/editor/styles/styles.css

@@ -42,7 +42,7 @@
   margin-block: 0px;
   cursor: pointer;
   position: relative;
-  background-color: var(--border);
+  background-color: var(--separator);
   width: 100%;
   height: 5px;
   margin-top: 4px;