From 5d5ae9e7a9e73ec90a2013c7fe13121958b46d92 Mon Sep 17 00:00:00 2001
From: alstjr7375 <alstjr7375@daum.net>
Date: Thu, 22 Sep 2022 10:29:32 +0900
Subject: [PATCH] Fix: Compatibility - Drag & Drop Indicator color #473

It's not works on #sidebar.

Because the style is completely separated and cannot be used `var(--button-primary-bgcolor)`.
---
 css/leptonChrome.css          | 12 ++++++++++++
 src/compatibility/_theme.scss | 11 +++++++++++
 2 files changed, 23 insertions(+)

diff --git a/css/leptonChrome.css b/css/leptonChrome.css
index e88d5ba..523d68c 100644
--- a/css/leptonChrome.css
+++ b/css/leptonChrome.css
@@ -145,6 +145,18 @@
     border: 1px solid var(--input-border-color, var(--toolbar-field-border-color, ThreeDShadow)) !important;
     /* Original: 1px solid var(--input-border-color, var(--toolbar-field-border-color)) */
   }
+
+  /*= Drop Indicator Color #473 ================================================*/
+  treechildren::-moz-tree-cell-text(primary, dropOn),
+  treechildren::-moz-tree-drop-feedback,
+  vbox[part="drop-indicator-bar"] > image[part="drop-indicator"] {
+    background-color: var(--button-primary-bgcolor, var(--focus-outline-color)) !important;
+    /* Original: SelectedItem or AccentColor*/
+  }
+
+  #bookmarksPanel[lwt-sidebar="true"] {
+    --focus-outline-color: var(--in-content-focus-outline-color, AccentColor) !important;
+  }
 }
 /*= OS - Compatibility =======================================================*/
 @supports -moz-bool-pref("userChrome.compatibility.os") {
diff --git a/src/compatibility/_theme.scss b/src/compatibility/_theme.scss
index 0d43087..3991c0d 100644
--- a/src/compatibility/_theme.scss
+++ b/src/compatibility/_theme.scss
@@ -123,3 +123,14 @@ menu {
 html|input.findbar-textbox {
   border: 1px solid var(--input-border-color, var(--toolbar-field-border-color, ThreeDShadow)) !important; /* Original: 1px solid var(--input-border-color, var(--toolbar-field-border-color)) */
 }
+
+/*= Drop Indicator Color #473 ================================================*/
+treechildren::-moz-tree-cell-text(primary, dropOn),
+treechildren::-moz-tree-drop-feedback,
+vbox[part="drop-indicator-bar"] > image[part="drop-indicator"] {
+  background-color: var(--button-primary-bgcolor, var(--focus-outline-color)) !important; /* Original: SelectedItem or AccentColor*/
+}
+
+#bookmarksPanel[lwt-sidebar="true"] {
+  --focus-outline-color: var(--in-content-focus-outline-color, AccentColor) !important;
+}