tweak dark styles

Author: jemgillam

website/src/components/TierPlusButtons/styles.module.css

@@ -40,8 +40,12 @@
 }
 
 [data-theme="dark"] .sponsorbutton {
-  border: 1px solid var(--ifm-color-primary);
-  background-color: var(--ifm-color-primary);
+  border: 1px solid var(--ifm-color-primary-light);
+  background-color: var(--ifm-color-primary-light);
+}
+
+[data-theme="dark"] .borderbutton {
+  color: black;
 }
 
 [data-theme="dark"] .sponsorbutton:hover {
@@ -51,7 +55,7 @@
 
 [data-theme="dark"] .borderbutton:hover {
   border: 1px solid var(--ifm-color-primary-lightest);
-  color: var(--ifm-color-lightest);
+  background-color: var(--ifm-color-primary-lightest);
 }
 
 @media screen and (max-width: 995px) {

website/src/components/TiersPlus/styles.module.css

@@ -54,15 +54,20 @@
 }
 
 .hint {
-  background: rgb(230, 246, 230);
-  color: rgb(0, 49, 0);
+  background: rgb(221, 245, 221);
+  color: #059669;
   padding: 0 0.8rem 0.1rem;
   font-size: 0.8rem;
   border-radius: calc(infinity * 1px);
   margin-left: 1rem;
   height: 1.5rem;
 }
 
+[data-theme="dark"] .hint {
+  background: #059669;
+  color: rgb(230, 246, 230);
+}
+
 .badge {
   margin: -1.8rem 0 0;
   background-color: white;
@@ -78,8 +83,15 @@
   }
 }
 
-[data-theme="dark"] .tier {
-  border: 2px solid var(--ifm-color-primary);
+[data-theme="dark"] .badge {
+  background-color: var(--ifm-color-primary-light);
+  border-color: var(--ifm-color-primary-light);
+  color: black;
+}
+
+[data-theme="dark"] .featured .badge {
+  background-color: var(--ifm-color-primary);
+  border-color: var(--ifm-color-primary);
 }
 
 .banner {
@@ -120,6 +132,11 @@
 
 [data-theme="dark"] .title,
 [data-theme="dark"] .note {
+  color: var(--ifm-color-primary-light);
+}
+
+[data-theme="dark"] .featured .title,
+[data-theme="dark"] .featured .note {
   color: var(--ifm-color-primary);
 }
 
@@ -202,6 +219,11 @@
 }
 
 [data-theme="dark"] .button {
+  background-color: var(--ifm-color-primary-light);
+  border-color: var(--ifm-color-primary-light);
+}
+
+[data-theme="dark"] .featured .button {
   background-color: var(--ifm-color-primary);
   border-color: var(--ifm-color-primary);
 }