MediaWiki:Common.css: Difference between revisions
From Xenharmonic Reference
No edit summary |
No edit summary |
||
| Line 12: | Line 12: | ||
@media (prefers-color-scheme: light) { | @media (prefers-color-scheme: light) { | ||
.prime2 { | .prime2 { | ||
background-color: #BFBFBF; | background-color: #BFBFBF !important; | ||
color: black; | color: black !important; | ||
} | } | ||
.prime3 { | .prime3 { | ||
background-color: #DC9580; | background-color: #DC9580 !important; | ||
color: black; | color: black !important; | ||
} | } | ||
.prime5 { | .prime5 { | ||
background-color: #C0FE9E; | background-color: #C0FE9E !important; | ||
color: black; | color: black !important; | ||
} | } | ||
.prime7 { | .prime7 { | ||
background-color: #9783D5; | background-color: #9783D5 !important; | ||
color: black; | color: black !important; | ||
} | } | ||
.prime11 { | .prime11 { | ||
background-color: #F6F98E; | background-color: #F6F98E !important; | ||
color: black; | color: black !important; | ||
} | } | ||
.prime13 { | .prime13 { | ||
background-color: #BB82CE; | background-color: #BB82CE !important; | ||
color: black; | color: black !important; | ||
} | } | ||
.prime17 { | .prime17 { | ||
background-color: #ABF0FE; | background-color: #ABF0FE !important; | ||
color: black; | color: black !important; | ||
} | } | ||
.prime19 { | .prime19 { | ||
background-color: #A6FED6; | background-color: #A6FED6 !important; | ||
color: black; | color: black !important; | ||
} | } | ||
.prime23 { | .prime23 { | ||
background-color: #E9C786; | background-color: #E9C786 !important; | ||
color: black; | color: black !important; | ||
} | } | ||
.prime29 { | .prime29 { | ||
background-color: #8586E2; | background-color: #8586E2 !important; | ||
color: black; | color: black !important; | ||
} | } | ||
.prime31 { | .prime31 { | ||
background-color: #8ABDFD; | background-color: #8ABDFD !important; | ||
color: black; | color: black !important; | ||
} | } | ||
| Line 60: | Line 60: | ||
@media (prefers-color-scheme: dark) { | @media (prefers-color-scheme: dark) { | ||
.prime2 { | .prime2 { | ||
background-color: #3F3F3F; | background-color: #3F3F3F !important; | ||
color: white; | color: white !important; | ||
} | } | ||
.prime3 { | .prime3 { | ||
background-color: #5D1601; | background-color: #5D1601 !important; | ||
color: white; | color: white !important; | ||
} | } | ||
.prime5 { | .prime5 { | ||
background-color: #417F1F; | background-color: #417F1F !important; | ||
color: white; | color: white !important; | ||
} | } | ||
.prime7 { | .prime7 { | ||
background-color: #180456; | background-color: #180456 !important; | ||
color: white; | color: white !important; | ||
} | } | ||
.prime11 { | .prime11 { | ||
background-color: #777A0F; | background-color: #777A0F !important; | ||
color: white; | color: white !important; | ||
} | } | ||
.prime13 { | .prime13 { | ||
background-color: #3C034F; | background-color: #3C034F !important; | ||
color: white; | color: white !important; | ||
} | } | ||
.prime17 { | .prime17 { | ||
background-color: #2C717F; | background-color: #2C717F !important; | ||
color: white; | color: white !important; | ||
} | } | ||
.prime19 { | .prime19 { | ||
background-color: #277F57; | background-color: #277F57 !important; | ||
color: white; | color: white !important; | ||
} | } | ||
.prime23 { | .prime23 { | ||
background-color: #6A4807; | background-color: #6A4807 !important; | ||
color: white; | color: white !important; | ||
} | } | ||
.prime29 { | .prime29 { | ||
background-color: #060763; | background-color: #060763 !important; | ||
color: white; | color: white !important; | ||
} | } | ||
.prime31 { | .prime31 { | ||
background-color: #0B3E7E; | background-color: #0B3E7E !important; | ||
color: white; | color: white !important; | ||
} | } | ||
} | } | ||
Revision as of 01:22, 17 December 2025
/* XenBase class="adv" selector, TODO finish formatting */
.adv {
opacity: 0.67; /* 67% opacity */
}
/* XenBase class="thl" selector, for highlighting table cells */
.thl {
color: #000;
background-color: #cba;
}
@media (prefers-color-scheme: light) {
.prime2 {
background-color: #BFBFBF !important;
color: black !important;
}
.prime3 {
background-color: #DC9580 !important;
color: black !important;
}
.prime5 {
background-color: #C0FE9E !important;
color: black !important;
}
.prime7 {
background-color: #9783D5 !important;
color: black !important;
}
.prime11 {
background-color: #F6F98E !important;
color: black !important;
}
.prime13 {
background-color: #BB82CE !important;
color: black !important;
}
.prime17 {
background-color: #ABF0FE !important;
color: black !important;
}
.prime19 {
background-color: #A6FED6 !important;
color: black !important;
}
.prime23 {
background-color: #E9C786 !important;
color: black !important;
}
.prime29 {
background-color: #8586E2 !important;
color: black !important;
}
.prime31 {
background-color: #8ABDFD !important;
color: black !important;
}
}
@media (prefers-color-scheme: dark) {
.prime2 {
background-color: #3F3F3F !important;
color: white !important;
}
.prime3 {
background-color: #5D1601 !important;
color: white !important;
}
.prime5 {
background-color: #417F1F !important;
color: white !important;
}
.prime7 {
background-color: #180456 !important;
color: white !important;
}
.prime11 {
background-color: #777A0F !important;
color: white !important;
}
.prime13 {
background-color: #3C034F !important;
color: white !important;
}
.prime17 {
background-color: #2C717F !important;
color: white !important;
}
.prime19 {
background-color: #277F57 !important;
color: white !important;
}
.prime23 {
background-color: #6A4807 !important;
color: white !important;
}
.prime29 {
background-color: #060763 !important;
color: white !important;
}
.prime31 {
background-color: #0B3E7E !important;
color: white !important;
}
}