Gamepedia Help Wiki
Advertisement

.oo-ui/Echo/Notifications elements

.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

.tocnumber {
  color: inherit;
}

Editor

.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

.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

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

Math

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

Babel

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

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

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

Page history

.updatedmarker {
    color: #000000;
}

Gallery slideshow

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

AJAXPoll

.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

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

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