https://www.nordiclarp.org/wiki/index.php?action=history&feed=atom&title=Template%3APara%2Fstyles.css 2026-04-29T07:20:53Z Revision history for this page on the wiki MediaWiki 1.45.1 https://www.nordiclarp.org/wiki/index.php?title=Template:Para/styles.css&diff=2816&oldid=prev 2025-10-25T22:28:58Z

<p>1 revision imported</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 22:28, 25 October 2025</td> </tr><tr><td colspan="4" class="diff-notice" lang="en"><div class="mw-diff-empty">(No difference)</div> </td></tr> <!-- diff cache key nordic_larp_wiki:diff:1.41:old-2815:rev-2816 --> </table>

Nordiclarpwikiadmin https://www.nordiclarp.org/wiki/index.php?title=Template:Para/styles.css&diff=2815&oldid=prev 2024-09-13T22:29:49Z

<p></p> <p><b>New page</b></p><div>/*----------------------------&lt; U N D A R K M O D E C O L O R S &gt;------------------------------------------<br /> <br /> colors for undark mode are those used by &lt;syntaxhighlight&gt; .. &lt;/syntaxhighlight&gt; except for para-red and para-green<br /> which were originally intended to be the colors used by {{mxt}} and {{!mxt}}.<br /> <br /> colors for |color=red and |color=green chosen from named colors ([[Web_colors#Extended_colors]]) and evaluated<br /> using snook&#039;s color contrast checker (https://snook.ca/technical/colour_contrast/colour.html) to be WCAG 2 AAA<br /> compliant against a background color of #f8f9fa.<br /> <br /> syntaxhighlight colors were also evaluated using the same tool; see comments below.<br /> <br /> {{para}} cannot use the classes defined for &lt;syntaxhighlight&gt;. See discussion under &#039;dark mode colors&#039;.<br /> <br /> */<br /> <br /> /* minerva only; set undark-mode background-color to match syntaxhighlight */<br /> body.skin-minerva .para-code {background-color:#f8f8f8} /* minerva does not set background-color for &lt;code&gt; tag */<br /> <br /> .para-red {color:DarkRed}<br /> .para-green {color:DarkGreen}<br /> .para-syn {color:#767600} /* syntaxhighlight color; not WCAG 2 AAA compliant */<br /> .para-pipe, .para-value {color:#333} /* syntaxhighlight color */<br /> .para-assign {color:#666} /* syntaxhighlight color; not WCAG 2 AAA compliant */<br /> .para-plain {<br /> border: none;<br /> background-color: inherit;<br /> }<br /> <br /> <br /> /*----------------------------&lt; D A R K M O D E C O L O R S &gt;----------------------------------------------<br /> <br /> colors for dark mode cannot be the same as for undark mode. colors here chosen from named colors<br /> ([[Web_colors#Extended_colors]]) and evaluated using snook&#039;s color contrast checker<br /> (https://snook.ca/technical/colour_contrast/colour.html) to be WCAG 2 AAA compliant against a background color<br /> of #202122.<br /> <br /> At the time of this writing, 2024-09-13, {{para}} cannot use the classes defined for &lt;syntaxhighlight&gt; because<br /> to do so breaks &lt;syntaxhighlight&gt; renderings when in dark mode. Perhaps when &lt;syntaxhighlight&gt; is updated to<br /> support dark mode ... See phabricator https://phabricator.wikimedia.org/T365926 and https://phabricator.wikimedia.org/T285859<br /> <br /> */<br /> <br /> @media screen {<br /> html.skin-theme-clientpref-night body.skin-minerva .para-code { /* minerva does not set background-color for &lt;code&gt; tag so we must override our setting */<br /> background-color: var(--background-color-notice-subtle, #202122)<br /> }<br /> <br /> html.skin-theme-clientpref-night span.para-red {color:LightPink}<br /> html.skin-theme-clientpref-night span.para-green {color:PaleGreen} /* color difference slightly under spec (496, should be &gt;=500) */<br /> html.skin-theme-clientpref-night span.para-syn {color:Khaki}<br /> <br /> html.skin-theme-clientpref-night span.para-pipe,<br /> html.skin-theme-clientpref-night span.para-value<br /> {color:LightGray}<br /> <br /> html.skin-theme-clientpref-night span.para-assign {color:Gainsboro}<br /> html.skin-theme-clientpref-night span.para-plain {<br /> border: none;<br /> background-color: var(--background-color-neutral-subtle, #f8f9fa);<br /> color:Gainsboro;<br /> }<br /> }<br /> <br /> @media screen and (prefers-color-scheme: dark) {<br /> html.skin-theme-clientpref-os body.skin-minerva .para-code { /* minerva does not set background-color for &lt;code&gt; tag so we must override our setting */<br /> background-color: var(--background-color-notice-subtle, #202122)<br /> }<br /> <br /> html.skin-theme-clientpref-os span.para-red {color:LightPink}<br /> html.skin-theme-clientpref-os span.para-green {color:PaleGreen} /* color difference slightly under spec (496, should be &gt;=500) */<br /> html.skin-theme-clientpref-os span.para-syn {color:Khaki}<br /> <br /> html.skin-theme-clientpref-os span.para-pipe,<br /> html.skin-theme-clientpref-os spa.para-value<br /> {color:LightGray}<br /> <br /> html.skin-theme-clientpref-os span.para-assign {color:Gainsboro}<br /> html.skin-theme-clientpref-os span.para-plain {<br /> border: none;<br /> background-color: var(--background-color-neutral-subtle, #f8f9fa);<br /> color:Gainsboro;<br /> }<br /> }</div>

Nordic Larp Wiki>Trappist the monk