adjust context menu colors and add rounded border

chrome/menu/contextmenu.css

@@ -14,15 +14,25 @@ menupopup > menuseparator {
 }
 
 /* Based on: <https://github.com/Redundakitties/colorful-minimalist/raw/main/hacks/darkContextMenu.css> */
-/* background */
-menupopup {
+/* And: https://gist.github.com/soulhotel/23c20583751a7f457eb5b5579e828965 */
+menupopup,
+panel {
+  color-scheme: light dark;
   --panel-background: #202020 !important;
-  --panel-border-color: rgba(
-    32,
-    32,
-    32,
-    0
-  ) !important; /* Transparent panel border */
+  --panel-color: #b0adac !important;
+  --panel-border-radius: 12px !important;
+  --panel-border-color: rgba(32, 32, 32, 0) !important;
+}
+
+menuitem:hover {
+  background-color: #202020 !important;
+  color: #b0adac !important;
+}
+
+menu:where([_moz-menuactive="true"]:not([disabled="true"])),
+menuitem:where([_moz-menuactive="true"]:not([disabled="true"])) {
+  background-color: #202020 !important;
+  color: #b0adac !important;
 }
 
 /* foreground */

readme.md

@@ -50,7 +50,7 @@ My tailor-fitted, highly customized, and advanced [Firefox](https://www.mozilla.
 - Global font family and size
 - Other various fixes and tweaks
 - Custom addons configuration
-- Various Context menu tweaks (e.g no separators, compact, custom colors)
+- Various Context menu tweaks (e.g no separators, compact, custom colors, rounded borders)
 - Userscripts
 - Userstyles
 - Custom theme