MediaWiki:AceEditor.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.
/* 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);
}