MediaWiki:AceEditor.css

From Coral Island Wiki
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);
}