:root {
    --united-dark-background-color: #000;
    --united-dark-general-text-color: #85817C;
    --united-dark-link-color: #E8E5E4;
    --united-dark-link-hover-color: #85817C;

    --united-dark-border-color: #1F1F1F;
    --united-dark-gridline-color: #fff;

    --united-dark-header-background: #0a0a0a;

    --united-dark-rgb-primary: 255, 255, 255;
    --united-dark-rgb-secondary: 0, 0, 0;

    --united-dark-footer-background: #000;

    --united-dark-colormode-switch: #ff4500;
}

[data-theme="dark"] {
    --united-background-color: var(--united-dark-background-color);
    --united-general-text-color: var(--united-dark-general-text-color);
    --united-link-color: var(--united-dark-link-color);
    --united-link-hover-color: var(--united-dark-link-hover-color);


    --united-gridline-color: var(--united-dark-gridline-color);

    --united-border-color: var(--united-dark-border-color);

    --united-header-background: var(--united-dark-header-background);

    --united-rgb-primary: var(--united-dark-rgb-primary);
    --united-rgb-secondary: var(--united-dark-rgb-secondary);

    --united-colormode-switch: var(--united-dark-colormode-switch);
}

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

[data-theme="dark"] .site-footer {
    --united-footer-background: var(--united-dark-footer-background);
}