:root {
    --theme-darkmode-bg-color: #000;
    --theme-darkmode-text-color: #fff;
    --theme-darkmode-link-color: #fff;
    --theme-darkmode-accent-color: #6653ff;
    --theme-darkmode-accent-hover-color: #fff;
    --theme-black-color: #000;

    --theme-darkmode-rgb-color: 255, 255, 255;
    --theme-alt-darkmode-rgb-color: 0, 0, 0;
}

[data-theme="dark"] .site-jumbotron-section {
    --jumbotron-background-color: #111;
    --jumbotron-text-color: #fff;
}

[data-theme="dark"] ::-moz-selection {
    background: #ffffff;
    color: #000000;
}

[data-theme="dark"] ::selection {
    background: #ffffff;
    color: #000000;
}

[data-theme="dark"] .data-bg {
    background-color: #1c1c1c;
}

[data-theme="dark"] {
    --theme-bg-color: var(--theme-darkmode-bg-color);
    --theme-text-color: var(--theme-darkmode-text-color);

    --theme-link-color: var(--theme-darkmode-link-color);
    --preloader-throbber-bg: var(--theme-darkmode-text-color);
    --theme-primary-color: var(--theme-darkmode-accent-color);
    --theme-primary-hover-color: var(--theme-darkmode-accent-hover-color);
    --swiper-theme-color: var(--theme-darkmode-accent-color);

    --theme-rgb-color: var(--theme-darkmode-rgb-color);
    --theme-alt-rgb-color: var(--theme-alt-darkmode-rgb-color);
}

[data-theme="dark"] body.custom-background {
    background-color: var(--theme-darkmode-bg-color);
}

[data-theme="dark"] .site-read-more-section,
[data-theme="dark"] .site-recommendation-section{
    background-color: #1c1c1c;
}