Ŝablono:PorA/styles.css

/* 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;
  }
}