From 2998e21838f112e9d40fd5559baf049b7fabb1b5 Mon Sep 17 00:00:00 2001
From: alstjr7375 <alstjr7375@daum.net>
Date: Thu, 7 Sep 2023 23:28:22 +0900
Subject: [PATCH] Add: Content - Odd rows color at dialog's richlistbox #751

---
 css/leptonContent.css                                | 9 +++++----
 css/leptonContentESR.css                             | 9 +++++----
 src/contents/proton_contents/_about_preferences.scss | 9 ++++++---
 3 files changed, 16 insertions(+), 11 deletions(-)

diff --git a/css/leptonContent.css b/css/leptonContent.css
index 8dd8bc1..fd652d1 100644
--- a/css/leptonContent.css
+++ b/css/leptonContent.css
@@ -2172,18 +2172,19 @@
       height: 48px;
     }
   }
-  @-moz-document url-prefix("about:preferences") {
-    #handlersView > richlistitem:hover,
+  @-moz-document url-prefix("about:preferences"), url-prefix("chrome://browser/content/preferences/dialogs/")
+  {
+    :is(.contentPane, .main-content) richlistbox > richlistitem:hover,
     #translations-manage-install-list > .translations-manage-language:hover {
       background-color: var(--in-content-item-hover);
       color: var(--in-content-item-hover-text);
     }
-    #handlersView > richlistitem[selected="true"],
+    :is(.contentPane, .main-content) richlistbox > richlistitem[selected="true"],
     #translations-manage-install-list > .translations-manage-language[selected="true"] {
       background-color: var(--in-content-item-selected);
       color: var(--in-content-item-selected-text);
     }
-    #handlersView > richlistitem:nth-child(even):not([selected="true"], :hover),
+    :is(.contentPane, .main-content) richlistbox > richlistitem:nth-child(even):not([selected="true"], :hover),
     #translations-manage-install-list > .translations-manage-language:nth-child(even):not([selected="true"], :hover) {
       background-color: var(--in-content-box-background-odd);
     }
diff --git a/css/leptonContentESR.css b/css/leptonContentESR.css
index fb0fd2c..0c0de15 100644
--- a/css/leptonContentESR.css
+++ b/css/leptonContentESR.css
@@ -2175,18 +2175,19 @@
       height: 48px;
     }
   }
-  @-moz-document url-prefix("about:preferences") {
-    #handlersView > richlistitem:hover,
+  @-moz-document url-prefix("about:preferences"), url-prefix("chrome://browser/content/preferences/dialogs/")
+  {
+    :is(.contentPane, .main-content) richlistbox > richlistitem:hover,
     #translations-manage-install-list > .translations-manage-language:hover {
       background-color: var(--in-content-item-hover);
       color: var(--in-content-item-hover-text);
     }
-    #handlersView > richlistitem[selected="true"],
+    :is(.contentPane, .main-content) richlistbox > richlistitem[selected="true"],
     #translations-manage-install-list > .translations-manage-language[selected="true"] {
       background-color: var(--in-content-item-selected);
       color: var(--in-content-item-selected-text);
     }
-    #handlersView > richlistitem:nth-child(even):not([selected="true"], :hover),
+    :is(.contentPane, .main-content) richlistbox > richlistitem:nth-child(even):not([selected="true"], :hover),
     #translations-manage-install-list > .translations-manage-language:nth-child(even):not([selected="true"], :hover) {
       background-color: var(--in-content-box-background-odd);
     }
diff --git a/src/contents/proton_contents/_about_preferences.scss b/src/contents/proton_contents/_about_preferences.scss
index 6dcd5f3..dc3e7c8 100644
--- a/src/contents/proton_contents/_about_preferences.scss
+++ b/src/contents/proton_contents/_about_preferences.scss
@@ -2,9 +2,12 @@
   @import "../../theme/proton_chrome/sanitize_everything";
 }
 
-@include moz-document(url-prefix "about:preferences") {
-  // Odd table #737
-  #handlersView > richlistitem,
+@include moz-document(
+  url-prefix "about:preferences",
+  url-prefix "chrome://browser/content/preferences/dialogs/"
+) {
+  // Odd table #737 #751
+  :is(.contentPane, .main-content) richlistbox > richlistitem,
   #translations-manage-install-list > .translations-manage-language {
     &:hover {
       background-color: var(--in-content-item-hover);