Ŝablono:Ne konfuzu/styles.css

/* Existing light mode */
.nekonfuzu { 
	background-color:#f9f9f9; 
	border-bottom:1px solid #aaa; padding:0.5em; 
	font-style:italic;
}

/* Night mode compatibility */
@media screen {
  /* User-selected night mode */
  html.skin-theme-clientpref-night .nekonfuzu {
    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 .nekonfuzu {
    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 .nekonfuzu {
    background-color: #202122;
    color: white;
    border-bottom: 1px solid #333333;
  }
}