:root {
    --wpi--dark-base-bg-color: #1e1e1e;
    --wpi--dark-base-text-color: #dadad6;
    --wpi--dark-link-color: #fff;
    --wpi--dark-base-border-color: #fff;
    --wpi--dark-primary-bg-color: #ff329c;
    --swiper-dark-theme-border: #fff;
    --swiper-dark-theme-color: #fff;
}
[data-theme="dark"] ::-moz-selection {
    background: #ffffff;
    color: #000000;
}
[data-theme="dark"] ::selection {
    background: #ffffff;
    color: #000000;
}
[data-theme="dark"] .wpi-tags-section {
    --wpi--tags-background: #100d00;
}
[data-theme="dark"] .wpi-ticker-section {
    --wpi--ticker-background: #000;
}
[data-theme="dark"] {
    --wpi--base-bg-color: var(--wpi--dark-base-bg-color);
    --wpi--base-text-color: var(--wpi--dark-base-text-color);
    --wpi--link-color: var(--wpi--dark-link-color);
    --wpi--base-border-color: var(--wpi--dark-base-border-color);
    --wpi--primary-bg-color: var(--wpi--dark-primary-bg-color);
    --swiper-theme-border: var(--swiper-dark-theme-border);
    --swiper-theme-color: var(--swiper-dark-theme-color);
    --wpi--rgb-color: 255, 255, 255;
}
[data-theme="dark"] body.custom-background {
    background-color: var(--wpi--dark-base-bg-color);
}