v1.6.7/website relaunch

website/styles/variables-dark.css

@@ -11,37 +11,49 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
 ************************************************************************/
 
 :root {
-  --primary: black;
-  --primary-medium: #464646;
-  --primary-light: #626262;
-  --cta: #c0f300;
-  --primary-text: white;
+  --color-primary: black;
+  --color-secondary: white;
+  --color-secondary-light: rgba(255, 255, 255, 0.726);
+  --color-tertiary: #2e2e2e;
+  --color-bright: #beff94;
+  --color-dim: #dfedd6;
 }
-.supported-logo#disney {
-  background-image: url('../media/logos/Disney.png');
+
+.title,
+.sub-title,
+.body,
+.underlink {
+  mix-blend-mode: difference !important;
 }
-.supported-logo#prime {
-  background-image: url('../media/logos/Prime.png');
+
+.bright-circle {
+  display: none;
 }
-.supported-logo#youtube {
-  background-image: url('../media/logos/Youtube.png');
+
+.card-grid .support-card#disney {
+  background-image: url('/media/logos/Disney.webp');
 }
-.supported-logo#hbonow {
-  background-image: url('../media/logos/HBONowWhite.png');
+.card-grid .support-card#prime {
+  background-image: url('/media/logos/Prime.webp');
 }
-.supported-logo#hbomax {
-  background-image: url('../media/logos/HBOMaxWhite.png');
+.card-grid .support-card#youtube {
+  background-image: url('/media/logos/Youtube.webp');
 }
-.supported-logo#peacock {
-  background-image: url('../media/logos/Peacock.png');
+.card-grid .support-card#hbo {
+  background-image: url('/media/logos/HBOMaxWhite.webp');
 }
-.supported-logo#appletv {
-  background-image: url('../media/logos/AppleTVWhite.png');
+.card-grid .support-card#peacock {
+  background-image: url('/media/logos/Peacock.webp');
 }
-.supported-logo#viki {
-  background-image: url('../media/logos/Viki.png');
+.card-grid .support-card#google {
+  background-image: url('/media/logos/GooglePlay.webp');
 }
-.supported-logo#funimation {
-  background-image: url('../media/logos/FunimationWhite.png');
-  background-size: 60% !important;
+.card-grid .support-card#crunchyroll {
+  background-image: url('/media/logos/Crunchyroll.webp');
+}
+.card-grid .support-card#apple {
+  background-image: url('/media/logos/AppleTVWhite.webp');
+}
+.card-grid .support-card#funimation {
+  background-image: url('/media/logos/FunimationWhite.webp');
 }