diff --git a/website/media/Disney.png b/website/media/Disney.png
new file mode 100644
index 0000000..2930429
Binary files /dev/null and b/website/media/Disney.png differ
diff --git a/website/media/Disney.webp b/website/media/Disney.webp
deleted file mode 100644
index 835fc67..0000000
Binary files a/website/media/Disney.webp and /dev/null differ
diff --git a/website/media/DisneyColor.png b/website/media/DisneyColor.png
new file mode 100644
index 0000000..b24d538
Binary files /dev/null and b/website/media/DisneyColor.png differ
diff --git a/website/media/Prime.png b/website/media/Prime.png
index 761cd60..c779e43 100644
Binary files a/website/media/Prime.png and b/website/media/Prime.png differ
diff --git a/website/media/PrimeColor.png b/website/media/PrimeColor.png
new file mode 100644
index 0000000..a3d0d7c
Binary files /dev/null and b/website/media/PrimeColor.png differ
diff --git a/website/media/Youtube.png b/website/media/Youtube.png
index 64d91a3..5bee50e 100644
Binary files a/website/media/Youtube.png and b/website/media/Youtube.png differ
diff --git a/website/media/YoutubeColor.png b/website/media/YoutubeColor.png
new file mode 100644
index 0000000..165e04b
Binary files /dev/null and b/website/media/YoutubeColor.png differ
diff --git a/website/styles/extrasmall.css b/website/styles/extrasmall.css
index 2e12e3d..18aeb0b 100644
--- a/website/styles/extrasmall.css
+++ b/website/styles/extrasmall.css
@@ -21,7 +21,7 @@ header {
   flex-direction: row;
   align-items: center;
   padding: 5px 10px;
-  background-color: rgba(0, 0, 0, 0.5);
+  background-color: rgba(var(--primary) 0.5);
   backdrop-filter: blur(4px);
 }
 header brand {
@@ -126,7 +126,7 @@ section.intro .inner .supports {
   margin-top: 5px;
   font-variant: all-small-caps;
   letter-spacing: 1.5px;
-  font-weight: 400;
+  font-weight: 600;
   font-size: 0.8rem;
 }
 section.intro .inner .supported div {
@@ -136,21 +136,6 @@ section.intro .inner .supported div {
   background-position: center;
   background-repeat: no-repeat;
 }
-section.intro .inner .supported div.netflix {
-  background-image: url('../media/Netflix.png');
-}
-section.intro .inner .supported div.hulu {
-  background-image: url('../media/Hulu.png');
-}
-section.intro .inner .supported div.disney {
-  background-image: url('../media/Disney.webp');
-}
-section.intro .inner .supported div.prime {
-  background-image: url('../media/Prime.png');
-}
-section.intro .inner .supported div.youtube {
-  background-image: url('../media/Youtube.png');
-}
 section.features,
 section.beta {
   height: fit-content;
@@ -211,68 +196,16 @@ header,
 footer {
   user-select: none;
 }
-
 /*
   G O O G L E     F O R M S
   C U S T O M I Z A T I O N
 */
-.freebirdFormviewerViewHeaderTitle {
-  color: white !important;
-}
-.freebirdFormviewerViewHeaderDescription {
-  color: #848484 !important;
-}
-.freebirdFormviewerViewHeaderHeader {
-  border: none !important;
-  background-color: black !important;
-}
 .freebirdFormviewerViewHeaderThemeStripe {
   display: none;
 }
-.freebirdFormviewerViewItemsItemItem {
-  background-color: black !important;
-  border: none !important;
-}
-.freebirdFormviewerViewItemsItemItem a {
-  font-family: 'Glacial';
-  color: cornflowerblue;
-}
-.freebirdFormviewerViewItemsItemItemTitle {
-  color: white !important;
-}
 .freebirdFormviewerViewFooterEmbeddedBackground {
   display: none;
 }
-.freebirdFormviewerViewItemsItemItemHelpText {
-  color: #848484 !important;
-}
-.docssharedWizToggleLabeledLabelWrapper * {
-  color: #848484 !important;
-}
-.quantumWizTextinputPaperinputContentArea input {
-  color: white !important;
-}
-.quantumWizTextinputPapertextareaInput {
-  color: white !important;
-}
-.freebirdThemedFilledButtonM2 {
-  font-family: 'PixelSplitter' !important;
-  background-color: #c0f300 !important;
-}
-.freebirdThemedFilledButtonM2 * {
-  color: black !important;
-  letter-spacing: 2px;
-}
 .freebirdFormviewerViewResponseThemeStripe {
   display: none;
 }
-.freebirdFormviewerViewResponseConfirmContentContainer {
-  background-color: black !important;
-  border: none !important;
-}
-.freebirdFormviewerViewResponsePageTitle {
-  color: white !important;
-}
-.freebirdFormviewerViewResponseMessage {
-  color: #c0f300 !important;
-}
diff --git a/website/styles/variables-dark.css b/website/styles/variables-dark.css
index 4ca2cce..0c63327 100644
--- a/website/styles/variables-dark.css
+++ b/website/styles/variables-dark.css
@@ -6,3 +6,75 @@
   --tertiary: 4, 221, 217;
   --tertiary-complement: 2, 161, 159;
 }
+
+section.landing .brand {
+  background-color: transparent;
+}
+
+section.intro .inner .supported div.netflix {
+  background-image: url('../media/Netflix.png');
+}
+section.intro .inner .supported div.hulu {
+  background-image: url('../media/Hulu.png');
+}
+section.intro .inner .supported div.disney {
+  background-image: url('../media/Disney.png');
+}
+section.intro .inner .supported div.prime {
+  background-image: url('../media/Prime.png');
+}
+section.intro .inner .supported div.youtube {
+  background-image: url('../media/Youtube.png');
+}
+
+.freebirdFormviewerViewHeaderTitle {
+  color: white !important;
+}
+.freebirdFormviewerViewHeaderDescription {
+  color: #848484 !important;
+}
+.freebirdFormviewerViewHeaderHeader {
+  border: none !important;
+  background-color: black !important;
+}
+.freebirdFormviewerViewItemsItemItem {
+  background-color: black !important;
+  border: none !important;
+}
+.freebirdFormviewerViewItemsItemItem a {
+  font-family: 'Glacial';
+  color: cornflowerblue;
+}
+.freebirdFormviewerViewItemsItemItemTitle {
+  color: white !important;
+}
+.freebirdFormviewerViewItemsItemItemHelpText {
+  color: #848484 !important;
+}
+.docssharedWizToggleLabeledLabelWrapper * {
+  color: #848484 !important;
+}
+.quantumWizTextinputPaperinputContentArea input {
+  color: white !important;
+}
+.quantumWizTextinputPapertextareaInput {
+  color: white !important;
+}
+.freebirdThemedFilledButtonM2 {
+  font-family: 'PixelSplitter' !important;
+  background-color: #c0f300 !important;
+}
+.freebirdThemedFilledButtonM2 * {
+  color: black !important;
+  letter-spacing: 2px;
+}
+.freebirdFormviewerViewResponseConfirmContentContainer {
+  background-color: black !important;
+  border: none !important;
+}
+.freebirdFormviewerViewResponsePageTitle {
+  color: white !important;
+}
+.freebirdFormviewerViewResponseMessage {
+  color: #c0f300 !important;
+}
diff --git a/website/styles/variables.css b/website/styles/variables.css
index fa2e298..80eff6d 100644
--- a/website/styles/variables.css
+++ b/website/styles/variables.css
@@ -6,3 +6,22 @@
   --tertiary: 2, 161, 159;
   --tertiary-complement: 4, 221, 217;
 }
+
+section.landing .brand {
+  background-color: rgb(var(--primary));
+}
+section.intro .inner .supported div.netflix {
+  background-image: url('../media/Netflix.png');
+}
+section.intro .inner .supported div.hulu {
+  background-image: url('../media/Hulu.png');
+}
+section.intro .inner .supported div.disney {
+  background-image: url('../media/DisneyColor.png');
+}
+section.intro .inner .supported div.prime {
+  background-image: url('../media/PrimeColor.png');
+}
+section.intro .inner .supported div.youtube {
+  background-image: url('../media/YoutubeColor.png');
+}