Template:Color/styles.css: Difference between revisions

From WikiMD's Wellness Encyclopedia
m 1 revision imported
en>Jon (WMF)
Fixes phab:T369874. Please see talk page and do not revert without discussion (and good reason). See also meta:User:Jon_(WMF)/Edit_for_dark_mode_support
Line 1: Line 1:
/* {{pp-template}} */
/* {{pp-template}} */
/* T360683: Template:Color will not work in night theme. If the colors are semantically important for your article, and it is important these colors appear in night mode, it is suggested you create a template specifically targeted at your use case rather than using the generic color template. */
/* [[phab:T360683]]: This stylesheet removes the function of this template in
* dark mode
*/


html.skin-theme-clientpref-night div:not(.notheme) > .tmp-color,
@media screen {
html.skin-theme-clientpref-night p > .tmp-color,
    html.skin-theme-clientpref-night div:not(.notheme) > .tmp-color,
html.skin-theme-clientpref-night table:not(.notheme) .tmp-color {
html.skin-theme-clientpref-night p > .tmp-color,
  color: inherit !important;
html.skin-theme-clientpref-night table:not(.notheme) .tmp-color {
  color: inherit !important;
}
}
}
@media (prefers-color-scheme: dark) {
 
@media screen and ( prefers-color-scheme: dark) {
     /* automatic mode */
     /* automatic mode */
     html.skin-theme-clientpref-os div:not(.notheme) > .tmp-color,
     html.skin-theme-clientpref-os div:not(.notheme) > .tmp-color,

Revision as of 18:04, 8 August 2024

/* {{pp-template}} */
/* [[phab:T360683]]: This stylesheet removes the function of this template in
 * dark mode
 */

@media screen {
    html.skin-theme-clientpref-night div:not(.notheme) > .tmp-color,
	html.skin-theme-clientpref-night p > .tmp-color,
	html.skin-theme-clientpref-night table:not(.notheme) .tmp-color {
	   color: inherit !important;
	}
}

@media screen and ( prefers-color-scheme: dark) {
    /* automatic mode */
    html.skin-theme-clientpref-os div:not(.notheme) > .tmp-color,
    html.skin-theme-clientpref-os p > .tmp-color,
    html.skin-theme-clientpref-os table:not(.notheme) .tmp-color {
      color: inherit !important;
    }
}