From 9388b92b2715031395e88f6872fa8c304efc0d9f Mon Sep 17 00:00:00 2001
From: alistair3149 <alistair31494322@gmail.com>
Date: Sun, 2 Oct 2022 11:53:22 -0400
Subject: [PATCH] =?UTF-8?q?fix(skinStyles):=20=F0=9F=90=9B=20incorrect=20V?=
 =?UTF-8?q?E=20dark=20mode=20background?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fixing incorrect dark background in dialog in VE (#489, #525)
---
 .../VisualEditor/ext.visualEditor.less        | 43 ++++++++++++++++++-
 1 file changed, 41 insertions(+), 2 deletions(-)

diff --git a/skinStyles/extensions/VisualEditor/ext.visualEditor.less b/skinStyles/extensions/VisualEditor/ext.visualEditor.less
index 3bac1198..5032f71f 100644
--- a/skinStyles/extensions/VisualEditor/ext.visualEditor.less
+++ b/skinStyles/extensions/VisualEditor/ext.visualEditor.less
@@ -108,6 +108,10 @@
 
 		&-targetWidget {
 			border-color: var( --border-color-input );
+
+			&:not( .oo-ui-pendingElement-pending ) {
+				background: var( --color-surface-1 );
+			}
 		}
 
 		&-overlay {
@@ -118,6 +122,16 @@
 			}
 		}
 
+		&-expandableContent {
+			&-fade {
+				background: linear-gradient( to right, rgba( 255, 255, 255, 0 ) 0, var( --color-surface-1 ) 90% );
+			}
+
+			&-toggle {
+				background-color: transparent;
+			}
+		}
+
 		&-mwSaveDialog {
 			&-summary {
 				background-color: transparent;
@@ -151,8 +165,27 @@
 			}
 		}
 
-		&-mwTransclusionDialog-addParameterFieldset .ve-ui-mwParameterSearchWidget {
-			border-color: var( --border-color-base );
+		&-mwTransclusion {
+			&Dialog-addParameterFieldset .ve-ui-mwParameterSearchWidget {
+				border-color: var( --border-color-base );
+			}
+
+			&Outline {
+				&ButtonWidget {
+					&.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
+						background-color: var( --background-color-quiet--hover );
+						color: var( --color-base--emphasized );
+					}
+
+					&.oo-ui-optionWidget-selected .oo-ui-buttonElement-button {
+						background-color: var( --background-color-primary--active );
+					}
+				}
+
+				&TemplateWidget-sticky {
+					background-color: var( --color-surface-1 );
+				}
+			}
 		}
 
 		&--mwParameterResultWidget {
@@ -195,6 +228,12 @@
 				border: 0;
 				box-shadow: none;
 			}
+
+			&-floating {
+				.ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {
+					background: var( --color-surface-0 );
+				}
+			}
 		}
 	}
 }