v·t·eWiki skins & CSS Introduction • MediaWiki CSS guide • Mobile skin guide Skin tips & tricksSkin components Styling the VectorTabs • Styling the wiki editor • Styling the sidebar • Styling the preferences page • Styling the achievements special pageCommon skinning problems Changing the color of bullets • Changing the color of the transparency checker pattern • Changing the color of table sort arrows • Changing colors in dynamic notificationsExtension style considerations FlaggedRevs • MultimediaViewer • SyntaxHighlight It may not be obvious how to style certain dynamic notifications displayed briefly via JavaScript. You can use the following code snippets to style some of these (colors in these snippets are merely examples). Add/remove from Watchlist /* Watchlist notifications */ .mw-notification { background-color: #fff !important; border: 1px solid red !important; color: black !important; } Page save /* Page save notifications */ .postedit-container .postedit { background: #fff !important; border: 1px solid red !important; color: black !important; }