mediawiki-extensions-WikiEd.../modules/realtimepreview/ManualWidget.less
matr1x-101 c8c9880b19 ManualWidget: Added design token for dark mode compatibility
A previous comment said design token "background-color-interactive" was
unsuitable for the given context, so using "background-color-neutral"
design token instead.

Change-Id: I614369dcb402fdd7368be5996f3bb9720ad780b5
2024-09-20 20:23:09 +00:00

38 lines
770 B
Plaintext

@import 'mediawiki.skin.variables.less';
.ext-WikiEditor-ManualWidget {
background-color: @background-color-neutral;
display: flex;
align-items: center;
justify-content: space-between;
border-color: @border-color-subtle;
border-width: @border-width-base 0;
border-style: @border-style-base;
padding: 14px 24px;
position: relative;
color: inherit;
&:hover {
text-decoration: none;
}
.oo-ui-iconElement-icon {
position: relative;
margin-right: 1em;
}
.ext-WikiEditor-realtimepreview-manual-reload {
margin-left: auto;
font-weight: @font-weight-bold;
color: @color-progressive;
}
&.oo-ui-widget-disabled .ext-WikiEditor-realtimepreview-manual-reload {
color: @color-disabled;
}
&.oo-ui-widget-disabled:active {
color: inherit;
}
}