MediaWiki:Vector-darkmode.less/specials.less

/* ========================

       special mw.pages
  ======================== */

// Special:RecentChanges .mw-plusminus-pos { color: @lima; }

.mw-plusminus-neg { color: @flamingo; }

.mw-plusminus-null { color: @loblolly; }

/* ---------------------------

        Special:Search
  --------------------------- */

// Search type tab .mw-search-profile-tabs { background-color: @dark-wikitable-background; border-color: @dark-wikitable-border; }

// selected tab .search-types .current a { color: @dark-text; }

1. mw-searchoptions {

background-color: @dark-wikitable-background; border-color: @dark-wikitable-border;

.divider { border-color: @dark-wikitable-border; }

table { &:nth-child(odd) { border-right: 1px solid @dark-wikitable-border; } } }

/* ---------------------------

        Special:Browse
  --------------------------- */

.smwb-theme-light { .smwb-title, .smwb-center, .smwb-actions, .smwb-prophead { background-color: @dark-wikitable-header; }

.smwb-factbox { border-left-color: @dark-wikitable-header; }

.smwb-ifactbox { border-right-color: @dark-wikitable-header; }

.smwb-propval { background-color: @dark-wikitable-background; } }

.smwb-action-separator { border-color: @dark-wikitable-border; }

.smwb-bottom { border-bottom-color: @dark-wikitable-border; }

.smwb-ifactbox, .smwb-factbox { .smwb-cell { border-top-color: @dark-wikitable-border; } }

/* -----------------------------

      Special:Editcount
  ----------------------------- */

1. editcount table[border="1"] {

   background-color: @dark-wikitable-background !important; // override inline style
   border-color: @dark-wikitable-border !important;

   th {
       background-color: @dark-wikitable-header;
       border: 1px solid @dark-wikitable-border;
   }

   td {
       border: 1px solid @dark-wikitable-border;
   }

   tr:nth-child(odd) {
       background-color: saturate( darken( @dark-wikitable-background, 3% ), 3% );
   }

}

/* ---------------------------

     Special:Notifications
  --------------------------- */

// popup and footer .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head, .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer, .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child { border-color: @ooui-interface-border; }

// individual notification entry .mw-echo-ui-notificationItemWidget { background-color: desaturate( lighten( @ooui-interface, 4% ), 2% ); border-color: @ooui-interface-border;

&:hover { background: desaturate( lighten( @ooui-interface, 6% ), 4% ); }

}

// edit summary .mw-echo-ui-notificationItemWidget-content-message-body { color: @ooui-text; }

// icon on left .mw-echo-ui-notificationItemWidget-icon { filter: brightness(150%); }

// entry's main "headline" .mw-echo-ui-notificationItemWidget-content-message-header { color: @ooui-text; }

// cross-wiki notifications .mw-echo-ui-crossWikiNotificationItemWidget-separator, .mw-echo-ui-bundleNotificationItemWidget-separator { border-color: @ooui-interface-border; }

.mw-echo-ui-crossWikiNotificationItemWidget-group, .mw-echo-ui-bundleNotificationItemWidget-group { background-color: desaturate( lighten( @ooui-interface, 4% ), 2% ); }

// unread entry .mw-echo-ui-notificationItemWidget-unread { background-color: desaturate( lighten( @ooui-interface, 12% ), 10% ); }

// fix background for unseen _and_ unread entry @keyframes unseen-fadeout-to-unread {

// background-color on .mw-echo-ui-notificationItemWidget:hover

   from {
       background-color: desaturate( lighten( @ooui-interface, 6% ), 4% );
   }

// background-color on .mw-echo-ui-notificationItemWidget-unread

   to {
       background-color: desaturate( lighten( @ooui-interface, 12% ), 10% );
   }

}

@keyframes unseen-fadeout-to-read {

// background-color on .mw-echo-ui-notificationItemWidget:hover

   from {
       background-color: desaturate( lighten( @ooui-interface, 6% ), 4% );
   }

// background-color on .mw-echo-ui-notificationItemWidget

   to {
       background-color: desaturate( lighten( @ooui-interface, 4% ), 2% );
   }

}

/* --------------------------

      Notifications page
  -------------------------- */

// all/read/unread and settings toolbar .mw-echo-ui-notificationsInboxWidget-toolbarWrapper { background: @dark-page; box-shadow: none; }

// list of notifications .mw-echo-ui-notificationItemWidget:last-child { border-color: @ooui-interface-border; }

// Recent activity box .mw-echo-ui-crossWikiUnreadFilterWidget { border-color: @ooui-interface-border; }

// wiki name .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected { background-color: @ooui-progressive; }

.oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count { color: @ooui-text; }

// number of notifs .mw-echo-ui-pageNotificationsOptionWidget-label-count { background-color: @ooui-interface; }

// hovering over username .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted { background-color: @ooui-interface; }

// secondary dates next to "Today", "Yesterday", etc. .mw-body-content .mw-echo-ui-datedSubGroupListWidget-title-secondary { color: fade( @ooui-text, 85% ); }

.mw-echo-ui-specialHelpMenuWidget-menu { .oo-ui-buttonWidget:hover { background-color: @ooui-normal--hover; } }

/* Special:Interwiki */ table.mw-interwikitable.body td.mw-interwikitable-local-yes {

   background: #08621a;

}

/* Special:Concepts */ .smw-ui-pagination .page-link.link-disabled {

   background-color: #384766;
   border-color: #556c9b;
   color: @portage;

}

.smw-ui-pagination .page-link {

   background-color: #384766;
   border-color: #556c9b;
   color: @portage;

}

.smw-ui-pagination .page-link:hover {

   color: @portage;
   background-color: #2a3856;
   border-color: #556c9b;

}

.smw-ui-pagination .page-link.link-active {

   color: #fff;
   background-color: #5f7dc5;
   border-color: #556c9b;

}

.smw-tabs input.nav-tab:checked + label.nav-label {

   border-color: @waikawa-grey;

}

.smw-tabs section, .smw-tabs .subtab-content {

   border-top-color: @waikawa-grey;

}

.smw-column-header {

   color: #ccd9f4;

}

// Special:ApiSandbox .mw-apisandbox-toolbar { background-color: @cloud-burst; }

// Special:AllPages, BlockList, etc .mw-datatable { border-color: @dark-wikitable-border;

td, th { border-color: @dark-wikitable-border; }

// cells th { background-color: @dark-wikitable-header; }

// headers td { background-color: @dark-wikitable-background; }

// on hover on both cells tr:hover td { background-color: @dark-wikitable-background; } }