v1.2.0-beta/lightmode website fixes

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;
-}

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;
+}

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');
+}