قالب:بطاقة/infobox v3/dark.css

@media screen and (prefers-color-scheme: dark) {
    html.skin-theme-clientpref-os .infobox_v3 {
        background-color: #212529 !important;
        border: solid 1px #4b5156 !important;
        color: #ffffff !important;
    }

    html.skin-theme-clientpref-os .infobox_v3 .entete {
        background-color: #303540 !important;
        color: #ffffff !important;
    }
    html.skin-theme-clientpref-os .infobox_v3 caption {
        background-color: #303540 !important;
        color: #ffffff !important;
    }
    html.skin-theme-clientpref-os .infobox_v3 td {
        background-color: #212529 !important;
        color: #ffffff !important;
    }
    html.skin-theme-clientpref-os .infobox_v3 th[scope="col"]:not(.entete) {
        background-color: #343a40 !important;
        color: #ffffff !important;
    }

    html.skin-theme-clientpref-os .infobox_v3 th[scope="row"] {
        background-color: #2c3034 !important;
        color: #ffffff !important;
    }
    html.skin-theme-clientpref-os .infobox_v3 .navigation-only {
        border-top: 2px #E1E1E1 dotted !important;
    }

    html.skin-theme-clientpref-os .infobox_v3 a:link {
        text-decoration: initial  !important;
        color: var(--color-progressive) !important
    }
}

@media screen {
    html.skin-theme-clientpref-night .infobox_v3 {
        background-color: #212529 !important;
        border: solid 1px #4b5156 !important;
        color: #ffffff !important;
    }

    html.skin-theme-clientpref-night .infobox_v3 .entete {
        background-color: #303540 !important;
        color: #ffffff !important;
    }
    html.skin-theme-clientpref-night .infobox_v3 caption {
        background-color: #303540 !important;
        color: #ffffff !important;
    }
    html.skin-theme-clientpref-night .infobox_v3 td {
        background-color: #212529 !important;
        color: #ffffff !important;
    }

    html.skin-theme-clientpref-night .infobox_v3 th[scope="col"]:not(.entete) {
        background-color: #343a40 !important;
        color: #ffffff !important;
    }

    html.skin-theme-clientpref-night .infobox_v3 th[scope="row"] {
        background-color: #2c3034 !important;
        color: #ffffff !important;
    }
    html.skin-theme-clientpref-night .infobox_v3 .navigation-only {
        border-top: 2px #E1E1E1 dotted !important;
    }

    html.skin-theme-clientpref-night .infobox_v3 a:link {
        text-decoration: initial  !important;
        color: var(--color-progressive) !important
    }
}