Resolve "improve colors readability"

Closes #54 (closed)

src/css/custom.css

@@ -84,16 +84,16 @@ html[data-theme='dark'] .table-of-contents__link--active {
 
 .button {
   margin: 10px;
- }
+}
 
 .button--beta {
   background-color: var(--ifm-color-dark-green);
   border-color: var(--ifm-color-dark-green);
- }
+}
 
- .button--beta:hover {
+.button--beta:hover {
    background-color: var(--ifm-color-dark-green);
- }
+}
 
 /************ Navbar style ***********/
 .navbar {
@@ -116,10 +116,9 @@ html[data-theme='dark'] .table-of-contents__link--active {
   position: sticky; 
   top: 0;
   z-index: 1; 
- } 
+} 
 
 /****** HERO TITLE ******/
-
 .hero__title {
   color: var(--ifm-color-primary-light);
 }
@@ -188,7 +187,6 @@ html[data-theme='dark'] .button--beta:hover {
 }
 
 /************ footer style ***********/
-
 a.footer__link-item:hover {
   color:  var(--ifm-color-frame);
 }
@@ -252,27 +250,13 @@ html[data-theme='dark'] .footer__copyright {
 }
 
 /* texte quand on a cliqué */
-.menu__link--active {
-  color: var(--ifm-color-primary);
-}
-
-/******* Dark theme ********/
-html[data-theme='dark'] .menu__link--active:hover {
-  transition: 0.3s;
-}
-
-html[data-theme='dark'] .menu__link--active:not(.menu__link--sublist) {
-  color: var(--ifm-color-tonic-one) !important;
-  font-weight: bolder;
-}
-
-html[data-theme='dark'] .menu__link--active:not(.menu__link--sublist):hover {
-  background-color: var(--ifm-color-tonic-one);
-  color: var(--ifm-color-frame) !important;
+.navbar__link:hover, .navbar__link--active, .menu__link--active, .menu__link:hover {
+  color: var(--ifm-color-frame);
   font-weight: bolder;
   transition: 0.3s;
 }
 
+/******* Dark theme ********/
 html[data-theme='dark'] a:hover {
   font-weight: bolder;
   color: var(--ifm-color-frame);
@@ -283,9 +267,9 @@ html[data-theme='dark'] a:hover {
 /* textes du menu latéral */
 html[data-theme='dark'] .menu__link {
   color: var(--ifm-color-tonic-one);
-  background: none !important;
 }
 
 html[data-theme='dark'] .menu__link--active {
-  background: var(--ifm-color-frame) !important;
-}
\ No newline at end of file
+  color: var(--ifm-color-frame);
+  font-weight: bolder;
+}