MediaWiki:AceEditor.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| (One intermediate revision by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* Variable definitions */ | /* Variable definitions */ | ||
:root { | :root body:not(.skin-vector-dark) { | ||
--theme-ace-indent-guide: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y; | --theme-ace-indent-guide: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y; | ||
--pygments-background: var(--theme-page-background-color--secondary); | --pygments-background: var(--theme-page-background-color--secondary); | ||
| Line 141: | Line 141: | ||
/* Non-editor view */ | /* Non-editor view */ | ||
.mw-highlight { | .mw-highlight { | ||
background:none | background: none | ||
} | } | ||
.mw-highlight .err { | .mw-highlight .err { | ||
border-color:var(--pygments-err) | border-color: var(--pygments-err) | ||
} | } | ||
.mw-highlight .c { | .mw-highlight .c { | ||
color:var(--pygments-c) | color: var(--pygments-c) | ||
} | } | ||
.mw-highlight .k { | .mw-highlight .k { | ||
color:var(--pygments-k) | color: var(--pygments-k) | ||
} | } | ||
.mw-highlight .o { | .mw-highlight .o { | ||
color:var(--pygments-o) | color: var(--pygments-o) | ||
} | } | ||
.mw-highlight .ch { | .mw-highlight .ch { | ||
color:var(--pygments-ch) | color: var(--pygments-ch) | ||
} | } | ||
.mw-highlight .cm { | .mw-highlight .cm { | ||
color:var(--pygments-cm) | color: var(--pygments-cm) | ||
} | } | ||
.mw-highlight .cp { | .mw-highlight .cp { | ||
color:var(--pygments-cp) | color: var(--pygments-cp) | ||
} | } | ||
.mw-highlight .cpf { | .mw-highlight .cpf { | ||
color:var(--pygments-cpf) | color: var(--pygments-cpf) | ||
} | } | ||
.mw-highlight .c1 { | .mw-highlight .c1 { | ||
color:var(--pygments-c1) | color: var(--pygments-c1) | ||
} | } | ||
.mw-highlight .cs { | .mw-highlight .cs { | ||
color:var(--pygments-cs) | color: var(--pygments-cs) | ||
} | } | ||
.mw-highlight .gd { | .mw-highlight .gd { | ||
color:var(--pygments-gd) | color: var(--pygments-gd) | ||
} | } | ||
.mw-highlight .gr { | .mw-highlight .gr { | ||
color:var(--pygments-gr) | color: var(--pygments-gr) | ||
} | } | ||
.mw-highlight .gh { | .mw-highlight .gh { | ||
color:var(--pygments-gh) | color: var(--pygments-gh) | ||
} | } | ||
.mw-highlight .gi { | .mw-highlight .gi { | ||
color:var(--pygments-gi) | color: var(--pygments-gi) | ||
} | } | ||
.mw-highlight .go { | .mw-highlight .go { | ||
color:var(--pygments-go) | color: var(--pygments-go) | ||
} | } | ||
.mw-highlight .gp { | .mw-highlight .gp { | ||
color:var(--pygments-gp) | color: var(--pygments-gp) | ||
} | } | ||
.mw-highlight .gu { | .mw-highlight .gu { | ||
color:var(--pygments-gu) | color: var(--pygments-gu) | ||
} | } | ||
.mw-highlight .gt { | .mw-highlight .gt { | ||
color:var(--pygments-gt) | color: var(--pygments-gt) | ||
} | } | ||
.mw-highlight .kc { | .mw-highlight .kc { | ||
color:var(--pygments-kc) | color: var(--pygments-kc) | ||
} | } | ||
.mw-highlight .kd { | .mw-highlight .kd { | ||
color:var(--pygments-kd) | color: var(--pygments-kd) | ||
} | } | ||
.mw-highlight .kn { | .mw-highlight .kn { | ||
color:var(--pygments-kn) | color: var(--pygments-kn) | ||
} | } | ||
.mw-highlight .kp { | .mw-highlight .kp { | ||
color:var(--pygments-kp) | color: var(--pygments-kp) | ||
} | } | ||
.mw-highlight .kr { | .mw-highlight .kr { | ||
color:var(--pygments-kr) | color: var(--pygments-kr) | ||
} | } | ||
.mw-highlight .kt { | .mw-highlight .kt { | ||
color:var(--pygments-kt) | color: var(--pygments-kt) | ||
} | } | ||
.mw-highlight .m { | .mw-highlight .m { | ||
color:var(--pygments-m) | color: var(--pygments-m) | ||
} | } | ||
.mw-highlight .s { | .mw-highlight .s { | ||
color:var(--pygments-s) | color: var(--pygments-s) | ||
} | } | ||
.mw-highlight .na { | .mw-highlight .na { | ||
color:var(--pygments-na) | color: var(--pygments-na) | ||
} | } | ||
.mw-highlight .nb { | .mw-highlight .nb { | ||
color:var(--pygments-nb) | color: var(--pygments-nb) | ||
} | } | ||
.mw-highlight .nc { | .mw-highlight .nc { | ||
color:var(--pygments-nc) | color: var(--pygments-nc) | ||
} | } | ||
.mw-highlight .no { | .mw-highlight .no { | ||
color:var(--pygments-no) | color: var(--pygments-no) | ||
} | } | ||
.mw-highlight .nd { | .mw-highlight .nd { | ||
color:var(--pygments-nd) | color: var(--pygments-nd) | ||
} | } | ||
.mw-highlight .ni { | .mw-highlight .ni { | ||
color:var(--pygments-ni) | color: var(--pygments-ni) | ||
} | } | ||
.mw-highlight .ne { | .mw-highlight .ne { | ||
color:var(--pygments-ne) | color: var(--pygments-ne) | ||
} | } | ||
.mw-highlight .nf { | .mw-highlight .nf { | ||
color:var(--pygments-nf) | color: var(--pygments-nf) | ||
} | } | ||
.mw-highlight .nl { | .mw-highlight .nl { | ||
color:var(--pygments-nl) | color: var(--pygments-nl) | ||
} | } | ||
.mw-highlight .nn { | .mw-highlight .nn { | ||
color:var(--pygments-nn) | color: var(--pygments-nn) | ||
} | } | ||
.mw-highlight .nt { | .mw-highlight .nt { | ||
color:var(--pygments-nt) | color: var(--pygments-nt) | ||
} | } | ||
.mw-highlight .nv { | .mw-highlight .nv { | ||
color:var(--pygments-nv) | color: var(--pygments-nv) | ||
} | } | ||
.mw-highlight .ow { | .mw-highlight .ow { | ||
color:var(--pygments-ow) | color: var(--pygments-ow) | ||
} | } | ||
.mw-highlight .w { | .mw-highlight .w { | ||
color:var(--pygments-w) | color: var(--pygments-w) | ||
} | } | ||
.mw-highlight .mb { | .mw-highlight .mb { | ||
color:var(--pygments-mb) | color: var(--pygments-mb) | ||
} | } | ||
.mw-highlight .mf { | .mw-highlight .mf { | ||
color:var(--pygments-mf) | color: var(--pygments-mf) | ||
} | } | ||
.mw-highlight .mh { | .mw-highlight .mh { | ||
color:var(--pygments-mh) | color: var(--pygments-mh) | ||
} | } | ||
.mw-highlight .mi { | .mw-highlight .mi { | ||
color:var(--pygments-mi) | color: var(--pygments-mi) | ||
} | } | ||
.mw-highlight .mo { | .mw-highlight .mo { | ||
color:var(--pygments-mo) | color: var(--pygments-mo) | ||
} | } | ||
.mw-highlight .sa { | .mw-highlight .sa { | ||
color:var(--pygments-sa) | color: var(--pygments-sa) | ||
} | } | ||
.mw-highlight .sb { | .mw-highlight .sb { | ||
color:var(--pygments-sb) | color: var(--pygments-sb) | ||
} | } | ||
.mw-highlight .sc { | .mw-highlight .sc { | ||
color:var(--pygments-sc) | color: var(--pygments-sc) | ||
} | } | ||
.mw-highlight .dl { | .mw-highlight .dl { | ||
color:var(--pygments-dl) | color: var(--pygments-dl) | ||
} | } | ||
.mw-highlight .sd { | .mw-highlight .sd { | ||
color:var(--pygments-sd) | color: var(--pygments-sd) | ||
} | } | ||
.mw-highlight .s2 { | .mw-highlight .s2 { | ||
color:var(--pygments-s2) | color: var(--pygments-s2) | ||
} | } | ||
.mw-highlight .se { | .mw-highlight .se { | ||
color:var(--pygments-se) | color: var(--pygments-se) | ||
} | } | ||
.mw-highlight .sh { | .mw-highlight .sh { | ||
color:var(--pygments-sh) | color: var(--pygments-sh) | ||
} | } | ||
.mw-highlight .si { | .mw-highlight .si { | ||
color:var(--pygments-si) | color: var(--pygments-si) | ||
} | } | ||
.mw-highlight .sx { | .mw-highlight .sx { | ||
color:var(--pygments-sx) | color: var(--pygments-sx) | ||
} | } | ||
.mw-highlight .sr { | .mw-highlight .sr { | ||
color:var(--pygments-sr) | color: var(--pygments-sr) | ||
} | } | ||
.mw-highlight .s1 { | .mw-highlight .s1 { | ||
color:var(--pygments-s1) | color: var(--pygments-s1) | ||
} | } | ||
.mw-highlight .ss { | .mw-highlight .ss { | ||
color:var(--pygments-ss) | color: var(--pygments-ss) | ||
} | } | ||
.mw-highlight .bp { | .mw-highlight .bp { | ||
color:var(--pygments-bp) | color: var(--pygments-bp) | ||
} | } | ||
.mw-highlight .fm { | .mw-highlight .fm { | ||
color:var(--pygments-fm) | color: var(--pygments-fm) | ||
} | } | ||
.mw-highlight .vc { | .mw-highlight .vc { | ||
color:var(--pygments-vc) | color: var(--pygments-vc) | ||
} | } | ||
.mw-highlight .vg { | .mw-highlight .vg { | ||
color:var(--pygments-vg) | color: var(--pygments-vg) | ||
} | } | ||
.mw-highlight .vi { | .mw-highlight .vi { | ||
color:var(--pygments-vi) | color: var(--pygments-vi) | ||
} | } | ||
.mw-highlight .vm { | .mw-highlight .vm { | ||
color:var(--pygments-vm) | color: var(--pygments-vm) | ||
} | } | ||
.mw-highlight .il { | .mw-highlight .il { | ||
color:var(--pygments-il) | color: var(--pygments-il) | ||
} | } | ||
.mw-highlight pre { | .mw-highlight pre { | ||
background-color:var(--pygments-background) | background-color: var(--pygments-background) | ||
} | } | ||
.mw-highlight .hll { | .mw-highlight .hll { | ||
background-color:rgba(var(--theme-accent-color--rgb),.2) | background-color: rgba(var(--theme-accent-color--rgb), .2) | ||
} | } | ||
| Line 373: | Line 373: | ||
} | } | ||
.ace-tm .ace_keyword, | .ace-tm .ace_keyword, | ||
.ace-tm .ace_meta { | .ace-tm .ace_meta, | ||
.ace-tm .ace_storage { | |||
color: var(--pygments-kd); | color: var(--pygments-kd); | ||
} | } | ||
| Line 431: | Line 432: | ||
} | } | ||
.ace-tm .ace_indent-guide { | .ace-tm .ace_indent-guide { | ||
background: var(--theme-ace-indent-guide); | |||
} | } | ||
Latest revision as of 00:02, 13 July 2024
/* Variable definitions */
:root body:not(.skin-vector-dark) {
--theme-ace-indent-guide: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y;
--pygments-background: var(--theme-page-background-color--secondary);
--pygments-err: #f00;
--pygments-c: #408080;
--pygments-k: #008000;
--pygments-o: #666;
--pygments-ch: #408080;
--pygments-cm: #408080;
--pygments-cp: #b17300;
--pygments-cpf: #408080;
--pygments-c1: #408080;
--pygments-cs: #408080;
--pygments-gd: #a00000;
--pygments-gr: #f00;
--pygments-gh: #000080;
--pygments-gi: #009500;
--pygments-go: #808080;
--pygments-gp: #000080;
--pygments-gu: #800080;
--pygments-gt: #04d;
--pygments-kc: #008000;
--pygments-kd: #008000;
--pygments-kn: #008000;
--pygments-kp: #008000;
--pygments-kr: #008000;
--pygments-kt: #b00040;
--pygments-m: #666;
--pygments-s: #ba2121;
--pygments-na: #768826;
--pygments-nb: #008000;
--pygments-nc: #00f;
--pygments-no: #800;
--pygments-nd: #a2f;
--pygments-ni: #7f7f7f;
--pygments-ne: #d2413a;
--pygments-nf: #00f;
--pygments-nl: #818100;
--pygments-nn: #00f;
--pygments-nt: #008000;
--pygments-nv: #19177c;
--pygments-ow: #a2f;
--pygments-w: #808080;
--pygments-mb: #666;
--pygments-mf: #666;
--pygments-mh: #666;
--pygments-mi: #666;
--pygments-mo: #666;
--pygments-sa: #ba2121;
--pygments-sb: #ba2121;
--pygments-sc: #ba2121;
--pygments-dl: #ba2121;
--pygments-sd: #ba2121;
--pygments-s2: #ba2121;
--pygments-se: #b62;
--pygments-sh: #ba2121;
--pygments-si: #b68;
--pygments-sx: #008000;
--pygments-sr: #b68;
--pygments-s1: #ba2121;
--pygments-ss: #19177c;
--pygments-bp: #008000;
--pygments-fm: #00f;
--pygments-vc: #19177c;
--pygments-vg: #19177c;
--pygments-vi: #19177c;
--pygments-vm: #19177c;
--pygments-il: #666;
}
:root .skin-vector-dark {
--theme-ace-indent-guide: background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y;
--pygments-background: var(--theme-page-background-color--secondary);
--pygments-err: #fe6060;
--pygments-c: #51a2a2;
--pygments-k: #00ad00;
--pygments-o: #f9a83a;
--pygments-ch: #51a2a2;
--pygments-cm: #f040ffe6;
--pygments-cp: #d08700;
--pygments-cpf: #51a2a2;
--pygments-c1: #f040ffe6;
--pygments-cs: #51a2a2;
--pygments-gd: #ff5d5d;
--pygments-gr: #fe6060;
--pygments-gh: #8a8aff;
--pygments-gi: #00af00;
--pygments-go: #979797;
--pygments-gp: #8a8aff;
--pygments-gu: #ff29ff;
--pygments-gt: #6292fe;
--pygments-kc: #4ee45fe8;
--pygments-kd: #f9a83a;
--pygments-kn: #f9a83a;
--pygments-kp: #f9a83a;
--pygments-kr: #f9a83a;
--pygments-kt: #fe5995;
--pygments-m: #969696;
--pygments-s: #e67474;
--pygments-na: #8a9f2d;
--pygments-nb: #009eeed4;
--pygments-nc: #8989fe;
--pygments-no: #ff5f5f;
--pygments-nd: #c76eff;
--pygments-ni: #999;
--pygments-ne: #df7974;
--pygments-nf: #8989fe;
--pygments-nl: #a0a000;
--pygments-nn: #8989fe;
--pygments-nt: #00ad00;
--pygments-nv: #908eea;
--pygments-ow: #f9a83a;
--pygments-w: #bbb;
--pygments-mb: #969696;
--pygments-mf: #4ee45fe8;
--pygments-mh: #969696;
--pygments-mi: #4ee45fe8;
--pygments-mo: #969696;
--pygments-sa: #e67474;
--pygments-sb: #e67474;
--pygments-sc: #e67474;
--pygments-dl: #e67474;
--pygments-sd: #e67474;
--pygments-s2: #28956d;
--pygments-se: #da7e35;
--pygments-sh: #e67474;
--pygments-si: #c7829d;
--pygments-sx: #00ad00;
--pygments-sr: #c7829d;
--pygments-s1: #28956d;
--pygments-ss: #908eea;
--pygments-bp: #00ad00;
--pygments-fm: #8989fe;
--pygments-vc: #908eea;
--pygments-vg: #908eea;
--pygments-vi: #908eea;
--pygments-vm: #908eea;
--pygments-il: #969696;
}
/* Non-editor view */
.mw-highlight {
background: none
}
.mw-highlight .err {
border-color: var(--pygments-err)
}
.mw-highlight .c {
color: var(--pygments-c)
}
.mw-highlight .k {
color: var(--pygments-k)
}
.mw-highlight .o {
color: var(--pygments-o)
}
.mw-highlight .ch {
color: var(--pygments-ch)
}
.mw-highlight .cm {
color: var(--pygments-cm)
}
.mw-highlight .cp {
color: var(--pygments-cp)
}
.mw-highlight .cpf {
color: var(--pygments-cpf)
}
.mw-highlight .c1 {
color: var(--pygments-c1)
}
.mw-highlight .cs {
color: var(--pygments-cs)
}
.mw-highlight .gd {
color: var(--pygments-gd)
}
.mw-highlight .gr {
color: var(--pygments-gr)
}
.mw-highlight .gh {
color: var(--pygments-gh)
}
.mw-highlight .gi {
color: var(--pygments-gi)
}
.mw-highlight .go {
color: var(--pygments-go)
}
.mw-highlight .gp {
color: var(--pygments-gp)
}
.mw-highlight .gu {
color: var(--pygments-gu)
}
.mw-highlight .gt {
color: var(--pygments-gt)
}
.mw-highlight .kc {
color: var(--pygments-kc)
}
.mw-highlight .kd {
color: var(--pygments-kd)
}
.mw-highlight .kn {
color: var(--pygments-kn)
}
.mw-highlight .kp {
color: var(--pygments-kp)
}
.mw-highlight .kr {
color: var(--pygments-kr)
}
.mw-highlight .kt {
color: var(--pygments-kt)
}
.mw-highlight .m {
color: var(--pygments-m)
}
.mw-highlight .s {
color: var(--pygments-s)
}
.mw-highlight .na {
color: var(--pygments-na)
}
.mw-highlight .nb {
color: var(--pygments-nb)
}
.mw-highlight .nc {
color: var(--pygments-nc)
}
.mw-highlight .no {
color: var(--pygments-no)
}
.mw-highlight .nd {
color: var(--pygments-nd)
}
.mw-highlight .ni {
color: var(--pygments-ni)
}
.mw-highlight .ne {
color: var(--pygments-ne)
}
.mw-highlight .nf {
color: var(--pygments-nf)
}
.mw-highlight .nl {
color: var(--pygments-nl)
}
.mw-highlight .nn {
color: var(--pygments-nn)
}
.mw-highlight .nt {
color: var(--pygments-nt)
}
.mw-highlight .nv {
color: var(--pygments-nv)
}
.mw-highlight .ow {
color: var(--pygments-ow)
}
.mw-highlight .w {
color: var(--pygments-w)
}
.mw-highlight .mb {
color: var(--pygments-mb)
}
.mw-highlight .mf {
color: var(--pygments-mf)
}
.mw-highlight .mh {
color: var(--pygments-mh)
}
.mw-highlight .mi {
color: var(--pygments-mi)
}
.mw-highlight .mo {
color: var(--pygments-mo)
}
.mw-highlight .sa {
color: var(--pygments-sa)
}
.mw-highlight .sb {
color: var(--pygments-sb)
}
.mw-highlight .sc {
color: var(--pygments-sc)
}
.mw-highlight .dl {
color: var(--pygments-dl)
}
.mw-highlight .sd {
color: var(--pygments-sd)
}
.mw-highlight .s2 {
color: var(--pygments-s2)
}
.mw-highlight .se {
color: var(--pygments-se)
}
.mw-highlight .sh {
color: var(--pygments-sh)
}
.mw-highlight .si {
color: var(--pygments-si)
}
.mw-highlight .sx {
color: var(--pygments-sx)
}
.mw-highlight .sr {
color: var(--pygments-sr)
}
.mw-highlight .s1 {
color: var(--pygments-s1)
}
.mw-highlight .ss {
color: var(--pygments-ss)
}
.mw-highlight .bp {
color: var(--pygments-bp)
}
.mw-highlight .fm {
color: var(--pygments-fm)
}
.mw-highlight .vc {
color: var(--pygments-vc)
}
.mw-highlight .vg {
color: var(--pygments-vg)
}
.mw-highlight .vi {
color: var(--pygments-vi)
}
.mw-highlight .vm {
color: var(--pygments-vm)
}
.mw-highlight .il {
color: var(--pygments-il)
}
.mw-highlight pre {
background-color: var(--pygments-background)
}
.mw-highlight .hll {
background-color: rgba(var(--theme-accent-color--rgb), .2)
}
/* Editor view */
.ace-tm .ace_gutter {
background: #232323;
color: #E2E2E2
}
.ace-tm .ace_print-margin {
display: none !important;
}
.ace-tm {
background-color: rbga(var(--theme-page-background-color--rgb), 0.8);
color: var(--theme-page-text-color);
}
.ace-tm .ace_cursor {
color: var(--theme-page-text-color);
}
.ace-tm .ace_marker-layer .ace_selection {
background: rgba(var(--theme-link-color--rgb), 0.2);
}
.ace-tm .ace_marker-layer .ace_active-line {
background: var(--theme-page-background-color--secondary);
}
.ace-tm .ace_gutter-active-line {
background-color: rbga(var(--theme-page-background-color--rgb), 0.95);
}
.ace-tm .ace_marker-layer .ace_selected-word {
border: 1px solid rgba(221, 240, 255, 0.20)
}
.ace-tm .ace_keyword,
.ace-tm .ace_meta,
.ace-tm .ace_storage {
color: var(--pygments-kd);
}
.ace-tm .ace_constant,
.ace-tm .ace_constant.ace_character,
.ace-tm .ace_constant.ace_character.ace_escape,
.ace-tm .ace_constant.ace_other,
.ace-tm .ace_heading,
.ace-tm .ace_markup.ace_heading,
.ace-tm .ace_support.ace_constant {
color: #CF6A4C
}
.ace-tm .ace_invalid.ace_illegal {
color: #F8F8F8;
background-color: rgba(86, 45, 86, 0.75)
}
.ace-tm .ace_invalid.ace_deprecated {
text-decoration: underline;
font-style: italic;
color: #D2A8A1
}
.ace-tm .ace_support {
color: #9B859D
}
.ace-tm .ace_fold {
background-color: #AC885B;
border-color: #F8F8F8
}
.ace-tm .ace_support.ace_function {
color: #DAD085
}
.ace-tm .ace_list,
.ace-tm .ace_markup.ace_list,
.ace-tm .ace_storage {
color: #F9EE98
}
.ace-tm .ace_entity.ace_name.ace_function,
.ace-tm .ace_meta.ace_tag,
.ace-tm .ace_variable {
color: #AC885B
}
.ace-tm .ace_string {
color: #8F9D6A
}
.ace-tm .ace_string.ace_regexp {
color: #E9C062
}
.ace-tm .ace_comment {
font-style: italic;
color: var(--pygments-c1);
}
.ace-tm .ace_variable {
color: #7587A6
}
.ace-tm .ace_xml-pe {
color: #494949
}
.ace-tm .ace_indent-guide {
background: var(--theme-ace-indent-guide);
}