mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/CodeMirror
synced 2024-12-18 16:50:36 +00:00
1a906e41ad
This patch promotes a consistent design decision across projects in MediaWiki core, extensions, and skins. The darker red color meets the W3C Web Content Accessibility Guidelines (WCAG) at Level AA that text or images of text must have a contrast ratio of at least 4.5:1 (or 3:1 for large text). Bug: T343239 Change-Id: I1c3a7a91e28a8fe9695531cdfd7be6807d7c8999
181 lines
6.4 KiB
Plaintext
181 lines
6.4 KiB
Plaintext
@comment-color: #72777d;
|
|
@error-color: #f00;
|
|
@link-color: #000aaa;
|
|
@parser-function-color: #d73333;
|
|
@table-color: #d08;
|
|
@template-color: #80c;
|
|
@template-variable-color: #ac6600;
|
|
@wikitext-formatting-color: #0076dd;
|
|
@xml-tag-color: #14866d;
|
|
|
|
@template-background-color: #a11;
|
|
@ext-background-color: #70a;
|
|
@link-background-color: #219;
|
|
|
|
.ground( @template: 0, @ext: 0, @link: 0 ) {
|
|
@template-shade: fade( @template-background-color, 4% * @template );
|
|
@ext-shade: fade( @ext-background-color, 4% * @ext );
|
|
@link-shade: fade( @link-background-color, 4% * @link );
|
|
background-color: average( average( @template-shade, @ext-shade ), @link-shade );
|
|
}
|
|
|
|
/* stylelint-disable
|
|
declaration-block-single-line-max-declarations,
|
|
stylistic/block-closing-brace-space-after,
|
|
stylistic/block-opening-brace-newline-after,
|
|
stylistic/block-opening-brace-newline-before,
|
|
stylistic/declaration-block-semicolon-newline-after,
|
|
stylistic/selector-list-comma-newline-after
|
|
*/
|
|
|
|
.cm-mw-pagename { text-decoration: underline; }
|
|
|
|
// TODO: It appears like this was never used. Remove?
|
|
.cm-mw-matching { background-color: #ffd700; }
|
|
|
|
.cm-mw-skipformatting { background-color: #adf; }
|
|
.cm-mw-list,
|
|
.cm-mw-indenting { color: @wikitext-formatting-color; font-weight: bold; }
|
|
// FIXME: Remove camelCase variant after CM6 upgrade is complete (also check Global Search)
|
|
.cm-mw-doubleUnderscore,
|
|
.cm-mw-double-underscore,
|
|
.cm-mw-signature, .cm-mw-hr { color: @wikitext-formatting-color; font-weight: bold; background-color: #eee; }
|
|
// TODO: Deprecate .cm-mw-mnemonic in favor of -html-entity
|
|
.cm-mw-mnemonic, .cm-mw-html-entity { color: @xml-tag-color; }
|
|
.cm-mw-comment { color: @comment-color; font-weight: normal; }
|
|
.cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic { color: @wikitext-formatting-color; }
|
|
.cm-mw-strong { font-weight: bold; }
|
|
|
|
// FIXME: Remove .CodeMirror-line rules after CM6 upgrade
|
|
pre.CodeMirror-line.cm-mw-section-1,
|
|
pre.CodeMirror-line-like.cm-mw-section-1,
|
|
.cm-mw-section-1, .cm-mw-section-1 ~ * {
|
|
font-size: 1.8em;
|
|
line-height: 1.2em;
|
|
}
|
|
pre.CodeMirror-line.cm-mw-section-2,
|
|
pre.CodeMirror-line-like.cm-mw-section-2,
|
|
.cm-mw-section-2, .cm-mw-section-2 ~ * {
|
|
font-size: 1.5em;
|
|
line-height: 1.2em;
|
|
}
|
|
pre.CodeMirror-line.cm-mw-section-3,
|
|
pre.CodeMirror-line-like.cm-mw-section-3,
|
|
pre.CodeMirror-line.cm-mw-section-4,
|
|
pre.CodeMirror-line-like.cm-mw-section-4,
|
|
pre.CodeMirror-line.cm-mw-section-5,
|
|
pre.CodeMirror-line-like.cm-mw-section-5,
|
|
pre.CodeMirror-line.cm-mw-section-6,
|
|
pre.CodeMirror-line-like.cm-mw-section-6,
|
|
/* TODO: remove overqualified `span` after CM6 upgrade */
|
|
span.cm-mw-section-3 ~ *,
|
|
span.cm-mw-section-4 ~ *,
|
|
span.cm-mw-section-5 ~ *,
|
|
span.cm-mw-section-6 ~ * {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.cm-mw-template { color: @template-color; font-weight: normal; }
|
|
// TODO: deprecate/remove after CM6 upgrade
|
|
.cm-mw-template-name-mnemonic { font-weight: normal; }
|
|
.cm-mw-template-name,
|
|
.cm-mw-template-argument-name,
|
|
.cm-mw-template-delimiter,
|
|
.cm-mw-template-bracket { color: @template-color; font-weight: bold; }
|
|
|
|
.cm-mw-templatevariable,
|
|
.cm-mw-templatevariable-bracket { color: @template-variable-color; font-weight: normal; }
|
|
.cm-mw-templatevariable-name,
|
|
.cm-mw-templatevariable-delimiter { color: @template-variable-color; font-weight: bold; }
|
|
|
|
.cm-mw-parserfunction { font-weight: normal; }
|
|
.cm-mw-parserfunction-name,
|
|
.cm-mw-parserfunction-bracket,
|
|
.cm-mw-parserfunction-delimiter { color: @parser-function-color; font-weight: bold; }
|
|
|
|
pre.CodeMirror-line.cm-mw-exttag,
|
|
pre.CodeMirror-line-like.cm-mw-exttag {
|
|
.ground( @ext: 0.5 );
|
|
}
|
|
.cm-mw-exttag { .ground( @ext: 1 ); }
|
|
.cm-mw-exttag-name,
|
|
.cm-mw-htmltag-name { color: @xml-tag-color; font-weight: bold; }
|
|
.cm-mw-exttag-bracket,
|
|
.cm-mw-exttag-attribute,
|
|
.cm-mw-htmltag-bracket,
|
|
.cm-mw-htmltag-attribute { color: @xml-tag-color; font-weight: normal; }
|
|
|
|
pre.CodeMirror-line.cm-mw-tag-pre,
|
|
pre.CodeMirror-line-like.cm-mw-tag-pre,
|
|
.cm-mw-tag-pre,
|
|
pre.CodeMirror-line.cm-mw-tag-nowiki,
|
|
pre.CodeMirror-line-like.cm-mw-tag-nowiki,
|
|
.cm-mw-tag-nowiki {
|
|
background-color: rgba( 0, 0, 0, 0.04 );
|
|
}
|
|
|
|
.cm-mw-link,
|
|
.cm-mw-link-tosection,
|
|
.cm-mw-section-header { color: @wikitext-formatting-color; font-weight: normal; }
|
|
.cm-mw-link-pagename,
|
|
.cm-mw-link-bracket,
|
|
.cm-mw-link-delimiter,
|
|
.cm-mw-extlink,
|
|
.cm-mw-free-extlink {
|
|
color: @link-color;
|
|
&:not( .cm-mw-strong ) {
|
|
font-weight: normal;
|
|
}
|
|
}
|
|
.cm-mw-extlink-protocol,
|
|
.cm-mw-free-extlink-protocol,
|
|
.cm-mw-extlink-bracket { color: @link-color; font-weight: bold; }
|
|
|
|
.cm-mw-table-bracket,
|
|
.cm-mw-table-delimiter { color: @table-color; font-weight: bold; }
|
|
.cm-mw-table-definition { color: @table-color; font-weight: normal; }
|
|
.cm-mw-table-caption { font-weight: bold; }
|
|
|
|
.cm-mw-template2-ground { .ground( @template: 1 ); }
|
|
.cm-mw-template3-ground { .ground( @template: 2 ); }
|
|
.cm-mw-ext-ground,
|
|
.cm-mw-template-ext-ground { .ground( @ext: 1 ); }
|
|
.cm-mw-ext2-ground,
|
|
.cm-mw-template-ext2-ground { .ground( @ext: 2 ); }
|
|
.cm-mw-ext3-ground,
|
|
.cm-mw-template-ext3-ground { .ground( @ext: 3 ); }
|
|
.cm-mw-link-ground,
|
|
.cm-mw-ext-link-ground,
|
|
.cm-mw-template-link-ground { .ground( @link: 1 ); }
|
|
.cm-mw-ext2-link-ground,
|
|
.cm-mw-template-ext-link-ground { .ground( @ext: 1, @link: 1 ); }
|
|
.cm-mw-ext3-link-ground,
|
|
.cm-mw-template-ext2-link-ground { .ground( @ext: 2, @link: 1 ); }
|
|
.cm-mw-template-ext3-link-ground { .ground( @ext: 3, @link: 1 ); }
|
|
|
|
.cm-mw-template2-ext-ground { .ground( @template: 1, @ext: 1 ); }
|
|
.cm-mw-template2-ext2-ground { .ground( @template: 1, @ext: 2 ); }
|
|
.cm-mw-template2-ext3-ground { .ground( @template: 1, @ext: 3 ); }
|
|
.cm-mw-template2-link-ground { .ground( @template: 1, @link: 1 ); }
|
|
.cm-mw-template2-ext-link-ground { .ground( @template: 1, @ext: 1, @link: 1 ); }
|
|
.cm-mw-template2-ext2-link-ground { .ground( @template: 1, @ext: 2, @link: 1 ); }
|
|
.cm-mw-template2-ext3-link-ground { .ground( @template: 1, @ext: 3, @link: 1 ); }
|
|
|
|
.cm-mw-template3-ext-ground { .ground( @template: 2, @ext: 1 ); }
|
|
.cm-mw-template3-ext2-ground { .ground( @template: 2, @ext: 2 ); }
|
|
.cm-mw-template3-ext3-ground { .ground( @template: 2, @ext: 3 ); }
|
|
.cm-mw-template3-link-ground { .ground( @template: 2, @link: 1 ); }
|
|
.cm-mw-template3-ext-link-ground { .ground( @template: 2, @ext: 1, @link: 1 ); }
|
|
.cm-mw-template3-ext2-link-ground { .ground( @template: 2, @ext: 2, @link: 1 ); }
|
|
.cm-mw-template3-ext3-link-ground { .ground( @template: 2, @ext: 3, @link: 1 ); }
|
|
|
|
.cm-mw-error { color: @error-color; }
|
|
|
|
.cm-mw-em { font-style: italic; }
|
|
|
|
.cm-mw-matchingbracket {
|
|
background-color: #eee;
|
|
box-shadow: inset 0 0 1px 1px #999;
|
|
font-weight: bold;
|
|
}
|