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.
.qdmodal {
color: #eee;
}
.qdmodal-button {
color: initial;
}
.qdmodal-close:hover, .qdmodal-button:hover {
background-color: #fff;
border-color: #777;
color: initial;
}
/* Background color of preview pages like .css and .js
.WikiaMainContent pre {
background-color: #000;
} */
/* Making QuickDiff readable */
.qdmodal-container .qdmodal {
background-color: #555;
}
.diff {
color: #000;
}
.ooui-theme-fandom .diff-context {
border-color: #8c8d91;
color: #fff;
background-color: #222;
}
.ooui-theme-fandom .diff-deletedline,
.ooui-theme-fandom .diff-addedline {
background-color: #eee;
}
/* Styles for diff of changes in source editor */
.ooui-theme-fandomooui .diff-context,
.ooui-theme-fandomooui .diff-deletedline,
.ooui-theme-fandomooui .diff-addedline,
.ooui-theme-fandomooui .ve-ui-mwSaveDialog .diff-addedline,
.ooui-theme-fandomooui .ve-ui-mwSaveDialog .diff-deletedline {
background-color: #111111;
color: #dddddd;
}
.diff-context {
background-color: var(--theme-page-background-color); /* or var(--theme-page-background-color--secondary) */
border-color: var(--theme-border-color);
color: var(--theme-body-text-color);
}
.diff-addedline, .diff-deletedline, .diff-context {
font-size: 88%;
line-height: 1.6;
vertical-align: top;
white-space: -moz-pre-wrap;
white-space: pre-wrap;
border-style: solid;
border-width: 1px 1px 1px 4px;
border-radius: 0.33em;
}
.diff-deletedline {
border-color: var(--theme-alert-color);
}
.diff-addedline {
border-color: var(--theme-success-color);
}
.diff-deletedline .diffchange {
background-color: var(--theme-alert-color);
}
.diff-addedline .diffchange {
background-color: var(--theme-success-color);
}
/* Special pages on FandomDesktop need to honor the light/dark theme choice */
.mw-datatable td {
background-color: var(--theme-page-background-color);
}
.mw-datatable tr:hover td {
background-color: var(--theme-page-background-color--secondary);
}
.mw-datatable th {
background-color: var(--theme-page-accent-mix-color);
}
/* Making css and js pages readable on dark mode */
.theme-fandomdesktop-dark .page-content pre {
background-color: black;
}