MediaWiki:Vector-darkmode.less/specials.less

//

/* ========================
        special 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;
}

#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
   ----------------------------- */

#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;
	}
}