MediaWiki:Gadget-colorRC.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
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 }