From f7718ed326857ccf2524e28aa127c61e539821d8 Mon Sep 17 00:00:00 2001
From: alstjr7375 <alstjr7375@daum.net>
Date: Mon, 23 Sep 2024 19:00:36 +0900
Subject: [PATCH] Fix: about:process profile button hover again #989

---
 css/leptonContent.css                            | 16 ++++++++++++++--
 css/leptonContentESR.css                         |  8 +++++++-
 .../proton_contents/_about_processes.scss        | 11 ++++++++++-
 3 files changed, 31 insertions(+), 4 deletions(-)

diff --git a/css/leptonContent.css b/css/leptonContent.css
index 87defb78..49e5e9b1 100644
--- a/css/leptonContent.css
+++ b/css/leptonContent.css
@@ -2266,7 +2266,7 @@
     }
   }
   /*= about:processes ==========================================================*/
-  @-moz-document url-prefix("about:processes") {
+  @-moz-document url-prefix("about:processes"), url-prefix("about:performance") {
     td.type.favicon[style*='background-image: url("chrome://global/skin/icons/link.svg");']
     {
       background-image: url("../icons/link.svg") !important;
@@ -2281,6 +2281,12 @@
         border-radius: 8px !important;
       }
     }
+    .profiler-icon:hover {
+      color: var(--in-content-button-text-color-hover) !important;
+    }
+    .profiler-icon:hover:active {
+      color: var(--in-content-button-text-color-active) !important;
+    }
   }
   @-moz-document url-prefix("about:profiling") {
     .perf-intro-icon {
@@ -6010,7 +6016,7 @@
   }
 }
 @media (-moz-bool-pref: "userContent.page.proton") {
-  @-moz-document url-prefix("about:processes") {
+  @-moz-document url-prefix("about:processes"), url-prefix("about:performance") {
     td.type.favicon[style*='background-image: url("chrome://global/skin/icons/link.svg");']
     {
       background-image: url("../icons/link.svg") !important;
@@ -6025,6 +6031,12 @@
         border-radius: 8px !important;
       }
     }
+    .profiler-icon:hover {
+      color: var(--in-content-button-text-color-hover) !important;
+    }
+    .profiler-icon:hover:active {
+      color: var(--in-content-button-text-color-active) !important;
+    }
   }
 }
 @media (-moz-bool-pref: "userContent.page.proton") {
diff --git a/css/leptonContentESR.css b/css/leptonContentESR.css
index 27ce77b4..b984d3a9 100644
--- a/css/leptonContentESR.css
+++ b/css/leptonContentESR.css
@@ -2269,7 +2269,7 @@
     }
   }
   /*= about:processes ==========================================================*/
-  @-moz-document url-prefix("about:processes") {
+  @-moz-document url-prefix("about:processes"), url-prefix("about:performance") {
     td.type.favicon[style*='background-image: url("chrome://global/skin/icons/link.svg");']
     {
       background-image: url("../icons/link.svg") !important;
@@ -2284,6 +2284,12 @@
         border-radius: 8px !important;
       }
     }
+    .profiler-icon:hover {
+      color: var(--in-content-button-text-color-hover) !important;
+    }
+    .profiler-icon:hover:active {
+      color: var(--in-content-button-text-color-active) !important;
+    }
   }
   @-moz-document url-prefix("about:profiling") {
     .perf-intro-icon {
diff --git a/src/contents/proton_contents/_about_processes.scss b/src/contents/proton_contents/_about_processes.scss
index d1167e85..b114de2e 100644
--- a/src/contents/proton_contents/_about_processes.scss
+++ b/src/contents/proton_contents/_about_processes.scss
@@ -1,4 +1,7 @@
-@include moz-document(url-prefix "about:processes") {
+@include moz-document(
+  url-prefix "about:processes",
+  url-prefix "about:performance"
+) {
   td.type.favicon[style*='background-image: url("chrome://global/skin/icons/link.svg");'] {
     background-image: url("../icons/link.svg") !important;
   }
@@ -12,6 +15,12 @@
 
     // #960
     color: inherit !important;
+    &:hover {
+      color: var(--in-content-button-text-color-hover) !important;
+    }
+    &:hover:active {
+      color: var(--in-content-button-text-color-active) !important;
+    }
   }
 }