html.dark-mode {
  #MainContent,
  .color-background-1,
  .color-inverse,
  .color-accent-1,
  .shopify-section:not(.section-image-banner, .section-image-banner *, #shopify-section-cart-drawer, #shopify-section-cart-drawer *, .section-header, .section-header *) {
    --color-background: var(--color-base-text) !important;
    background-color: rgb(var(--color-base-text)) !important;
    color: rgba(var(--color-white), 1) !important;

    h1,
    h2,
    h3,
    h4,
    h5,
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    p,
    .price,
    a:not(.button, .button *),
    .slider-button {
      color: rgba(var(--color-white), 1) !important;
    }

    .price--on-sale .price-item--regular,
    .product__subtitle {
      color: rgba(var(--color-grey), 1) !important;
    }

    table td,
    table th,
    .accordion,
    .info-banner {
      border-color: rgba(var(--color-white), 1)
    }

    .button--primary,
    .button--secondary,
    .button--tertiary {
      background-color: rgba(var(--color-white), var(--alpha-button-background));
      color: rgb(var(--color-base-text));
    }
  }
}