html[data-bs-theme=light] {
  a[id='switch-theme-link'] {i.bi-moon-fill { display: none }}
  body {
    background-color: #f3f4f6 !important;
  }
}

html[data-bs-theme=dark] {
  a[id='switch-theme-link'] {i.bi-sun-fill { display: none }}
}

[data-bs-theme=light] .btn-contrast {
  --bs-btn-color: #fff;
  --bs-btn-hover-color: #fff;
  --bs-btn-active-color: #fff;

  --bs-btn-bg: #212529;
  --bs-btn-hover-bg: #21252990;
  --bs-btn-active-bg: #212529; 
}

[data-bs-theme=dark] .btn-contrast {
  --bs-btn-color: #212529;
  --bs-btn-hover-color: #212529;
  --bs-btn-active-color: #212529;

  --bs-btn-bg: #ffffff;
  --bs-btn-hover-bg: #ffffff99;
  --bs-btn-active-bg: #ffffff; 
}

[data-bs-theme=dark] .btn-anti-contrast {
  --bs-btn-color: #fff;
  --bs-btn-hover-color: #fff;
  --bs-btn-active-color: #fff;

  --bs-btn-bg: #212529;
  --bs-btn-hover-bg: #21252990;
  --bs-btn-active-bg: #212529; 

  --bs-btn-border-color: #ffffff;
  --bs-btn-hover-border-color: #ffffff;
  --bs-btn-active-border-color: #ffffff; 
}

[data-bs-theme=light] .btn-anti-contrast {
  --bs-btn-color: #212529;
  --bs-btn-hover-color: #212529;
  --bs-btn-active-color: #212529;

  --bs-btn-bg: #ffffff;
  --bs-btn-hover-bg: #ffffff99;
  --bs-btn-active-bg: #ffffff; 

  --bs-btn-border-color: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-active-border-color: #212529;
}