MediaWiki:Gadget-CodeMirror.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.
.theme-dark .CodeMirror,
.theme-dark .wikiEditor-ui-text > textarea {
background: #282828;
color: white;
}
.theme-dark .wikiEditor-ui .wikiEditor-ui-top {
border-bottom: none;
}
.theme-dark .wikiEditor-ui-toolbar .group .tool-select .label {
color: #fff;
}
.theme-dark .wikiEditor-ui .oo-ui-iconElement-icon {
filter: invert(1);
}
.theme-dark .editOptions,
.theme-dark .wikiEditor-ui-toolbar,
.theme-dark .CodeMirror-gutters {
background-color: #323c3c;
border-color: #444c4d;
color: #fff;
}
.theme-dark .wikiEditor-ui-toolbar .tabs span.tab a {
color: var(--theme-link-color);
}
.wikiEditor-ui .wikiEditor-ui-view.wikiEditor-ui-view-wikitext {
border: solid #444c4d;
border-width: 0 0 1px;
}
/* copy from fandom */
.theme-dark .CodeMirror {
--codemirror-yellow: #ffd700;
--codemirror-light-blue: #adf;
--codemirror-blue: #08f;
--codemirror-green: #290;
--codemirror-red: #f50;
--codemirror-dark-red: #cf1414;
--codemirror-purple: #9f00ef;
--codemirror-pink: #e0e;
--codemirror-light-gray: #eee;
--codemirror-gray: #84a0a0;
}
.theme-light .CodeMirror {
--codemirror-yellow: #a38900;
--codemirror-light-blue: #008dec;
--codemirror-blue: #08f;
--codemirror-green: #290;
--codemirror-red: #f45100;
--codemirror-dark-red: #a11;
--codemirror-purple: #80c;
--codemirror-pink: #e0e;
--codemirror-light-gray: #8a8a8a;
--codemirror-gray: #6f9090;
}
.skin-vector .cm-mw-matching {
background-color: var(--codemirror-yellow)
}
.skin-vector .cm-mw-skipformatting {
background-color: var(--codemirror-light-blue)
}
.skin-vector .cm-mw-list {
color: var(--codemirror-blue)
}
.skin-vector .cm-mw-doubleUnderscore,
.skin-vector .cm-mw-hr,
.skin-vector .cm-mw-signature {
background-color: var(--theme-page-background-color--secondary);
color: var(--codemirror-blue);
}
.skin-vector .cm-mw-indenting {
color: var(--codemirror-blue);
}
.skin-vector .cm-mw-mnemonic {
color: var(--codemirror-green);
}
.skin-vector .cm-mw-comment {
color: var(--codemirror-gray);
}
.skin-vector .cm-mw-apostrophes-bold,
.skin-vector .cm-mw-apostrophes-italic,
.skin-vector .cm-mw-section-header {
color: var(--codemirror-blue);
}
.skin-vector .cm-mw-template,
.skin-vector .cm-mw-template-argument-name,
.skin-vector .cm-mw-template-bracket,
.skin-vector .cm-mw-template-delimiter,
.skin-vector .cm-mw-template-name {
color: var(--codemirror-purple);
}
.skin-vector .cm-mw-templatevariable,
.skin-vector .cm-mw-templatevariable-bracket,
.skin-vector .cm-mw-templatevariable-delimiter,
.skin-vector .cm-mw-templatevariable-name {
color: var(--codemirror-red);
}
.skin-vector .cm-mw-parserfunction-bracket,
.skin-vector .cm-mw-parserfunction-delimiter,
.skin-vector .cm-mw-parserfunction-name {
color: var(--codemirror-dark-red);
}
.skin-vector .cm-mw-exttag-attribute,
.skin-vector .cm-mw-exttag-bracket,
.skin-vector .cm-mw-exttag-name,
.skin-vector .cm-mw-htmltag-attribute,
.skin-vector .cm-mw-htmltag-bracket,
.skin-vector .cm-mw-htmltag-name {
color: var(--codemirror-green);
}
.skin-vector .cm-mw-link,
.skin-vector .cm-mw-link-pagename {
color: var(--theme-link-color);
}
.skin-vector .cm-mw-link-tosection {
color: var(--codemirror-blue);
}
.skin-vector .cm-mw-extlink,
.skin-vector .cm-mw-extlink-bracket,
.skin-vector .cm-mw-extlink-protocol,
.skin-vector .cm-mw-free-extlink,
.skin-vector .cm-mw-free-extlink-protocol,
.skin-vector .cm-mw-link-bracket,
.skin-vector .cm-mw-link-delimiter {
color: var(--theme-link-color);
}
.skin-vector .cm-mw-table-bracket,
.skin-vector .cm-mw-table-definition,
.skin-vector .cm-mw-table-delimiter {
color: var(--codemirror-pink);
}
.theme-dark #wpSummaryWidget > input,
.theme-dark #wpPreviewWidget > input,
.theme-dark #wpDiffWidget > input,
.theme-dark #wpMinoreditWidget > input:not(:checked) + span,
.theme-dark #wpWatchthisWidget > input:not(:checked) + span {
background-color: #212121;
color: white;
border-color: #585858;
}