Template:Reconstructed/style.css

/* palettize? the last time, people complained.
   
   these are about as close as you can get:
	background: var(--wikt-palette-grey-orange-2, AntiqueWhite);
	border-color: var(--wikt-palette-grey-orange-6, Tan);
   However, the background color is slightly less saturated than AntiqueWhite.
   
   In addition, there is still the filter for the icon. Using just
   skin-invert-image makes the asterisk white, which is distracting.
   Here it just remains grey.

   -- Surjection 2025-09-27 */

.messagebox-reconstruction {
	background: AntiqueWhite;
	border-color: Tan;
}

/* dark mode stuff; styles need to be duplicated exactly between these two media blocks */
@media screen {
    html.skin-theme-clientpref-night .messagebox-reconstruction-icon { filter: contrast(0%) brightness(100%); }
	html.skin-theme-clientpref-night .messagebox-reconstruction { background: var(--wikt-palette-beige, #2f1f10); border-color: #c9b165; }
}

@media screen and (prefers-color-scheme: dark) {
    html.skin-theme-clientpref-os    .messagebox-reconstruction-icon { filter: contrast(0%) brightness(100%); }
	html.skin-theme-clientpref-os    .messagebox-reconstruction { background: var(--wikt-palette-beige, #2f1f10); border-color: #c9b165; }
}