From 4d87f305b5b1e6e9b39ff2beefef12460ae26c0b Mon Sep 17 00:00:00 2001
From: alstjr7375 <alstjr7375@daum.net>
Date: Mon, 10 Jul 2023 22:22:41 +0900
Subject: [PATCH] Add: UserContent - Odd / hover background color #737

---
 css/leptonContent.css                          | 16 ++++++++++++++++
 .../proton_contents/_about_preferences.scss    | 18 ++++++++++++++++++
 2 files changed, 34 insertions(+)

diff --git a/css/leptonContent.css b/css/leptonContent.css
index 63f9a1c..a88b443 100644
--- a/css/leptonContent.css
+++ b/css/leptonContent.css
@@ -2059,6 +2059,22 @@
       height: 48px;
     }
   }
+  @-moz-document url-prefix("about:preferences") {
+    #handlersView > 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"],
+    #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),
+    #translations-manage-install-list > .translations-manage-language:nth-child(even):not([selected="true"], :hover) {
+      background-color: var(--in-content-box-background-odd);
+    }
+  }
   /*= chrome://browser/content/places/places.xhtml =============================*/
   @-moz-document url("chrome://browser/content/places/places.xhtml")
   {
diff --git a/src/contents/proton_contents/_about_preferences.scss b/src/contents/proton_contents/_about_preferences.scss
index 20e6894..6dcd5f3 100644
--- a/src/contents/proton_contents/_about_preferences.scss
+++ b/src/contents/proton_contents/_about_preferences.scss
@@ -1,3 +1,21 @@
 @include moz-document(url-prefix "chrome://browser/content") {
   @import "../../theme/proton_chrome/sanitize_everything";
 }
+
+@include moz-document(url-prefix "about:preferences") {
+  // Odd table #737
+  #handlersView > richlistitem,
+  #translations-manage-install-list > .translations-manage-language {
+    &:hover {
+      background-color: var(--in-content-item-hover);
+      color: var(--in-content-item-hover-text);
+    }
+    &[selected="true"] {
+      background-color: var(--in-content-item-selected);
+      color: var(--in-content-item-selected-text);
+    }
+    &:nth-child(even):not([selected="true"], :hover) {
+      background-color: var(--in-content-box-background-odd);
+    }
+  }
+}