From abfa1495d56d208336b94b2ff30c10882d1fd0b4 Mon Sep 17 00:00:00 2001
From: Calixte Denizet <calixte.denizet@gmail.com>
Date: Wed, 22 Oct 2025 16:05:26 +0200
Subject: [PATCH] [Editor] Fix the css of the button to close the comment
 sidebar (bug 1995766)

---
 web/comment_manager.css | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/web/comment_manager.css b/web/comment_manager.css
index 8cc77b515..0df0cd1ce 100644
--- a/web/comment_manager.css
+++ b/web/comment_manager.css
@@ -224,7 +224,7 @@
     --comment-indicator-selected-fg-color: SelectedItem;
     --button-comment-bg: ButtonFace;
     --button-comment-color: ButtonText;
-    --button-comment-active-bg: ButtonText;
+    --button-comment-active-bg: Highlight;
     --button-comment-active-color: HighlightText;
     --button-comment-border: 1px solid ButtonText;
     --button-comment-hover-bg: Highlight;
@@ -283,8 +283,8 @@
       height: 32px;
       padding: 8px;
       border-radius: 4px;
-      border: none;
-      background: none;
+      border: var(--button-comment-border);
+      background-color: var(--button-comment-bg);
       cursor: pointer;
 
       &::before {
@@ -295,15 +295,24 @@
         mask-repeat: no-repeat;
         mask-position: center;
         mask-image: var(--comment-close-button-icon);
-        background-color: var(--comment-fg-color);
+        background-color: var(--button-comment-color);
       }
 
       &:hover {
-        background-color: var(--comment-hover-bg-color);
+        background-color: var(--button-comment-hover-bg);
+
+        &::before {
+          background-color: var(--button-comment-hover-color);
+        }
       }
 
       &:active {
-        background-color: var(--comment-active-bg-color);
+        border: var(--button-comment-active-border);
+        background-color: var(--button-comment-active-bg);
+
+        &::before {
+          background-color: var(--button-comment-active-color);
+        }
       }
 
       &:focus-visible {