From 38f60a7effcd23b6bc7c6d7c8ab2025300b9c7b2 Mon Sep 17 00:00:00 2001
From: Calixte Denizet <calixte.denizet@gmail.com>
Date: Fri, 15 Sep 2023 10:29:49 +0200
Subject: [PATCH] [Editor] Change the colors of the outline and the resizers
 for selected editors in HCM

---
 web/annotation_editor_layer_builder.css | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/web/annotation_editor_layer_builder.css b/web/annotation_editor_layer_builder.css
index 465dcc0e0..abf1a2a11 100644
--- a/web/annotation_editor_layer_builder.css
+++ b/web/annotation_editor_layer_builder.css
@@ -25,6 +25,7 @@
   --hover-outline: dashed var(--outline-width) var(--outline-color);
   --freetext-line-height: 1.35;
   --freetext-padding: 2px;
+  --resizer-bg-color: var(--outline-color);
   --resizer-size: 6px;
   --resizer-shift: calc(
     0px - (var(--outline-width) + var(--resizer-size)) / 2 -
@@ -49,8 +50,9 @@
 
 @media screen and (forced-colors: active) {
   :root {
-    --outline-color: ButtonText;
+    --outline-color: CanvasText;
     --outline-around-color: ButtonFace;
+    --resizer-bg-color: ButtonText;
   }
 }
 
@@ -221,7 +223,7 @@
       & > .resizer {
         width: var(--resizer-size);
         height: var(--resizer-size);
-        background: var(--outline-color);
+        background: var(--resizer-bg-color);
         border: var(--focus-outline-around);
         position: absolute;