chore: add border to menus in dark theme

packages/web/src/components/assets/org.standardnotes.theme-focus/index.css

@@ -47,4 +47,5 @@
   --sn-stylekit-menu-border: 1px solid #424242;
   --navigation-item-selected-background-color: var(--background-color);
   --normal-button-background-color: var(--sn-stylekit-passive-color-5);
+  --menu-border-color: var(--sn-stylekit-border-color);
 }

packages/web/src/javascripts/Components/Popover/PositionedPopoverContent.tsx

@@ -87,7 +87,7 @@ const PositionedPopoverContent = ({
       <div
         className={classNames(
           'absolute top-0 left-0 flex w-full min-w-80 cursor-auto flex-col',
-          'overflow-y-auto rounded bg-default shadow-main md:h-auto md:max-w-xs',
+          'overflow-y-auto rounded border border-[--menu-border-color] bg-default shadow-main md:h-auto md:max-w-xs',
           !disableMobileFullscreenTakeover && 'h-full',
           overrideZIndex ? overrideZIndex : 'z-dropdown-menu',
           !isDesktopScreen && !disableMobileFullscreenTakeover ? 'pt-safe-top pb-safe-bottom' : '',

packages/web/src/stylesheets/_theme.scss

@@ -43,4 +43,6 @@
   --link-element-color: var(--sn-stylekit-info-color);
 
   --normal-button-background-color: var(--sn-stylekit-background-color);
+
+  --menu-border-color: transparent;
 }