Evaluate text styles including color for codemirror extension.
This will include tweaking shades of RGB and grays used in codemirror. this won't have a large change but it will align color schemes to wikimedia colors.
== Proposed changes
font size for code
```
.CodeMirror.CodeMirror-wrap {
font-size:12px;
line-height:20px;
}
```
Color guideline
- Use text color related to elements i.e. blue for links, gray for comments
- Brackets or Tag open/close use darker shade of the content inside brackets i.e. [[ is darker blue of the page name inside
- Use wmf colors wherever possible
- Use accessible colors wherever possible
.cm-mw-template-delimiter {
color: #803E9D;
}
.cm-mw-template-bracket {
color: #5B2C6F;
}
.cm-mw-link-pagename {
color:#36c;
}
.cm-mw-link-bracket {
color:#2a4b8d;
}
Make references stand out more and emphasize start and end of <ref> tag. use same color for <ref> tag and content of <ref> tag
{F8053967}
.cm-mw-tag-ref {
color:##14866d;
}
.cm-mw-ext-ref {
color: #105D4C;
background: #DAF9F2;
font-weight: bold;
}