style.css

/*
    override css elements of daux.io blue theme
    version 2023-11-10
*/
:root {
    /* Axels Overrides */
    --color-text: #234;
    --link-color: #228;
    --brand-color: var(--color-text);
    --brand-background: var(--body-background);
    --code-tag-border-color: #d8d8d8;
    --hr-color: none;
    --search-field-background: none;
    --search-field-border-color: none;
    --sidebar-background: var(--body-background);
    --sidebar-border-color: none;
    --sidebar-link-active-background: #e8f4f6;
    --sidebar-link-active-background: #eee;
    /* Axels custom values */
    --axel_bg-toc: var(--body-background);
    --axel_bg-toc-head: #f8f8f8;
    --axel_brand-background: none;
    --axel_brand-pre-background: rgb(255, 0, 51);
    ;
    --axel_brand-pre-background-hover: rgb(255, 0, 51);
    ;
    --axel_h1_header: none;
    --axel_h1: #111;
    --axel_h1-bg: none;
    --axel_h1-bottom: 3px solid none;
    --axel_h2: #222;
    --axel_h2-bg: none;
    --axel_h2-bottom: 0px solid #467;
    --axel_h2-hero-bottom: 2px solid #912;
    --axel_h3: #333;
    --axel_h3-bottom: 0px solid #ddd;
    --axel_h4: #444;
    --axel_hero_bg: #f8f8f8;
    --axel_img-border: 2px dashed #ccc;
    --axel_nav-bg: #fcfcfc;
    --axel_nav-buttomborder: #ddd;
    --axel_pre-background: #f8f8f8;
    --axel-th-background: #e0e4e8;
    --axel-article-nav-border-top: 0px dotted #ddd;
}

.dark {
    /* Axels Overrides */
    --color-text: #c0c0c0;
    --link-color: #88e;
    --brand-color: var(--color-text);
    --brand-background: var(--body-background);
    --body-background: #101418;
    --hr-color: none;
    --code-tag-background-color_: #bcc;
    --search-field-background: none;
    --search-field-border-color: none;
    --sidebar-background: var(--body-background);
    --sidebar-border-color: none;
    --sidebar-link-active-background: #333;
    /* Axels custom values */
    --axel_bg-toc: var(--body-background);
    --axel_bg-toc-head: #333;
    --axel_brand-background: none;
    --axel_brand-pre-background: rgb(255, 0, 51);
    ;
    --axel_brand-pre-background-hover: rgb(255, 0, 51);
    ;
    --axel_h1_header: none;
    --axel_h1: #578;