MediaWiki:Gadget-colorRC.css

 1 /**
 2 * Color certain namespaces in RecentChanges
 3 * @todo: add something to distinguish watched pages (since this already bolds by default)
 4 *
 5 * This gadget is enabled for mobile too, so ensure that all CSS styling done here makes
 6 * sense for those viewing the wiki from a mobile device.
 7 */
 8 
 9 /* fix this issue <https://css-tricks.com/multi-line-padded-text/> */
10 .mw-changeslist-title {
11 	-webkit-box-decoration-break: clone;
12 	box-decoration-break: clone;
13 }
14 
15 .mw-changeslist-ns-10 .mw-changeslist-title:not(.new),
16 .mw-changeslist-ns-828 .mw-changeslist-title:not(.new),
17 .mw-changeslist-ns-110 .mw-changeslist-title:not(.new),
18 .mw-changeslist-ns-1 .mw-changeslist-title:not(.new),
19 .mw-changeslist-ns-11 .mw-changeslist-title:not(.new),
20 .mw-changeslist-ns-8 .mw-changeslist-title:not(.new),
21 .mw-changeslist-ns-4 .mw-changeslist-title:not(.new),
22 .mw-changeslist-ns-6 .mw-changeslist-title:not(.new) {
23     font-weight: bold;
24     padding: 1px 4px;
25     margin-left: -4px;
26     border-radius: 3px;
27 }
28 
29 /* red */
30 /* template, module */
31 .mw-changeslist-ns-10 .mw-changeslist-title:not(.new),
32 .mw-changeslist-ns-828 .mw-changeslist-title:not(.new) {
33     background: #ffe5e4;
34     color: #b4312d;
35 }
36 
37 /* orange */
38 /* forum, talk, template talk */
39 .mw-changeslist-ns-110 .mw-changeslist-title:not(.new),
40 .mw-changeslist-ns-1 .mw-changeslist-title:not(.new),
41 .mw-changeslist-ns-11 .mw-changeslist-title:not(.new) {
42     background: #ffecd9;
43     color: #d47300;
44 }
45 
46 /* green */
47 /* mediawiki */
48 .mw-changeslist-ns-8 .mw-changeslist-title:not(.new) {
49     background: #ecfbe0;
50     color: #619335;
51 }
52 
53 /* blue */
54 /* runescape */
55 .mw-changeslist-ns-4 .mw-changeslist-title:not(.new) {
56 	color: #327ba7;
57     background: #ebf3f6;
58 }
59 
60 /* purple */
61 /* file */
62 .mw-changeslist-ns-6 .mw-changeslist-title:not(.new) {
63     background: #f0eafa;
64     color: #766698;
65 }
66 
67 /* DARK MODE
68    just inverting background/text colors for now */
69 
70 .wgl-darkmode .mw-changeslist-ns-10 .mw-changeslist-title:not(.new),
71 .wgl-darkmode .mw-changeslist-ns-828 .mw-changeslist-title:not(.new) {
72     background: #b4312d;
73     color: #ffe5e4;
74 }
75 
76 .wgl-darkmode .mw-changeslist-ns-110 .mw-changeslist-title:not(.new),
77 .wgl-darkmode .mw-changeslist-ns-1 .mw-changeslist-title:not(.new),
78 .wgl-darkmode .mw-changeslist-ns-11 .mw-changeslist-title:not(.new) {
79     background: #d47300;
80     color: #ffecd9;
81 }
82 
83 .wgl-darkmode .mw-changeslist-ns-8 .mw-changeslist-title:not(.new) {
84     background: #619335;
85     color: #ecfbe0;
86 }
87 
88 .wgl-darkmode .mw-changeslist-ns-4 .mw-changeslist-title:not(.new) {
89     background: #438ab5;
90     color: #ebf3f6;
91 }
92 
93 .wgl-darkmode .mw-changeslist-ns-6 .mw-changeslist-title:not(.new) {
94     background: #766698;
95     color: #f0eafa;
96 }