From 0d75b7b39d3069efb82a98207929cc880484679d Mon Sep 17 00:00:00 2001
From: alistair3149 <alistair31494322@gmail.com>
Date: Mon, 2 Dec 2019 18:41:03 -0500
Subject: [PATCH] VE nav bar hotfix

---
 skinStyles/ext.visualEditor.core.less | 76 +++++++++++++++------------
 1 file changed, 43 insertions(+), 33 deletions(-)

diff --git a/skinStyles/ext.visualEditor.core.less b/skinStyles/ext.visualEditor.core.less
index 54f49dcb..83498d53 100644
--- a/skinStyles/ext.visualEditor.core.less
+++ b/skinStyles/ext.visualEditor.core.less
@@ -6,64 +6,74 @@
 @import '../resources/variables.less';
 
 .ve-activated {
-	.mw-header-container {
-		background-color: white;
-	}
+    .mw-header-container {
+        background-color: white;
+    }
 
-	#mw-sidebar-sitename {
-		top: @sidebar-sitename-height + @header-height * 2 + @margin-side;
-	}
+    #mw-sidebar-sitename {
+        top: @sidebar-sitename-height + @header-height * 2 + @margin-side;
+    }
 
-	#page-tools {
-		z-index: 1; // Fix collision
-		pointer-events: auto;
-		opacity: 1;
-	}
+    #page-tools {
+        z-index: 1; // Fix collision
+        pointer-events: auto;
+        opacity: 1;
+    }
 
-	#mw-bottombar {
-		display: none;
-	}
+    #mw-bottombar {
+        display: none;
+    }
 }
 
 .ve-ui-overlay {
-	font-family: @fonts;
-	
-	&-global {
-		z-index: 12; // Higher than header
-	}
+    font-family: @fonts;
+
+    &-global {
+        z-index: 12; // Higher than header
+    }
 }
 
 // Fix weird compressed text bug
 .ve-init-mw-tempWikitextEditorWidget {
-	width: 100%!important;
+    width: 100% !important;
 }
 
 // Match animation
-.ve-init-mw-desktopArticleTarget-toolbar-open > .oo-ui-toolbar-bar {
-	transition: @transition-transform!important;
+.ve-init-mw-desktopArticleTarget-toolbar-open>.oo-ui-toolbar-bar {
+    transition: @transition-transform !important;
 }
 
 // Make toolbar more mobile friendly, well at least I did by best
 .ve-init-mw-desktopArticleTarget-toolbar {
-	margin: -20px -20px 20px -20px!important; // Bypass @media screen styles
+    margin: -20px -20px 20px -20px !important; // Bypass @media screen styles
 }
 
 // Stick with the header
-.nav-down ~ .mw-body {
-	.ve-ui-toolbar-floating > .oo-ui-toolbar-bar {
-		transform: translateY( @header-height );
-	}
+.nav-down~.mw-body {
+    .ve-ui-toolbar-floating>.oo-ui-toolbar-bar {
+        transform: translateY(@header-height );
+    }
 }
 
-.ve-ui-surface-placeholder, .ve-ui-surface .ve-ce-documentNode {
-	padding: 0;
+.ve-ui-surface-placeholder,
+.ve-ui-surface .ve-ce-documentNode {
+    padding: 0;
 }
 
 .ve-init-mw-desktopArticleTarget .CodeMirror {
-	padding: 0;
-	line-height: @content-line-height; // Lining up syntax highlighter
+    padding: 0;
+    line-height: @content-line-height; // Lining up syntax highlighter
 }
 
-.ve-init-mw-desktopArticleTarget .CodeMirror-code *, .ve-init-mw-desktopArticleTarget .ve-ui-mwWikitextSurface .ve-ce-paragraphNode {
-	line-height: @content-line-height; // Lining up syntax highlighter
+.ve-init-mw-desktopArticleTarget .CodeMirror-code *,
+.ve-init-mw-desktopArticleTarget .ve-ui-mwWikitextSurface .ve-ce-paragraphNode {
+    line-height: @content-line-height; // Lining up syntax highlighter
 }
+
+@media (prefers-color-scheme: dark) {
+    .ve-activated {
+        .mw-header-container {
+            background-color: @dark-bg-0;
+        }
+    }
+}
\ No newline at end of file