Resolve "improve colors readability"

Closes #54 (closed)

src/css/custom.css

@@ -67,10 +67,15 @@ p {
   border-color: var(--ifm-color-dark-green);
  }
 
+ .button--beta:hover {
+   background-color: var(--ifm-color-dark-green);
+ }
+
 /************ Navbar style ***********/
 .navbar {
   background-color: var(--ifm-color-light-green);
-  --ifm-navbar-link-hover-color: var(--ifm-color-dark-green);
+  /* --ifm-navbar-link-hover-color: var(--ifm-color-dark-green); */
+  --ifm-navbar-link-hover-color: var(--ifm-color-frame);
   font-family: var(--ifm-font-family-base);
   font-weight: 700; 
   font-size: 16px;
@@ -86,6 +91,18 @@ p {
   z-index: 1; 
  } 
 
+.hero__title {
+  color: var(--ifm-color-primary-light);
+}
+
+.hero__subtitle {
+  color: var(--ifm-color-primary-light);
+}
+
+.button {
+  color: var(--ifm-color-primary-light)
+}
+
 /************ main elements style***********/
 .section-promises {
   padding: 4rem 0;
@@ -135,3 +152,8 @@ a.footer__link-item:hover {
   font-family: var(--ifm-font-family); 
   font-weight: 600;
 } 
+
+/*************** dark footer *************/
+html[data-theme='dark'] .footer__link-item {
+  color: var(--ifm-color-primary-light);
+}
\ No newline at end of file