MediaWiki 1.29 upgrade/HydraDark changes

From Gamepedia Help Wiki
Jump to: navigation, search

.oo-ui/Echo/Notifications elements[edit | edit source]

.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {
    background-color: #181818;
    color: #36c;
}
.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted {
 background-color: #181818
    color: #E0E0E0;
}
.mw-echo-ui-pageNotificationsOptionWidget-count {
    background-color: #181818;
    color: #E0E0E0;
}
.skin-hydradark .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    background: #181818;
    border: 1px solid #505050;
    color: #E0E0E0;
}
.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
.oo-ui-buttonElement.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
.oo-ui-buttonElement.oo-ui-indicatorElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
.oo-ui-iconElement .oo-ui-iconElement-icon,
.oo-ui-iconElement.oo-ui-iconElement-icon {
    filter: invert(100%);
}
.mw-echo-ui-notificationItemWidget:hover {
    background-color: #303030;
}

.mw-echo-ui-notificationItemWidget-unread:hover {
    background-color: #404040;
}
.mw-echo-ui-notificationsInboxWidget-main-toolbar-affixed {
    background: #181818;
}
.mw-echo-ui-placeholderItemWidget {
    background-color: #1F1F1F;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
    background-color: #202020;
    color: #E0E0E0;
}

TOC[edit | edit source]

.tocnumber {
  color: inherit;
}

Editor[edit | edit source]

.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-widget-enabled,
.oo-ui-popupToolGroup.oo-ui-widget-enabled,
.oo-ui-popupWidget-popup {
    background: #202020;
}
.oo-ui-indicator-down,
.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
    filter:invert(100%);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    color: #666;
}

Visual editor[edit | edit source]

.oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
    background-color: #282828;
    border: 1px solid #383838;
    box-shadow: 0 2px 2px 0 rgba(255,255,255,0.2);
}

.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
    color: #e0e0e0;
}

.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover,
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover,
.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:hover,
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-optionWidget.oo-ui-decoratedOptionWidget.oo-ui-outlineOptionWidget.oo-ui-outlineOptionWidget-level-0.oo-ui-iconElement.oo-ui-labelElement:hover {
    background-color: rgba(255,255,255,0.2);
}

.oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon,
.oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator,
.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-fieldsetLayout-header > .oo-ui-iconElement-icon
 {
    filter: invert(100%);
}

.oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
    filter: unset;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
    border-color: #ffffff;
}

.oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-popupToolGroup-active {
    background-color: rgba(255,255,255,0.2);
}

.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon,
.oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label,
.oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-iconElement-icon {
    filter: invert(100%);
}

.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button:hover {
    background-color: #282828;
}

.oo-ui-indicator-down {
    background-image: linear-gradient(transparent,transparent),url(https://commons.gamepedia.com/media/commons.gamepedia.com/0/00/Light_down_arrow.svg)
    filter: unset;
}

Comments[edit | edit source]

.c-form-title {
    color: #E0E0E0;
}

Math[edit | edit source]

.mwe-math-fallback-image-inline {
    filter: invert(100%);
}

Babel[edit | edit source]

table.mw-babel-wrapper {
    background-color: transparent;
    border: 1px solid #303030;
}

div#content div.mw-babel-box table {
    color: #000000;
}

Drop down arrow for Special Pages search fields[edit | edit source]

If this selector has not already been styled for the visual editor:

.oo-ui-indicator-down {
    filter: invert(100%);
}

Page history[edit | edit source]

.updatedmarker {
    color: #000000;
}

Gallery slideshow[edit | edit source]

.mw-gallery-slideshow li.gallerybox.slideshow-current {
    background: rgba(255, 255, 255, 0.1);
}

AJAXPoll[edit | edit source]

.ajaxpoll {
    background-color: #181818;
}

.ajaxpoll .ajaxpoll-hover-revoke {
    background-color: #333333;
}

.ajaxpoll .ajaxpoll-answer {
    color: #808080;
}

.ajaxpoll .ajaxpoll-id-info {
    color: #202020;
}

.ajaxpoll .ajaxpoll-ajax {
    background-color: #333333;
}


Sidebar[edit | edit source]

div#mw-panel div.portal h3 {
    color: #B38000;
}

div#mw-panel div.portal div.body {
    background-image: none;
}