Template:Main Page/style.css

.main-page-body-text { background-color: #FFFFFF; } .main-page-top-header { background-color: #E9E9FF; border-color: #AAAAEE; } .main-page-behind-the-scenes { background: #E9F3FF; border-color: #AABBDD; } .main-page-list-of-wiktionaries { background-color: #F0F0F0; border-color: #AAAAAA; }

/* dark mode colors; styles need to be duplicated exactly between these two media blocks */ @media screen {

   html.skin-theme-clientpref-night .main-page-body-text { background: var(--background-color-base, transparent); }
   html.skin-theme-clientpref-night .main-page-top-header { background-color: #242448; border-color: #30306F; }
   html.skin-theme-clientpref-night .main-page-behind-the-scenes { background: #1F2F40; border-color: #305070; }
   html.skin-theme-clientpref-night .main-page-list-of-wiktionaries { background-color: #252525; border-color: #555555; }

} @media screen and (prefers-color-scheme: dark) {

   html.skin-theme-clientpref-os    .main-page-body-text { background: var(--background-color-base, transparent); }
   html.skin-theme-clientpref-os    .main-page-top-header { background-color: #242448; border-color: #30306F; }
   html.skin-theme-clientpref-os    .main-page-behind-the-scenes { background: #1F2F40; border-color: #305070; }
   html.skin-theme-clientpref-os    .main-page-list-of-wiktionaries { background-color: #252525; border-color: #555555; }

}