From 817012e23cd52e368e3cc9cff628d0edbfe99163 Mon Sep 17 00:00:00 2001
From: MrOtherGuy <jastekken@outlook.com>
Date: Sat, 11 Dec 2021 21:27:02 +0200
Subject: [PATCH] Create context_menus_more_proton.css

---
 chrome/context_menus_more_proton.css | 55 ++++++++++++++++++++++++++++
 html_resources/tagmap.json           |  3 +-
 tags.csv                             |  1 +
 3 files changed, 58 insertions(+), 1 deletion(-)
 create mode 100644 chrome/context_menus_more_proton.css

diff --git a/chrome/context_menus_more_proton.css b/chrome/context_menus_more_proton.css
new file mode 100644
index 0000000..310fb3f
--- /dev/null
+++ b/chrome/context_menus_more_proton.css
@@ -0,0 +1,55 @@
+/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/context_menus_more_proton.css made available under Mozilla Public License v. 2.0
+See the above repository for updates as well as full license text. */
+
+/* Adds more proton-like styling to context menus. Rounded rows, and more consistent padding. This is only going to work on Win10+ */
+
+:root{
+  --arrowpanel-menuitem-margin: 0 8px;
+  --arrowpanel-menuitem-padding-block: 8px;
+  --arrowpanel-menuitem-padding-inline: 8px;
+  --arrowpanel-menuitem-border-radius: 4px;
+  --panel-separator-margin-vertical: 4px;
+  --button-hover-bgcolor: rgb(82, 82, 94);
+}
+/* Set custom context menu colors below */
+/*
+menupopup:not(.in-menulist){
+  --panel-background: #eb2a33 !important;
+  --panel-color: #4aa !important;
+}
+*/
+
+menupopup{
+  --panel-item-hover-bgcolor: var(--button-hover-bgcolor)
+}
+menupopup > menuitem,
+menupopup > menu{
+  appearance: none !important;
+  margin: var(--arrowpanel-menuitem-margin) !important;
+  min-height: 24px !important;
+  padding: var(--arrowpanel-menuitem-padding-block) var(--arrowpanel-menuitem-padding-inline) !important;
+  border-radius: var(--arrowpanel-menuitem-border-radius) !important;
+  background-color: transparent !important;
+}
+#context-navigation{
+  padding-inline: var(--arrowpanel-menuitem-padding-inline) !important;
+}
+
+menupopup:not(.in-menulist){
+  --panel-padding: var(--arrowpanel-menuitem-padding-block) 0 !important;
+}
+menuseparator:not(.in-menulist){
+  margin-block: var(--panel-separator-margin-vertical) !important;
+}
+
+#context-navigation > menuitem[_moz-menuactive] .menu-iconic-icon{
+  border-radius: var(--arrowpanel-menuitem-border-radius) !important;
+}
+menupopup > menuitem[_moz-menuactive],
+menupopup > menu[_moz-menuactive]{
+  background-color: var(--panel-item-hover-bgcolor) !important;
+}
+menupopup > menuitem[disabled][_moz-menuactive],
+menupopup > menu[disabled][_moz-menuactive]{
+  background-color: var(--menuitem-disabled-hover-background-color) !important;
+}
diff --git a/html_resources/tagmap.json b/html_resources/tagmap.json
index a1752a9..37f1e72 100644
--- a/html_resources/tagmap.json
+++ b/html_resources/tagmap.json
@@ -146,5 +146,6 @@
 "window_control_placeholder_support.css":["window-control","patch"],
 "urlbar_info_icons_on_hover.css":["autohide","icon","urlbar","minimal"],
 "page_action_buttons_on_urlbar_hover.css":["urlbar","icon","minimal","autohide"],
-"integrated_searchbar_popup.css":["popup","colors"]
+"integrated_searchbar_popup.css":["popup","colors"],
+"context_menus_more_proton.css":["proton","menu"]
 }
diff --git a/tags.csv b/tags.csv
index 8977d00..4eb8070 100644
--- a/tags.csv
+++ b/tags.csv
@@ -146,3 +146,4 @@ window_control_placeholder_support.css,window-control,patch
 urlbar_info_icons_on_hover.css,autohide,icon,urlbar,minimal
 page_action_buttons_on_urlbar_hover.css,urlbar,icon,minimal,autohide
 integrated_searchbar_popup.css,popup,colors
+context_menus_more_proton.css,proton,menu