Resolve "improve colors readability"

Closes #54 (closed)

src/css/custom.css

@@ -98,10 +98,57 @@ p {
   color: var(--ifm-color-primary-light);
 }
 
-.button {
-  color: var(--ifm-color-primary-light)
+.button--warning {
+  color: var(--ifm-color-dark-green);
+  border-style: none;
+}
+
+.button--beta {
+  color: var(--ifm-color-frame);
+  border-style: none;
+}
+
+
+.button--warning:hover {
+  /* color: var(--ifm-color-dark-green);
+  border-style: none; */
+  color: var(--ifm-color-primary-light);
+  background-color: var(--ifm-color-tonic-three);
+  border-style: none;
+}
+
+.button--beta:hover {
+  /* color: var(--ifm-color-frame); */
+  color: var(--ifm-color-primary-light);
+  background-color: var(--ifm-color-tonic-three);
+  border-style: none;
+}
+
+/***** dark theme button ******/
+/* html[data-theme='dark'] .button:hover {
+  color: var(--ifm-color-primary-light);
+} */
+
+html[data-theme='dark'] .button--warning:hover {
+  /* color: var(--ifm-color-primary-light); */
+  color: var(--ifm-color-primary-light);
+  background-color: var(--ifm-color-tonic-three);
+  border-style: none;
+}
+
+html[data-theme='dark'] .button--beta:hover {
+  color: var(--ifm-color-primary-light);
+  background-color: var(--ifm-color-tonic-three);
+  border-style: none;
 }
 
+/* 
+ --ifm-color-primary: #000000;  
+ --ifm-color-dark-green: #577018;
+ --ifm-color-light-green:#8EA34E;
+ --ifm-color-frame: #FFC729;
+ --ifm-color-tonic-one: #E07931; */
+
 /************ main elements style***********/
 .section-promises {
   padding: 4rem 0;
@@ -155,4 +202,28 @@ a.footer__link-item:hover {
 /*************** dark footer *************/
 html[data-theme='dark'] .footer__link-item {
   color: var(--ifm-color-primary-light);
+}
+
+html[data-theme='dark'] .footer {
+  background-color: var(--ifm-color-tonic-one);
+  color: var(--ifm-color-primary);
+  --ifm-footer-link-color: var(--ifm-color-primary-light);
+  --ifm-footer-title-color: var(--ifm-color-primary-light );
+}
+
+html[data-theme='dark'] .footer__copyright {
+  color: var(--ifm-color-primary-light);
+}
+
+/********* Page Docs ***********/
+/* html[data-theme='dark'] a {
+  color: var(--ifm-color-frame);
+} */
+
+.menu__link--active {
+  color: var(--ifm-color-primary-light);
+}
+
+html[data-theme='dark'] .menu__link--active:hover {
+  color: var(--ifm-color-frame);
 }
\ No newline at end of file