User:Jkhanlar/darkvector.css

/* Note: CSS placed in MediaWiki:Darkvector.css will affect all users of the DarkVector skin */

/* Dark mode: Replace text search options fieldset */ .ext-replacetext-searchoptions { background-color: #171717; border-color: #444444; }

/* Dark mode: Content editor background color for line numbers */ .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left:3.5em;box-shadow:inset 2.75em 0 0 #171717; }

/* Dark mode: Buttons */ .oo-ui-buttonElement-button, .mw-ui-button { background-color: #e8e8e8 !important; /* inverted #171717 */ border-color: #bbbbbb !important; /* inverted #444444 */ color: #000000 !important; /* inverted #ffffff */ filter: invert(100%); }

/* Dark mode: Preview message colors */ .warningbox { background-color: #171717; border-color: #444444; color: #929292; }

/* Dark mode: Alerts dialog (Extension: Echo) */ .mw-echo-ui-notificationItemWidget { background-color: #444444; } .mw-echo-ui-notificationItemWidget:hover { background-color: #090909; } .mw-echo-ui-notificationItemWidget-unread { background-color: #444444; } .mw-echo-ui-notificationItemWidget-unread:hover { background-color: #090909; } .mw-echo-ui-notificationItemWidget-content-message-header { color: #ffffff; } .mw-echo-ui-placeholderItemWidget { background-color: #444444; } .mw-rcfilters-ui-filterMenuHeaderWidget-header, .mw-rcfilters-ui-filterMenuSectionOptionWidget, .oo-ui-popupWidget-popup { background-color: #171717 !important; } .oo-ui-buttonElement-button:hover, .mw-ui-button:hover { background-color: #f6f6f6 !important; /* inverted #090909 */ color: #000000 !important; /* inverted #ffffff */

} .oo-ui-pendingElement-pending { background-color: #444444; background-image: linear-gradient(135deg,#171717 25%,transparent 25%,transparent 50%,#171717 50%,#171717 75%,transparent 75%,transparent); } @-webkit-keyframes unseen-fadeout-to-unread { from { background-color: #444444; } to { background-color: #171717; } } @keyframes unseen-fadeout-to-unread { from { background-color: #444444; } to { background-color: #171717; } } @-webkit-keyframes unseen-fadeout-to-read { from { background-color: #444444; } to { background-color: #292929; } } @keyframes unseen-fadeout-to-read { from { background-color: #444444; } to { background-color: #292929; } }