fix(skinStyles): 🐛 incorrect VE dark mode background

Fixing incorrect dark background in dialog in VE (#489, #525)
This commit is contained in:
alistair3149 2022-10-02 11:53:22 -04:00
parent c551225ec7
commit 9388b92b27
No known key found for this signature in database

View file

@ -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,10 +165,29 @@
}
}
&-mwTransclusionDialog-addParameterFieldset .ve-ui-mwParameterSearchWidget {
&-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 {
&.oo-ui-optionWidget-highlighted {
background-color: var( --background-color-primary--hover );
@ -195,6 +228,12 @@
border: 0;
box-shadow: none;
}
&-floating {
.ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {
background: var( --color-surface-0 );
}
}
}
}
}