Template:Wfmessage/styles.css

.WfmessageBox {
	background: rgba(255, 255, 255, 0.5);
	color: #212529;
}

.advice {
    background: #76c551;
}

.content, .question {
    border-color: #7092ff;
    border-style: solid;
    border-width: 3px;
}

.delete {
    border-color: #dc3545;
    border-style: solid;
    border-width: 3px;
}

.notice, .default {
    border-color: #7ebc6f;
    border-style: solid;
    border-width: 1px;
}

.structural{
    border-color: #6f42c1;
    border-style: solid;
    border-width: 1px;
}

/* Colours for dark mode GUI */
@media screen {
	html.skin-theme-clientpref-night .darkmode-invert {
	    filter: invert(100%) hue-rotate(180deg);
	}
    html.skin-theme-clientpref-night .WfmessageBox {
	    background: #333333;
	    color: #f0f0f0;
	}
	html.skin-theme-clientpref-night .advice {
	    background: #315520;
	}
	html.skin-theme-clientpref-night .WfmessageBox a:link {
		color: #98b3f8;/* lighter than original #88a3e8 */
	}
	html.skin-theme-clientpref-night .WfmessageBox a:visited {
		color: #b7a9dd;/* lighter than original #a799cd */
	}
	html.skin-theme-clientpref-night .WfmessageBox a.new:link {
		color: #fd7865;/* = original */
	}
	html.skin-theme-clientpref-night .WfmessageBox a.new:visited {
		color: #c99391;/* = original */
	}
}

@media screen and ( prefers-color-scheme: dark ) {
	html.skin-theme-clientpref-os .darkmode-invert {
	    filter: invert(100%) hue-rotate(180deg);
	}
    html.skin-theme-clientpref-os .WfmessageBox {
        background: #333333;
	    color: #f0f0f0;
    }
	html.skin-theme-clientpref-os .advice {
	    background: #315520;
	}
	html.skin-theme-clientpref-os .WfmessageBox a:link {
		color: #98b3f8;/* lighter than original #88a3e8 */
	}
	html.skin-theme-clientpref-os .WfmessageBox a:visited {
		color: #b7a9dd;/* lighter than original #a799cd */
	}
	html.skin-theme-clientpref-os .WfmessageBox a.new:link {
		color: #fd7865;/* = original */
	}
	html.skin-theme-clientpref-os .WfmessageBox a.new:visited {
		color: #c99391;/* = original */
	}
}