@mixin dark-mode {
    // body and content
    --body-background: #1F2937;
    --body-font-color: #FAFAFA;
    --content-link-color: #8bcbe6;
    --anchor-link-color: #{darken(#FAFAFA, 25)};

    // Single code lines inside text. Code blocks are in _code_theme_dark.scss
    --code-background: #3D4856;
    --code-color: #f8f9fa;
    --code-line-number-color: #8bcbe6;

    //Tabs
    --nav-tab-background-color: var(--body-background);
    --active-tab-color: #ffcd3c;
    --inactive-tab-hover-color: #37ccb7;

    // Sidebar nav
    --nav-highlight-color: #2e3d52;
    --btn-close-color:     invert(1) grayscale(100%) brightness(200%);

    //Version dropdown
    --dropdown-highlight: var(--nav-highlight-color);
    --dropdown-background: var(--body-background);
    --latest-pill-background: #f3807b;
    --latest-pill-color: #141414;
    --dropdown-color: var(--body-font-color);
    --dropdown-border-color: #{lighten(#FAFAFA, 50)};

    //Right-side table of contents
    --toc-font-color: #{darken(#FAFAFA, 15)};
    --toc-mobile-menu-outline: #ffcd3c;
    --toc-mobile-menu-background: #2e3d52;

    //hint boxes
    --hint-important:       rgba(255, 145, 0, 1); //"exclamation",
    --hint-important-background: rgba(255, 145, 0, .1);

    --hint-warning:         rgba(255, 82, 82, 1); //"fire",
    --hint-warning-background: rgba(255, 82, 82, .1);

    --hint-tip:             rgba(0,200,82,1);; //"check",
    --hint-tip-background: rgba(0,200,82,.1);

    --hint-note:            rgba(0,176,255,1); //"info",
    --hint-note-background:  rgba(0,176,255,.1);

    //Search Related
    --search-box-background: #3D4856;
    --result-path: #e3f5ff;
}
