diff --git a/microsite/src/theme/customTheme.scss b/microsite/src/theme/customTheme.scss
index 20200524f9..707acb4073 100644
--- a/microsite/src/theme/customTheme.scss
+++ b/microsite/src/theme/customTheme.scss
@@ -6,36 +6,60 @@
   --ifm-color-primary-dark: #31a792;
   --ifm-color-primary-darker: #2e9e8a;
   --ifm-color-primary-darkest: #268271;
-  --ifm-grey-background-light: linear-gradient(
-    90.49deg,
-    #e0e0e0 15.36%,
-    #f5f5f5 70.44%
-  );
-  --ifm-grey-background-dark: linear-gradient(
+}
+
+html[data-theme='dark'] {
+  --ifm-grey-background: linear-gradient(
     90.49deg,
     #121212 15.36%,
     #282828 70.44%
   );
-  --ifm-green-gradient-background-light: linear-gradient(
-    70.44deg,
-    #e0f7f4 55%,
-    #a3d9d2
-  );
-  --ifm-green-gradient-background-dark: linear-gradient(
+  --ifm-green-gradient-background: linear-gradient(
     70.44deg,
     #121212 55%,
     #5d817b
   );
-  --ifm-bullet-line-dark: linear-gradient(
+  --bullet-line-color: linear-gradient(
     89.75deg,
     #9bf0e1 -1.5%,
     rgba(155, 240, 225, 0) 111.48%
   );
-  --ifm-bullet-line-light: linear-gradient(
+  --ifm-button-border-color: var(--ifm-color-primary-darker);
+
+  /* Logo */
+  --backstage-logo: url(/img/logo.svg);
+}
+
+html[data-theme='light'] {
+  --ifm-color-primary: var(--ifm-color-primary-darkest);
+  --ifm-grey-background: linear-gradient(
+    90.49deg,
+    #e0e0e0 15.36%,
+    #f5f5f5 70.44%
+  );
+  --ifm-green-gradient-background: linear-gradient(
+    70.44deg,
+    #e0f7f4 55%,
+    #a3d9d2
+  );
+  --ifm-breadcrumb-item-background-active: #f8f8f8;
+  --bullet-line-color: linear-gradient(
     89.75deg,
     var(--ifm-color-primary-dark) -1.5%,
     rgba(155, 240, 225, 0) 111.48%
   );
+  --ifm-font-color-base: #000000;
+  --ifm-menu-color: #6E;
+  --feedback-button-dark-text-color: #f8f8f8;
+
+  /* Active Colors */
+  --ifm-breadcrumb-color-active: var(--ifm-color-primary-darkest);
+  --ifm-menu-color-active: var(--ifm-color-primary-darkest);
+  --ifm-link-color: var(--ifm-color-primary-darkest);
+  --ifm-link-color-hover: var(--ifm-color-primary-darkest);
+
+  /* Logo */
+  --backstage-logo: url(/img/logo-black.svg);
 }
 
 // for docs and releases
diff --git a/microsite/src/theme/variables.scss b/microsite/src/theme/variables.scss
index 6cc03315ba..3d74e59c9c 100644
--- a/microsite/src/theme/variables.scss
+++ b/microsite/src/theme/variables.scss
@@ -1,20 +1,2 @@
 $xlUpBreakpoint: 1441px;
 $desktopUpBreakpoint: 997px;
-
-html[data-theme='dark'] {
-  --ifm-grey-background: var(--ifm-grey-background-dark);
-  --ifm-green-gradient-background: var(--ifm-green-gradient-background-dark);
-  --backstage-logo: url(/img/logo.svg);
-  --bullet-line-color: var(--ifm-bullet-line-dark);
-  --ifm-button-border-color: var(--ifm-color-primary-darker);
-}
-
-html[data-theme='light'] {
-  --ifm-grey-background: var(--ifm-grey-background-light);
-  --ifm-green-gradient-background: var(--ifm-green-gradient-background-light);
-  --ifm-breadcrumb-color-active: var(--ifm-color-primary-darker);
-  --ifm-menu-color-active: var(--ifm-color-primary-darker);
-  --ifm-link-color: var(--ifm-color-primary-darker);
-  --backstage-logo: url(/img/logo-black.svg);
-  --bullet-line-color: var(--ifm-bullet-line-light);
-}