MediaWiki:Gadget-colorRC.css

/**
* Color certain namespaces in RecentChanges
* @todo: add something to distinguish watched pages (since this already bolds by default)
*
* This gadget is enabled for mobile too, so ensure that all CSS styling done here makes
* sense for those viewing the wiki from a mobile device.
*/

/* fix this issue <https://css-tricks.com/multi-line-padded-text/> */
.mw-changeslist-title {
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}

.mw-changeslist-ns-10 .mw-changeslist-title:not(.new),
.mw-changeslist-ns-828 .mw-changeslist-title:not(.new),
.mw-changeslist-ns-110 .mw-changeslist-title:not(.new),
.mw-changeslist-ns-1 .mw-changeslist-title:not(.new),
.mw-changeslist-ns-11 .mw-changeslist-title:not(.new),
.mw-changeslist-ns-8 .mw-changeslist-title:not(.new),
.mw-changeslist-ns-4 .mw-changeslist-title:not(.new),
.mw-changeslist-ns-6 .mw-changeslist-title:not(.new) {
    font-weight: bold;
    padding: 1px 4px;
    margin-left: -4px;
    border-radius: 3px;
}

/* red */
/* template, module */
.mw-changeslist-ns-10 .mw-changeslist-title:not(.new),
.mw-changeslist-ns-828 .mw-changeslist-title:not(.new) {
    background: #ffe5e4;
    color: #b4312d;
}

/* orange */
/* forum, talk, template talk */
.mw-changeslist-ns-110 .mw-changeslist-title:not(.new),
.mw-changeslist-ns-1 .mw-changeslist-title:not(.new),
.mw-changeslist-ns-11 .mw-changeslist-title:not(.new) {
    background: #ffecd9;
    color: #d47300;
}

/* green */
/* mediawiki */
.mw-changeslist-ns-8 .mw-changeslist-title:not(.new) {
    background: #ecfbe0;
    color: #619335;
}

/* blue */
/* runescape */
.mw-changeslist-ns-4 .mw-changeslist-title:not(.new) {
	color: #327ba7;
    background: #ebf3f6;
}

/* purple */
/* file */
.mw-changeslist-ns-6 .mw-changeslist-title:not(.new) {
    background: #f0eafa;
    color: #766698;
}

/* DARK MODE
   just inverting background/text colors for now */

.wgl-theme-dark .mw-changeslist-ns-10 .mw-changeslist-title:not(.new),
.wgl-theme-dark .mw-changeslist-ns-828 .mw-changeslist-title:not(.new),
.wgl-theme-browntown .mw-changeslist-ns-10 .mw-changeslist-title:not(.new),
.wgl-theme-browntown .mw-changeslist-ns-828 .mw-changeslist-title:not(.new) {
    background: #b4312d;
    color: #ffe5e4;
}

.wgl-theme-dark .mw-changeslist-ns-110 .mw-changeslist-title:not(.new),
.wgl-theme-dark .mw-changeslist-ns-1 .mw-changeslist-title:not(.new),
.wgl-theme-dark .mw-changeslist-ns-11 .mw-changeslist-title:not(.new),
.wgl-theme-browntown .mw-changeslist-ns-110 .mw-changeslist-title:not(.new),
.wgl-theme-browntown .mw-changeslist-ns-1 .mw-changeslist-title:not(.new),
.wgl-theme-browntown .mw-changeslist-ns-11 .mw-changeslist-title:not(.new) {
    background: #d47300;
    color: #ffecd9;
}

.wgl-theme-dark .mw-changeslist-ns-8 .mw-changeslist-title:not(.new),
.wgl-theme-browntown .mw-changeslist-ns-8 .mw-changeslist-title:not(.new) {
    background: #619335;
    color: #ecfbe0;
}

.wgl-theme-dark .mw-changeslist-ns-4 .mw-changeslist-title:not(.new),
.wgl-theme-browntown .mw-changeslist-ns-4 .mw-changeslist-title:not(.new) {
    background: #438ab5;
    color: #ebf3f6;
}

.wgl-theme-dark .mw-changeslist-ns-6 .mw-changeslist-title:not(.new),
.wgl-theme-browntown .mw-changeslist-ns-6 .mw-changeslist-title:not(.new) {
    background: #766698;
    color: #f0eafa;
}