Dark CNA by kenrick95

/* ==UserStyle==
@name           Dark CNA
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document url-prefix("https://www.channelnewsasia.com") {
    /* Insert code here... */
    @media (prefers-color-scheme: dark) {
        :root {
            --c-text: #fff;
            --c-text-inverse: #000;
            --c-background: #000;
            --c-background-inverse: rgba(20, 62, 81, 0.03);
            --c-background-section: #262626;
            --c-border: rgba(213, 213, 213, 0.5);
            --c-primary: #b50000;
            --c-primary-accent: #e20000;
            --c-primary-accent-high: #890000;
            --c-secondary: #ffa200;
            --c-secondary-accent: #143e51;
            --c-accent-light: #636363;
            --c-accent: #333;
            --c-accent-high: #262626;
            --c-highlight: #ffec00;
            --c-muted: #f8f9f9;
            --c-muted-accent-lightest: #8c8787;
            --c-muted-accent: #eee;
            --c-muted-accent-light: #858585;
            --c-muted-accent-high: #d5d5d5;
            --c-warning: #ced219;
            --c-error: #74696a;
            --c-message: #2d6117;
            --c-input-text: rgba(213, 213, 213, 0.7);
            --c-input-border: #979797;
            --c-modal: rgba(0, 0, 0, 0.4);
            --c-link: #b50000;
            --c-link-hover: #e20000;
            --c-link-background: #f7e5e5;
            --c-caption: #eee;
            --c-tabs: #f8f9f9;
            --c-tabs-bg: #000;
            --c-active-list: rgba(38, 38, 38, 0.1);
            --c-icon: #636363;
            --c-icon-inverse: #000;
            --c-icon-accent: #333;
            --c-slick-arrow: #fff;
            --c-border-dark: #d5d5d5;
            --c-black-color: #fff;
            --c-flag: #000;
            --c-timeline: #b50000;
            --c-image-overlay: rgba(0, 0, 0, 0.18);
            --c-now-overlay: rgba(0, 0, 0, 0.65);
            --c-surprise: #F91102;
            --c-ads: #7f7f7f;
            --c-logo-with: #141414;
            --c-stereaming-overlay: rgba(51, 51, 51, 0.8);
            --c-quick-link: #444;
            --c-heading-hover: #eee;
            --c-weather-card: #5c0931;
            --c-select-option: silver;
            --c-select-option-custom: #545454;
            --c-new-flag: #efefef;
            --c-list-schedule: #fff;
            --c-image-byline-bg: rgba(33, 37, 41, 0.7);
            --c-white-color: #000;
            --c-body-bg: #000;
        }
        .desktop-liner {
            color: var(--c-caption);
        }
        body.page__article:not(.body-overlay) .header--sticky .header__secondary {
            background-color: var(--c-flag);
            border-top: 1px solid var(--c-border);
            border-bottom: 1px solid var(--c-border);
        }
        body.page__article:not(.body-overlay) .header--sticky .header__menu {
            background-color: var(--c-flag);
        }
        #block-editionmenu .edition-block__button {
            color: var(--c-text);
        }
        .context-snippet {
            background-color: inherit;
        }
        .layout--onecol {
        
            background-color: inherit !important;
        }
    }
}