MediaWiki:Common.css: Difference between revisions

Dark mode: Amend code syntax highlight styles
(Rework dark mode implementation, prevents FOUC on page load)
(Dark mode: Amend code syntax highlight styles)
Line 476: Line 476:
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
background-color:#2c475a
background-color:#2c475a
}
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2,
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2,
Line 482: Line 482:
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
background-color:#385a53
background-color:#385a53
}
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3,
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3,
Line 488: Line 488:
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
background-color:#544b2f
background-color:#544b2f
}
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4,
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4,
Line 494: Line 494:
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
background-color:#674b3d
background-color:#674b3d
}
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5,
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5,
Line 500: Line 500:
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
background-color:#4b2626
background-color:#4b2626
}
 
/* SyntaxHighlight Extension */
.mw-highlight .linenos {
/* Line numbers */
color: #bebebe
}
.mw-highlight a:hover .linenos,
.mw-highlight .hll a .linenos {
/* Hovering over/selected line numbers */
color:#fff
}
.mw-highlight .hll {
/* Highlighted line */
background-color:rgba(187, 128, 9, 0.4)
}
.mw-highlight .c {
/* Comment */
color:#529955;
font-style:italic
}
.mw-highlight .err {
/* Error */
border:1px solid #FF0000
}
.mw-highlight .k {
/* Keyword */
color:#569cd6;
font-weight:bold
}
.mw-highlight .o {
/* Operator */
color:#aaa8a8
}
.mw-highlight .p {
/* Parenthesis/separator */
color:#ffc813
}
.mw-highlight .ch {
/* Comment, hashbang */
color:#529955;
font-style:italic
}
.mw-highlight .cm {
/* Comment, multiline */
color:#529955;
font-style:italic
}
.mw-highlight .cp {
/* Comment.Preproc */
color:#d48c07
}
.mw-highlight .cpf {
/* Comment.PreprofFile */
color:#529955;
font-style:italic
}
.mw-highlight .c1 {
/* Comment, single line */
color:#529955;
font-style:italic
}
.mw-highlight .cs {
/* Comment, special */
color:#529955;
font-style:italic
}
.mw-highlight .gd {
/* Generic, deleted */
color:#A00000
}
.mw-highlight .ge {
/* Generic, emphasis */
font-style:italic
}
.mw-highlight .gr {
/* Generic, error */
color:#E40000
}
.mw-highlight .gh {
/* Generic, heading */
color:#3232ca;
font-weight:bold
}
.mw-highlight .gi {
/* Generic, inserted */
color:#008400
}
.mw-highlight .go {
/* Generic, output */
color:#afabab
}
.mw-highlight .gp {
/* Generic, prompt */
color:#3232ca;
font-weight:bold
}
.mw-highlight .gs {
/* Generic, strong */
font-weight:bold
}
.mw-highlight .gu {
/* Generic, subheading */
color:#a74ba7;
font-weight:bold
}
.mw-highlight .gt {
/* Generic, traceback */
color:#0044DD
}
.mw-highlight .kc {
/* Keyword, constant */
color:#569cd6;
font-weight:bold
}
.mw-highlight .kd {
/* Keyword, declaration */
color:#569cd6;
font-weight:bold
}
.mw-highlight .kn {
/* Keyword, namespace */
color:#569cd6;
font-weight:bold
}
.mw-highlight .kp {
/* Keyword, pseudo */
color:#569cd6
}
.mw-highlight .kr {
/* Keyword, reserved */
color:#569cd6;
font-weight:bold
}
.mw-highlight .kt {
/* Keyword, type */
color:#e16c97
}
.mw-highlight .m {
/* Literal number */
color:#80d56f
}
.mw-highlight .s {
/* String */
color:#ce9178
}
.mw-highlight .na {
/* Name, attribute */
color:#dcdcaa
}
.mw-highlight .nb {
/* Name, builtin */
color:#dcdcaa
}
.mw-highlight .nc {
/* Name, class */
color:#dcdcaa;
font-weight:bold
}
.mw-highlight .no {
/* Name, constant */
color:#80d56f
}
.mw-highlight .nd {
/* Name, decorator */
color:#b47de8
}
.mw-highlight .ni {
/* Name, entity */
color:#50a2ff;
font-weight:bold
}
.mw-highlight .ne {
/* Name, exception */
color:#CB3F38;
font-weight:bold
}
.mw-highlight .nf {
/* Name, function */
color:#dbbb5b
}
.mw-highlight .nl {
/* Name, label */
color:#50a2ff
}
.mw-highlight .nn {
/* Name, namespace */
color:#50a2ff;
font-weight:bold
}
.mw-highlight .nt {
/* Name, tag */
color:#dcdcaa;
font-weight:bold
}
.mw-highlight .nv {
/* Name, variable */
color:#9cdcfe
}
.mw-highlight .ow {
/* Operator Word */
color:#569cd6;
font-weight:bold
}
.mw-highlight .w {
color:#bbbbbb
}
.mw-highlight .mb {
/* Literal number, binary */
color:#80d56f
}
.mw-highlight .mf {
/* Literal number, float */
color:#80d56f
}
.mw-highlight .mh {
/* Literal number, hex */
color:#80d56f
}
.mw-highlight .mi {
/* Literal number, integer */
color:#80d56f
}
.mw-highlight .mo {
/* Literal number, octal */
color:#80d56f
}
.mw-highlight .sa {
/* String literal, affix */
color:#ce9178
}
.mw-highlight .sb {
/* String literal, backtick */
color:#ce9178
}
.mw-highlight .sc {
/* String literal, char */
color:#d17049
}
.mw-highlight .dl {
/* String literal, delimiter */
color:#ce9178
}
.mw-highlight .sd {
/* String literal, doc */
color:#d6543d;
font-style:italic
}
.mw-highlight .s2 {
/* Double-quoted string literal */
color:#ce9178
}
.mw-highlight .se {
/* String literal, escape */
color:#d17049;
font-weight:bold
}
.mw-highlight .sh {
/* String literal, heredoc */
color:#ce9178
}
.mw-highlight .si {
/* String literal, interpol */
color:#d17049;
font-weight:bold
}
.mw-highlight .sx {
/* String literal, other */
color:#ce9178
}
.mw-highlight .sr {
/* String literal, regex */
color:#8f49d1
}
.mw-highlight .s1 {
/* Single-quoted string literal */
color:#ce9178
}
.mw-highlight .ss {
/* String literal, symbol */
color:#8f49d1
}
.mw-highlight .bp {
/* Name.Builtin.Pseudo */
color:#dcdcaa
}
.mw-highlight .fm {
/* Name.Function.Magic */
color:#dbbb5b
}
.mw-highlight .vc {
/* Variable, class */
color:#9cdcfe
}
.mw-highlight .vg {
/* Variable, global */
color:#9cdcfe
}
.mw-highlight .vi {
/* Variable, instance */
color:#9cdcfe
}
.mw-highlight .vm {
/* Variable, magic */
color:#9cdcfe
}
.mw-highlight .il {
/* Number, integer (long) */
color:#80d56f
}
}