diff --git a/app/javascript/styles/cybre-light.scss b/app/javascript/styles/cybre-light.scss
index 37f913125..a05a84641 100644
--- a/app/javascript/styles/cybre-light.scss
+++ b/app/javascript/styles/cybre-light.scss
@@ -6,7 +6,9 @@ $ui-base-lighter-color: darken($ui-base-color, 40%); // Lighter darkest
 $ui-secondary-color: darken($ui-base-color, 15%); // "lightest"
 $ui-primary-color: #5f4770; // "lighter"
 $ui-highlight-color: #5f4770; // "vibrant"
-$dark-text-color: #ca748f;
+$dark-text-color: #333;
+$darker-text-color: #333;
+$secondary-text-color: #333;
 $primary-text-color: #333;
 
 $header-color: $ui-primary-color;
@@ -24,25 +26,43 @@ $ui-base-lighter-color: darken($ui-base-color, 40%); // Lighter darkest
 
 $gold-star: #dd9d08;
 
-.landing-page__hero {
+.landing .hero-widget__img {
     position:relative;
+    overflow:visible;
 }
 
-.landing-page__hero::before {
+.landing .hero-widget__img::before {
     content: " ";
     display:block;
     background-image:url("../images/handshake.png");
     background-size:100% auto;
     background-repeat:no-repeat;
     background-position:bottom center;
-    width:600px;
-    height:600px;
+    width:465px;
+    height:300px;
     position:absolute;
-    bottom:-64px;
+    bottom:-50px;
 }
 
 /* about.scss */
 
+.public-layout .header .nav-link {
+  color: white;
+  &:hover {
+     color: white;
+  }
+  &.nav-button {
+     color: $ui-highlight-color;
+     &:hover {
+       color: $ui-highlight-color;
+     }
+  }
+}
+
+.information-board__section span:last-child {
+  color: $primary-text-color;
+}
+
 .landing-page {
   h1, h3, h6 {
     color: $about-page-text;
@@ -609,6 +629,15 @@ button.icon-button {
   color: $ui-highlight-color;
 }
 
+/* polls.scss */
+
+.poll__chart {
+  background: saturate(lighten($ui-highlight-color, 50%), 10%);
+  &.leading {
+    background: saturate(lighten($ui-highlight-color, 40%), 20%);
+  }
+}
+
 /* forms.scss */
 .block-button, .button, button {
   background-color: $ui-primary-color;