Use a more prominent shadow in menus

src/annotator/components/AdderToolbar.tsx

@@ -238,7 +238,7 @@ export default function AdderToolbar({
         // default border values from Tailwind and have to be explicit about all
         // border attributes.
         'border border-solid border-grey-3',
-        'absolute select-none bg-white rounded shadow-adder-toolbar',
+        'absolute select-none bg-white rounded shadow-intense',
         // Start at a very low opacity as we're going to fade-in in the animation
         'opacity-5',
         {

src/sidebar/components/Menu.tsx

@@ -223,7 +223,7 @@ export default function Menu({
             'focus-visible-ring',
             // Position menu content near bottom of menu label/toggle control
             'absolute top-[calc(100%+3px)] z-1',
-            'border shadow rounded-lg overflow-hidden bg-white text-md',
+            'border shadow-intense rounded-lg overflow-hidden bg-white text-md',
             {
               'left-0': align === 'left',
               'right-0': align === 'right',

tailwind.config.mjs

@@ -25,7 +25,9 @@ export default {
         'slide-in-from-right': 'slide-in-from-right 0.3s forwards ease-in-out',
       },
       boxShadow: {
-        'adder-toolbar': '0px 2px 10px 0px rgba(0, 0, 0, 0.25)',
+        // A more prominent shadow than the one used by tailwind, intended for
+        // popovers and menus
+        intense: '0px 2px 10px 0px rgb(0 0 0 / 0.25)',
         focus: `0 0 0 2px ${focusBlue}`,
         'focus-inner': `inset 0 0 0 2px ${focusBlue}`,
         // The shadow shown along the edge of the sidebar in the clean theme