:root {
    --wpi--dark-base-bg-color: #1e1e1e;
    --wpi--dark-base-text-color: #dadad6;
    --wpi--dark-link-color: #fff;
    --wpi--dark-base-border-color: #333;
    --wpi--dark-primary-bg-color:#fff;
    --wpi--dark-primary-text-color: #1c1f26;
    --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);
    --wpi--primary-text-color: var(--wpi--dark-primary-text-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);
}
[data-theme="dark"] .wpi-mustread-section{
  --wpi--mustread-background: #141414;
}
[data-theme="dark"] .wpi-popular-section,
[data-theme="dark"] .colorvibe-banner-bottom,
[data-theme="dark"] .spotlight-content-left > article{
    background-color: #23282d;
}