From cf11b336ba6b805c9d4b41afec79268c6f142966 Mon Sep 17 00:00:00 2001
From: David <33458145+davidmcpowell@users.noreply.github.com>
Date: Thu, 11 Dec 2025 14:22:07 +0000
Subject: [PATCH] Merge pull request #30040 from overleaf/dp-dark-file-drag

Fix file tree dragging item colors

GitOrigin-RevId: e8f8148d837404bab034a302acc1c9273e09e399
---
 .../stylesheets/pages/editor/file-tree.scss       | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/services/web/frontend/stylesheets/pages/editor/file-tree.scss b/services/web/frontend/stylesheets/pages/editor/file-tree.scss
index cbdfb9f6c7..865afe2de8 100644
--- a/services/web/frontend/stylesheets/pages/editor/file-tree.scss
+++ b/services/web/frontend/stylesheets/pages/editor/file-tree.scss
@@ -6,6 +6,7 @@
   --file-tree-item-selected-color: var(--content-primary-dark);
   --file-tree-item-dragging-bg: #{rgb($bg-dark-secondary, 0.9)};
   --file-tree-item-dragging-color: var(--content-primary-dark);
+  --file-tree-item-icon-dragging-color: var(--content-disabled);
   --file-tree-item-dragging-preview-bg: #{rgb($bg-accent-01, 0.6)};
   --file-tree-item-dragging-preview-colour: var(--content-primary-dark);
   --file-tree-line-height: 2.05;
@@ -28,8 +29,9 @@
     --file-tree-item-color: var(--content-primary);
     --file-tree-bg: var(--white);
     --file-tree-icon-colour: var(--content-primary);
-    --file-tree-item-dragging-bg: #{rgb($bg-dark-primary, 0.9)};
+    --file-tree-item-dragging-bg: var(--green-60);
     --file-tree-item-dragging-color: var(--white);
+    --file-tree-item-icon-dragging-color: var(--file-tree-item-dragging-color);
     --file-tree-item-dragging-preview-bg: #{rgb($bg-light-secondary, 0.6)};
     --file-tree-item-dragging-preview-colour: #{rgb($content-primary, 0.6)};
     --file-tree-expand-button-color: var(--content-primary);
@@ -44,10 +46,11 @@
   --file-tree-item-color: var(--content-primary-dark);
   --file-tree-bg: var(--bg-dark-primary);
   --file-tree-icon-colour: var(--content-primary-dark);
-  --file-tree-item-dragging-bg: #{rgb($bg-light-primary, 0.9)};
-  --file-tree-item-dragging-color: var(--content-secondary);
-  --file-tree-item-dragging-preview-bg: var(--bg-light-primary);
-  --file-tree-item-dragging-preview-colour: var(--bg-light-primary);
+  --file-tree-item-dragging-bg: var(--green-40);
+  --file-tree-item-dragging-color: var(--content-primary-dark);
+  --file-tree-item-icon-dragging-color: var(--file-tree-item-dragging-color);
+  --file-tree-item-dragging-preview-bg: #{rgb($bg-dark-secondary, 0.6)};
+  --file-tree-item-dragging-preview-colour: #{rgb($content-primary-dark, 0.6)};
   --file-tree-expand-button-color: var(--content-primary-dark);
 
   .file-tree-outline-panel-group {
@@ -595,7 +598,7 @@
     color: var(--file-tree-item-dragging-color);
 
     .material-symbols {
-      color: var(--content-disabled) !important;
+      color: var(--file-tree-item-icon-dragging-color) !important;
     }
   }