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)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/** <nowiki>
*
* @title FANSUN
* @description Dark theme for official Fandom wikis.
* @author Speedit
* @version 2.0.0
* @license CC-BY-SA 3.0
* @notes Please install FANSUN.js for full functionality.
* Don't import this in global.css - it's not scoped.
*
* @colordef #2c343d; body
* @colordef #39424d; page
* @colordef #404a57; header
* @colordef #00c8e0; links
* @colordef #00b7e0; buttons
*
*/
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:Nord.css&only=styles";
:root:root:root:root { /* FandomDesktop Skin */
--theme-body-dynamic-color-1: #fff;
--theme-body-dynamic-color-1--rgb: 255,255,255;
--theme-body-dynamic-color-2: #e6e6e6;
--theme-body-dynamic-color-2--rgb: 230,230,230;
--theme-page-dynamic-color-1: #fff;
--theme-page-dynamic-color-1--rgb: 255,255,255;
--theme-page-dynamic-color-1--inverted: #1e0c1b;
--theme-page-dynamic-color-1--inverted--rgb: 30,12,27;
--theme-page-dynamic-color-2: #e6e6e6;
--theme-page-dynamic-color-2--rgb: 230,230,230;
--theme-sticky-nav-dynamic-color-1: #fff;
--theme-sticky-nav-dynamic-color-1--rgb: 255,255,255;
--theme-sticky-nav-dynamic-color-2: #e6e6e6;
--theme-sticky-nav-dynamic-color-2--rgb: 230,230,230;
--theme-link-dynamic-color-1: #1e0c1b;
--theme-link-dynamic-color-1--rgb: 30,12,27;
--theme-link-dynamic-color-2: #3a3a3a;
--theme-link-dynamic-color-2--rgb: 58,58,58;
--theme-accent-dynamic-color-1: #1e0c1b;
--theme-accent-dynamic-color-1--rgb: 30,12,27;
--theme-accent-dynamic-color-2: #3a3a3a;
--theme-accent-dynamic-color-2--rgb: 58,58,58;
--theme-body-background-color: #2c343d;
--theme-body-background-color--rgb: 44,52,61;
--theme-body-background-image: url("");
--theme-body-text-color: #fff;
--theme-body-text-color--hover: #cccccc;
--theme-sticky-nav-background-color: #404a57;
--theme-sticky-nav-text-color: #fff;
--theme-sticky-nav-text-color--hover: #cccccc;
--theme-page-background-color: #39424d;
--theme-page-background-color--rgb: 57,66,77;
--theme-page-background-color--secondary: #575e68;
--theme-page-text-color: #e6e6e6;
--theme-page-text-color--rgb: 230,230,230;
--theme-page-text-color--hover: #b3b3b3;
--theme-page-text-mix-color: #90949a;
--theme-page-text-mix-color-95: #424a55;
--theme-page-accent-mix-color: #1d7d97;
--theme-page-headings-font: 'Rubik';
--theme-link-color: #00c8e0;
--theme-link-color--rgb: 0,200,224;
--theme-link-color--hover: #47ebff;
--theme-link-label-color: #1e0c1b;
--theme-accent-color: #00b7e0;
--theme-accent-color--rgb: 0,183,224;
--theme-accent-color--hover: #006379;
--theme-accent-label-color: #1e0c1b;
--theme-border-color: #646b73;
--theme-border-color--rgb: 100,107,115;
--theme-alert-color: #fe4e64;
--theme-alert-color--rgb: 254,78,100;
--theme-alert-color--hover: #feb3bc;
--theme-alert-label: #1e0c1b;
--theme-warning-color: #d7761d;
--theme-warning-label: #1e0c1b;
--theme-success-color: #11a643;
--theme-success-color--rgb: 17,166,67;
--theme-success-label: #1e0c1b;
--theme-message-color: #c274b4;
--theme-message-label: #1e0c1b;
--theme-community-header-color: #ffffff;
--theme-community-header-color--hover: #cccccc;
}
/* Remove community header background gradient */
.fandom-community-header__background:before {
background-image: unset !important;
}
/** Dev Wiki **/
/*** MediaWiki:Wikia.css ***/
/*** Color fixes in Special:Community content ***/
.wiki-dev .community-page-card-module .community-page-card-module-full-list-link a {
color: var(--theme-link-color);
}
/**** Mainpage styling ****/
.wiki-dev #mw-content-text {
color: #fff;
}
.wiki-dev #mw-content-text .what-we-do {
background: #404a57;
}
.wiki-dev #mw-content-text .foci {
color: #d5d4d4;
}
.wiki-dev #mw-content-text .foci .header,
.wiki-dev #mw-content-text .what-we-do .header,
.wiki-dev #mw-content-text .things-to-remember .header {
color: #00b7e0;
}
.wiki-dev #mw-content-text .things-to-remember .description {
color: #d5d4d4;
}
.wiki-dev #mw-content-text .introduction .header {
color: #00b7e0;
}
.wiki-dev #mw-content-text .introduction a,
.wiki-dev #mw-content-text .introduction a:link,
.wiki-dev #mw-content-text .introduction a:visited,
.wiki-dev #mw-content-text .what-we-do a,
.wiki-dev #mw-content-text .what-we-do a:link,
.wiki-dev #mw-content-text .what-we-do a:visited {
background: #009bbe;
color: #ffffff;
}
/**** Template:Permission ****/
.wiki-dev .boilerplate {
color: #2C343D;
}
/**** Template:Mbox ****/
.wiki-dev .notice {
background: #2e5d6a;
}
/**** Template:Languages ****/
.wiki-dev .switch-lang .selected a {
color: #fff;
}
/**** Module:Languages ****/
.wiki-dev .transclude-notice-top {
border-bottom: 1px solid #305663;
}
.wiki-dev .transclude-notice-bottom {
border-top: 1px solid #305663;
}
/**** Template:Documentation ****/
.wiki-dev .template-documentation .template-documentation-langs li.selected a {
color: #fff;
}
.wiki-dev .template-documentation {
border: 1px solid #2b6472;
}
.wiki-dev .template-documentation .template-documentation-header {
background: #2b6472;
border-bottom: 1px solid #2b6472;
}
.wiki-dev .template-documentation .template-documentation-langs {
background: #305663;
border-bottom: 1px solid #2b6472;
}
.wiki-dev .template-documentation .template-documentation-content .transclude-notice-bottom:last-child {
background: #305663;
border-top: 1px solid #305663;
}
.wiki-dev #documentation-meta-data {
background-color: #305663 !important;
}
/**** Template: Scrollbox ****/
.wiki-dev #mw-content-text div[data-scrollbox] {
--scrollbox-color: #2b6472 !important;
}
/**** Code elements ****/
.wiki-dev code,
.wiki-dev .code {
background-color: rgb(0 0 0 / 20%);
border: 1px solid #404a57;
}
/** Community Central Wiki **/
/*** Wordmark rollback ***/
.skin-oasis.wiki-wikia .wds-community-header__wordmark img {
background-repeat: no-repeat;
background-position: top left;
box-sizing: border-box;
}
.skin-oasis.wiki-wikia .wds-community-header__wordmark img {
background-image: url('https://vignette.wikia.nocookie.net/central/images/8/89/Wiki-wordmark.png/revision/20180206165044');
}
.skin-oasis.wiki-wikia .wds-community-header__wordmark img {
padding-top: 65px;
height: 65px;
width: 125px;
}
@media only screen and (max-width: 1083px) {
.skin-oasis.wiki-wikia .wds-community-header__wordmark img {
background-size: 94px 49px;
height: 94px;
padding-top: 49px;
width: 94px;
}
}
/*** MediaWiki:Wikia.css ***/
/**** Blogs ****/
.wiki-wikia.ns-500 .WikiaPage .WikiaArticle h2,
.wiki-wikia.ns-500 .WikiaPage .WikiaArticle h3 {
color: #00d6d6;
}
.wiki-wikia.ns-500 .WikiaPage .WikiaArticle .FANDOM-badge {
background: #404a57 !important;
}
/**** Interlanguage link footer ****/
.wiki-wikia.mainpage .WikiaArticleInterlang {
background: none;
border: 1px solid #616871;
}
/**** Portable Infoboxes ****/
.wiki-wikia .pi-theme-StaffCard,
.wiki-wikia .pi-theme-VolunteerCard {
border: 1px solid #2b6472;
}
.wiki-wikia .pi-theme-StaffCard .pi-title,
.wiki-wikia .pi-theme-VolunteerCard .pi-title {
color: #00d6d6;
}
/*** Mainpage.css ***/
/**** General ****/
.wiki-wikia.mainpage .lcs-container + div + div {
color: white !important;
background-color: #656e78 !important;
}
.wiki-wikia.mainpage .mainpage-box h2 {
color: #b7b8ba;
}
.wiki-wikia.mainpage .mainpage-box h2::before,
.wiki-wikia.mainpage .mainpage-box h2::after {
background-color: #a2a4a6;
}
.wiki-wikia.mainpage .mainpage-box h3 {
color: #cfcfcf;
}
.wiki-wikia.mainpage .mainpage-more a,
.wiki-wikia.mainpage .mainpage-more .recent a:active,
.wiki-wikia.mainpage .mainpage-more .recent a:visited {
color: #4a90e2;
}
.wiki-wikia.mainpage .mainpage-more a:hover {
color: #6aaefc;
}
/**** Blogs ****/
.wiki-wikia.mainpage .mainpage-blogs .blog-info {
border: 1px solid #3b475b;
}
.wiki-wikia.mainpage .mainpage-blogs .blog-info .author a,
.wiki-wikia.mainpage .mainpage-blogs .blog-info .author a:active,
.wiki-wikia.mainpage .mainpage-blogs .blog-info .author a:visited {
color: #fff;
}
.wiki-wikia.mainpage .mainpage-blogs .blog-info .author a:hover {
color: #aaa;
}
.wiki-wikia.mainpage .mainpage-blogs .blog-info .timestamp {
color: #aeafb2;
}
.wiki-wikia.mainpage .mainpage-blogs .blog-info .title a,
.wiki-wikia.mainpage .mainpage-blogs .blog-info .title a:active,
.wiki-wikia.mainpage .mainpage-blogs .blog-info .title a:visited {
color: #4a90e2;
}
.wiki-wikia.mainpage .mainpage-blogs .blog .title a:hover {
color: #6aaefc;
}
/**** FAQ ****/
.wiki-wikia.mainpage .mainpage-faq h4 {
background: #3a4756 none repeat scroll 0% 0%;
color: #b7b8ba;
}
.wiki-wikia.mainpage .mainpage-faq .faq-list {
background-color: #384251;
border: solid #3a475f;
border-width: 0 1px 1px;
}
.wiki-wikia.mainpage .mainpage-faq .faq-list a,
.wiki-wikia.mainpage .mainpage-faq .faq-list a:active,
.wiki-wikia.mainpage .mainpage-faq .faq-list a:visited {
color: #4a90e2;
}
.wiki-wikia.mainpage .mainpage-faq .faq-list a:hover {
color: #6aaefc;
}
/**** Connect ****/
.wiki-wikia.mainpage .mainpage-connect .staff li {
border: 1px solid #3b475b;
}
.wiki-wikia.mainpage .mainpage-connect .staff .name a,
.wiki-wikia.mainpage .mainpage-connect .staff .name a:active,
.wiki-wikia.mainpage .mainpage-connect .staff .name a:visited {
color: #fff;
}
.wiki-wikia.mainpage .mainpage-connect .staff .name a:hover {
color: #aaa;
}
/**** Social ****/
.wiki-wikia.mainpage .mainpage-social {
background-color: #373f4a;
}
/**** Highlight on cover code ****/
.wiki-wikia.mainpage .mainpage-box .staff li:hover,
.wiki-wikia.mainpage .mainpage-box .featured:hover,
.wiki-wikia.mainpage .mainpage-box .not-featured:hover {
background: #3a4756;
}
/*** Special:CreateNewWiki ***/
.wiki-wikia.page-Special_CreateNewWiki .WikiaSiteWrapper {
background: #2c343d;
}
.wiki-wikia.page-Special_CreateNewWiki .WikiaPage,
.wiki-wikia.page-Special_CreateNewWiki .WikiaPage .WikiaPageBackground {
border: none;
background: #2c343d;
}
.wiki-wikia.page-Special_CreateNewWiki #CreateNewWiki {
background: #39424d;
color: #d5d4d4;
border-color: #616871;
}
.wiki-wikia.page-Special_CreateNewWiki #CreateNewWiki input,
.wiki-wikia.page-Special_CreateNewWiki #CreateNewWiki .cnw-select .wds-dropdown {
background: transparent;
border-bottom-color: #616871;
color: #d5d4d4;
}
.wiki-wikia.page-Special_CreateNewWiki #CreateNewWiki .cnw-select .wds-dropdown .wds-dropdown__content,
.wiki-wikia.page-Special_CreateNewWiki #CreateNewWiki .cnw-select .wds-dropdown .wds-dropdown__content .spacer {
background: #4d555f;
color: #d5d4d4;
}
.wiki-wikia.page-Special_CreateNewWiki #CreateNewWiki .cnw-select .wds-dropdown .wds-dropdown__content li:not(.spacer):hover {
background: #2e5d6a;
color: #d5d4d4;
}
.wiki-wikia.page-Special_CreateNewWiki #CreateNewWiki .steps {
border-bottom-color: #616871;
}
.wiki-wikia.page-Special_CreateNewWiki #CreateNewWiki .wikiaThrobber {
background-color: transparent;
}
.wiki-wikia.page-Special_CreateNewWiki #CreateNewWiki .checkbox-styled input[type=checkbox]:checked + label {
background: #00acac;
border-color: #00acac;
}
.wiki-wikia.page-Special_CreateNewWiki #CreateNewWiki #DescWiki #Description {
background: #3f4852;
border: solid 1px #616871;
color: #d5d4d4;
padding: 0 5px;
}
/** Portability Hub **/
/*** MediaWiki:Common.css ***/
.wiki-infobox.mainpage #mw-content-text img[data-image-name^="MainPageQuote"] {
filter: brightness(5.5) saturate(1.3);
}
.wiki-infobox.mainpage .MPheading-text {
color: #00b7e0;
}
/** VSTF Wiki **/
/*** Wordmark cleanup (crop) ***/
.wiki-vstf.skin-oasis .wds-community-header__wordmark img {
background-image: url('https://vignette.wikia.nocookie.net/vstf/images/8/89/Wiki-wordmark.png');
background-repeat: no-repeat;
background-position: top left;
box-sizing: border-box;
padding-top: 65px;
height: 65px;
width: 55px;
}
@media only screen and (max-width: 1083px) {
.wiki-vstf.skin-oasis.editor .wds-community-header__wordmark img {
background-size: 138px 49px;
height: 49px;
padding-top: 49px;
width: 41px;
}
}
/* Fix lightbox */
.LightboxModal .LightboxHeader,
.LightboxModal .LightboxCarousel {
backdrop-filter: blur(6px);
}
.LightboxModal .LightboxHeader {
border-bottom-color: #39424d !important;
}
.LightboxModal .LightboxCarousel {
border-top-color: #39424d !important;
}
/* Fix watch disclaimer */
#WikiaRail .watch-show__disclaimer-message {
color: unset;
}
/* Make bubble notifications readable */
.mw-notification.mw-notification-type-error {
background-color: #7b0b20 !important;
color: var(--theme-page-text-color) !important;
}
.mw-notification.mw-notification-type-warn {
background-color: #797916 !important;
color: var(--theme-page-text-color) !important;
}
/* Make CodeMirror readable */
body.mediawiki .CodeMirror {
--codemirror-purple: #c34aff;
}
body.mediawiki .CodeMirror .CodeMirror-selected,
body.mediawiki .CodeMirror .CodeMirror-line::selection,
body.mediawiki .CodeMirror .CodeMirror-line > span::selection,
body.mediawiki .CodeMirror .CodeMirror-line > span > span::selection {
background: #212429;
}
/* DataTables dark theme styling */
body .dataTables_wrapper .dataTables_length,
body .dataTables_wrapper .dataTables_filter,
body .dataTables_wrapper .dataTables_info,
body .dataTables_wrapper .dataTables_processing,
body .dataTables_wrapper .dataTables_paginate,
body .dataTables_wrapper .dataTables_filter input,
body .dataTables_wrapper .dataTables_length select,
body .dataTables_wrapper .dataTables_paginate .paginate_button,
body .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
color: unset !important;
}
body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
color: #989797 !important;
}
body table.dataTable tr.dtrg-group td {
background-color: #404a57 !important;
}
body table.dataTable tbody tr {
background-color: #4a525a !important;
}
/* Theme margin line in ace editor, should be moved to [[Nord]] (along with the above Nord syntax highlighting) when/if Nord is cleaned up */
.ace_print-margin {
background: #3b4252 !important;
}