Template:WOTD/style.css

.wotd-container { background: #E9F3FF; border: 3px solid #AABBDD; } .wotd-header { border-bottom: 1px solid #AAAAAA; }

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

   html.skin-theme-clientpref-night .wotd-container { background: #081B31; border: 3px solid #3A5792; }
   html.skin-theme-clientpref-night .wotd-header { border-bottom: 1px solid #7F7F7F; }

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

   html.skin-theme-clientpref-os    .wotd-container { background: #081B31; border: 3px solid #3A5792; }
   html.skin-theme-clientpref-os    .wotd-header { border-bottom: 1px solid #7F7F7F; }

}