Template:Rating table/styles.css

.ratingstable {
    font-size: 9pt;
    text-align: center;
}

tr.ratingstable-header {
    background: #CCCCFF;
    color: #202122;
    font-weight: bold;
}

.ratingstable .max-value {
    color: red;
    font-weight: bold;
}

.ratingstable .min-value {
    color: blue;
    font-weight: bold;
}

.ratingstable [style*="color"]:not([style*="inherit"]):not([style*="black"]):not([style*="#202122"]) a:not(.mw-selflink) {
    color: inherit;
}

@media screen {
    html.skin-theme-clientpref-night tr.ratingstable-header {
        background: var(--background-color-neutral);
        color: inherit;
    }
    html.skin-theme-clientpref-night .ratingstable .max-value {
        color: var(--color-error, #d73333);
    }
    html.skin-theme-clientpref-night .ratingstable .min-value {
        color: var(--color-progressive, #3366cc);
    }
    html.skin-theme-clientpref-night .ratingstable a {
        color: var( --color-progressive ) !important;
        text-decoration: none !important;
    }
    html.skin-theme-clientpref-night .ratingstable a:hover {
        text-decoration: underline !important;
    }
    html.skin-theme-clientpref-night .ratingstable a:visited {
        color: var( --color-visited ) !important;
    }
}

@media screen and ( prefers-color-scheme: dark) {
    html.skin-theme-clientpref-os tr.ratingstable-header {
        background: var(--background-color-neutral);
        color: inherit;
    }
    html.skin-theme-clientpref-os .ratingstable .max-value {
        color: var(--color-error, #d73333);
    }
    html.skin-theme-clientpref-os .ratingstable .min-value {
        color: var(--color-progressive, #3366cc);
    }
    html.skin-theme-clientpref-os .ratingstable a {
        color: var( --color-progressive ) !important;
        text-decoration: none !important;
    }
    html.skin-theme-clientpref-os .ratingstable a:hover {
        text-decoration: underline !important;
    }
    html.skin-theme-clientpref-os .ratingstable a:visited {
        color: var( --color-visited ) !important;
    }
}