/* Existing light mode */
.pora {
background-color: #F9F9F9;
color: black;
border-bottom: 1px solid #AAAAAA;
padding: 0.5em;
}
/* Night mode compatibility */
@media screen {
/* User-selected night mode */
html.skin-theme-clientpref-night .pora {
background-color: #202122; /* Dark mode background */
color: white; /* Dark mode text color */
border-bottom: 1px solid #333333; /* Dark mode border color */
}
/* User-selected light mode */
html.skin-theme-clientpref-light .pora {
background-color: #F9F9F9;
color: black;
border-bottom: 1px solid #AAAAAA;
}
}
@media screen and (prefers-color-scheme: dark) {
/* OS-level dark mode */
html.skin-theme-clientpref-os .pora {
background-color: #202122;
color: white;
border-bottom: 1px solid #333333;
}
}