From 119b3e05a1b5f4dcc86d0355e21f20ed23226abe Mon Sep 17 00:00:00 2001
From: Anton Khorev <tony29@yandex.ru>
Date: Sat, 28 Jun 2025 18:34:12 +0300
Subject: [PATCH] Move scss @include color-mode(dark) to the top level

It doesn't work as expected when nested and the color scheme is fixed because [data-bs-theme="dark"] selector ends up at a wrong place in compiled css.
---
 app/assets/stylesheets/common.scss | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index ddd2a8f2a..69933a809 100644
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -644,12 +644,6 @@ tr.turn {
     .d-flex > .browse-icon {
       height: max(20px, 1.25rem);
     }
-
-    @include color-mode(dark) {
-      .browse-icon-invertible {
-        filter: invert(.8) hue-rotate(180deg);
-      }
-    }
   }
 
   .query-results {
@@ -657,6 +651,12 @@ tr.turn {
   }
 }
 
+@include color-mode(dark) {
+  #sidebar_content .browse-element-list .browse-icon-invertible {
+    filter: invert(.8) hue-rotate(180deg);
+  }
+}
+
 /* Force LTR/RTL alignment for placeholder text */
 
 .form-control::placeholder {
-- 
2.39.5