feat: Added translucency effect to menus, dialogs and alerts. Can be turned off from Preferences > Appeareance (#2387) [skip e2e]

packages/web/src/javascripts/Components/Menu/MenuItemSeparator.tsx

@@ -2,7 +2,7 @@ import { FunctionComponent } from 'react'
 
 const MenuItemSeparator: FunctionComponent = () => (
   <li className="list-none" role="none">
-    <div role="separator" className="my-2 h-[1px] bg-border" />
+    <div role="separator" className="my-2 h-[1px] bg-[--separator-color]" />
   </li>
 )
 

packages/web/src/javascripts/Components/Menu/MenuRadioButtonItem.tsx

@@ -38,7 +38,7 @@ const Tooltip = ({ text }: { text: string }) => {
         onMouseEnter={() => setVisible(true)}
         onMouseLeave={() => setVisible(false)}
       >
-        <Icon type={'notes'} className="text-border" size="large" />
+        <Icon type={'notes'} className="text-border translucent-ui:text-[--popover-border-color]" size="large" />
       </div>
       <Popover
         open={visible}