Template:Current events/styles.css

.p-current-events-events {
	width: 22em;
	padding: 0.3em;
	margin: 0.3em 0 0.3em 0.5em;
	font-size: 88%;
	float: right;
	clear: right;
}
.p-current-events-header {
	text-align:center;
}
@media screen {
	html.skin-theme-clientpref-night .p-current-events *:not(a) {
    	background: transparent !important;
	}
	html.skin-theme-clientpref-night .p-current-events{
		border-color: #c8ccd1 !important;
	}
	html.skin-theme-clientpref-night .mw-parser-output [style*='background'] {
		background: transparent;
		color: inherit !important;
	}
}

@media (prefers-color-scheme: dark) {
    /* automatic mode */
    html.skin-theme-clientpref-os .p-current-events *:not(a) {
        background: transparent !important;
    }
}