feat: maj configuration et pointeurs

docusaurus.config.js

@@ -21,10 +21,10 @@ module.exports = {
         src: "img/logo_typo_froggit.png",
       },
       items: [      
-        {label: "✨ Fonctionnalités", position: "left", to: "/#features"},
+        {label: "✨ Fonctionnalités", position: "left", to: "/#features", exact: true},
         {label: "❓ FAQ", position: "left", to: "/faq"},
         {label: "💰 Tarifs", position: "left", to: "/tarifs"},
-        {label: "📔 Doc", position: "left", type: "doc", docId: "intro", },
+        {label: "📔 Doc", position: "left", type: "doc", docId: "intro"},
         {
           label: "🎁 Antisèche git",
           position: "left",
@@ -35,7 +35,7 @@ module.exports = {
           position: "right",
           href: "https://lab.frogg.it/users/sign_in",
         },
-        {label: "🚀 S'enregistrer", position: "right", to: "/tarifs"},
+        // {label: "🚀 S'enregistrer", position: "right", to:"/"},
       ],
     },
     footer: {

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;
+}