MediaWiki:Common.css: Difference between revisions

no edit summary
No edit summary
No edit summary
Line 109: Line 109:
     background-color: var(--theme-tone-2);
     background-color: var(--theme-tone-2);
     border-color: var(--border-color);
     border-color: var(--border-color);
}
.oo-ui-tagMultiselectWidget-handle {
    background-color: var(--theme-tone-2) !important;
    border-color: var(--border-color) !important;
}
}


Line 157: Line 152:
     border-color: var(--border-color);
     border-color: var(--border-color);
     color: var(--text-color);
     color: var(--text-color);
}
textarea.oo-ui-inputWidget-input,
.flow-ui-editorWidget-editor > .oo-ui-textInputWidget textarea,
.flow-ui-newTopicWidget-expanded .flow-ui-newTopicWidget-title.oo-ui-textInputWidget input,
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
input.mw-ui-input.mw-ui-input-large,
a.flow-ui-input-replacement-anchor.mw-ui-input,
input.mw-ui-input {
    background-color: var(--theme-tone-5);
    color: var(--text-color);
}
.oo-ui-menuSectionOptionWidget,
.mw-rcfilters-ui-menuSelectWidget-footer,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined
    .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled,
.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button,
.mw-notification.mw-notification-autohide.mw-notification-tag-watch-self,
.suggestions .suggestions-special,
.mw-notification.mw-notification-replaced {
    background: var(--theme-tone-5);
    border-color: var(--border-color);
}
}


Line 163: Line 181:
     background-color: var(--theme-tone-5);
     background-color: var(--theme-tone-5);
     border-color: var(--border-color-tone-2) !important;
     border-color: var(--border-color-tone-2) !important;
}
.oo-ui-tagMultiselectWidget-handle {
    background-color: var(--theme-tone-5) !important;
    border-color: var(--border-color) !important;
}
}


.mw-echo-ui-crossWikiNotificationItemWidget-group,
.mw-echo-ui-crossWikiNotificationItemWidget-group,
.mw-echo-ui-bundleNotificationItemWidget-group {
.mw-echo-ui-bundleNotificationItemWidget-group,
.oo-ui-tabSelectWidget-framed,
.mw-echo-ui-placeholderItemWidget,
.flow-topic-titlebar {
     background-color: var(--theme-tone-5);
     background-color: var(--theme-tone-5);
}
.oo-ui-popupWidget-head {
    background: var(--theme-tone-5);
    border-color: var(--border-color-tone-2) !important;
}
.mw-changeslist-legend {
    background: var(--theme-tone-5) !important;
    border: none !important;
    color: var(--text-color) !important;
}
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before,
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
    border-bottom-color: var(--theme-tone-5);
}
}


Line 208: Line 250:
.oo-ui-messageDialog-text.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded {
.oo-ui-messageDialog-text.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded {
     background-color: var(--theme-tone-6);
     background-color: var(--theme-tone-6);
}
.mw-changeslist-legend {
    background: var(--theme-tone-5) !important;
    border: none !important;
    color: var(--text-color) !important;
}
textarea.oo-ui-inputWidget-input,
.flow-ui-editorWidget-editor > .oo-ui-textInputWidget textarea,
.flow-ui-newTopicWidget-expanded .flow-ui-newTopicWidget-title.oo-ui-textInputWidget input,
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
input.mw-ui-input.mw-ui-input-large,
a.flow-ui-input-replacement-anchor.mw-ui-input,
input.mw-ui-input {
    background-color: var(--theme-tone-5);
    color: var(--text-color);
}
.oo-ui-menuSectionOptionWidget,
.mw-rcfilters-ui-menuSelectWidget-footer,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined
    .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled,
.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button,
.mw-notification.mw-notification-autohide.mw-notification-tag-watch-self,
.suggestions .suggestions-special,
.mw-notification.mw-notification-replaced {
    background: var(--theme-tone-5);
    border-color: var(--border-color);
}
.oo-ui-tabSelectWidget-framed,
.mw-echo-ui-placeholderItemWidget,
.flow-topic-titlebar {
    background-color: var(--theme-tone-5);
}
.oo-ui-popupWidget-head {
    background: var(--theme-tone-5);
    border-color: var(--border-color-tone-2) !important;
}
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before,
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
    border-bottom-color: var(--theme-tone-5);
}
}


Line 379: Line 376:


.oo-ui-buttonElement-active span {
.oo-ui-buttonElement-active span {
     color: white!important;
     color: white !important;
}
}


Line 442: Line 439:


.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive
     > .oo-ui-buttonElement-button {
     > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:hover {
     background-color: var(--accent-color);
     background-color: var(--accent-color);
     border-color: var(--accent-color);
     border-color: var(--accent-color);