From 8cf88c32f8d3ca1e3ed7d0f4568854ed03bca619 Mon Sep 17 00:00:00 2001
From: Jonas <jonas@freesources.org>
Date: Mon, 22 Jul 2024 13:22:34 +0200
Subject: [PATCH] fix(NcAppContent): splitpane splitter styles with dark theme

The CSS selectors used for the splitter were no functional, so we were
using the default ones from splitpane here.

Use our variables for colors to unbreak styling in dark mode.

Signed-off-by: Jonas <jonas@freesources.org>
---
 src/components/NcAppContent/NcAppContent.vue | 20 ++++++--------------
 1 file changed, 6 insertions(+), 14 deletions(-)

diff --git a/src/components/NcAppContent/NcAppContent.vue b/src/components/NcAppContent/NcAppContent.vue
index 03e28d4862..4671175f32 100644
--- a/src/components/NcAppContent/NcAppContent.vue
+++ b/src/components/NcAppContent/NcAppContent.vue
@@ -418,25 +418,17 @@ export default {
 			}
 		}
 	}
-	.app-content-wrapper--vertical-split {
+
+	&.splitpanes--vertical {
 		.splitpanes__splitter {
-			width: 9px;
-			margin-left: -5px;
-			background-color: transparent;
-			border-left: none;
+			background-color: var(--color-main-background);
+			border-left: 1px solid var(--color-border);
 
-			&:before,
-			&:after {
-				display: none;
+			&::before, &::after {
+				background-color: var(--color-border);
 			}
 		}
 	}
-	.app-content-wrapper--horizontal-split {
-		.splitpanes__splitter {
-			height: 9px;
-			margin-top: -5px;
-		}
-	}
 }
 
 .app-content-wrapper--show-list {