diff --git a/assets/scss/common/_custom.scss b/assets/scss/common/_custom.scss
index 5c5401acbe4ad5fb750dacb9e7274720b406a96a..a5be497c18ec0824575c7a9683464333c47c23fd 100644
--- a/assets/scss/common/_custom.scss
+++ b/assets/scss/common/_custom.scss
@@ -40,6 +40,10 @@
   color: $tetra-green;
 }
 
+// color top menu dark mode
+[data-bs-theme="dark"] .offcanvas .nav-link:hover, [data-bs-theme="dark"] .offcanvas .banner .nav a:hover, .banner .nav [data-bs-theme="dark"] .offcanvas a:hover, [data-bs-theme="dark"] .offcanvas .nav-link:focus, [data-bs-theme="dark"] .offcanvas .banner .nav a:focus, .banner .nav [data-bs-theme="dark"] .offcanvas a:focus {
+  color: $tetra-green;
+}
 //color button top right light mode
 [data-bs-theme="dark"] .search-form .form-control:focus, [data-bs-theme="dark"] .search-form .comment-form input[type="text"]:focus, .comment-form [data-bs-theme="dark"] .search-form input[type="text"]:focus, [data-bs-theme="dark"] .search-form .comment-form input[type="email"]:focus, .comment-form [data-bs-theme="dark"] .search-form input[type="email"]:focus, [data-bs-theme="dark"] .search-form .comment-form input[type="url"]:focus, .comment-form [data-bs-theme="dark"] .search-form input[type="url"]:focus, [data-bs-theme="dark"] .search-form .comment-form textarea:focus, .comment-form [data-bs-theme="dark"] .search-form textarea:focus, [data-bs-theme="dark"] .search-form .search-field:focus{
   color: $tetra-green
@@ -56,3 +60,20 @@
 [data-bs-theme="dark"] .search-form .form-control:focus, [data-bs-theme="dark"] .search-form .comment-form input[type="text"]:focus, .comment-form [data-bs-theme="dark"] .search-form input[type="text"]:focus, [data-bs-theme="dark"] .search-form .comment-form input[type="email"]:focus, .comment-form [data-bs-theme="dark"] .search-form input[type="email"]:focus, [data-bs-theme="dark"] .search-form .comment-form input[type="url"]:focus, .comment-form [data-bs-theme="dark"] .search-form input[type="url"]:focus, [data-bs-theme="dark"] .search-form .comment-form textarea:focus, .comment-form [data-bs-theme="dark"] .search-form textarea:focus, [data-bs-theme="dark"] .search-form .search-field:focus{
   border-color: $tetra-green;
 }
+
+//color top navigation menu on Docs and Blogs
+.offcanvas .nav-link.active{
+  color: $tetra-green;
+}
+
+[data-bs-theme="dark"] .offcanvas .nav-link.active{
+  color: $tetra-green;
+}
+
+[data-bs-theme="dark"] .offcanvas .nav-link:hover, [data-bs-theme="dark"] .offcanvas .nav-link:focus{
+  color: $tetra-green;
+}
+
+.offcanvas .nav-link:hover, .offcanvas .nav-link:focus{
+  color: $tetra-green;
+}
diff --git a/resources/_gen/assets/scss/scss/app.scss_901a6e181e810c5c7347a10d84f037ab.content b/resources/_gen/assets/scss/scss/app.scss_901a6e181e810c5c7347a10d84f037ab.content
index 2369e83817253bf8929b4f325327f7c6c927c7a1..1e382e8c31c9be913af2d96efcb9c7e488f4618e 100644
--- a/resources/_gen/assets/scss/scss/app.scss_901a6e181e810c5c7347a10d84f037ab.content
+++ b/resources/_gen/assets/scss/scss/app.scss_901a6e181e810c5c7347a10d84f037ab.content
@@ -13632,6 +13632,9 @@ body {
 .offcanvas .nav-link:hover, .offcanvas .banner .nav a:hover, .banner .nav .offcanvas a:hover, .offcanvas .nav-link:focus, .offcanvas .banner .nav a:focus, .banner .nav .offcanvas a:focus {
   color: #5a8264; }
 
+[data-bs-theme="dark"] .offcanvas .nav-link:hover, [data-bs-theme="dark"] .offcanvas .banner .nav a:hover, .banner .nav [data-bs-theme="dark"] .offcanvas a:hover, [data-bs-theme="dark"] .offcanvas .nav-link:focus, [data-bs-theme="dark"] .offcanvas .banner .nav a:focus, .banner .nav [data-bs-theme="dark"] .offcanvas a:focus {
+  color: #5a8264; }
+
 [data-bs-theme="dark"] .search-form .form-control:focus, [data-bs-theme="dark"] .search-form .comment-form input[type="text"]:focus, .comment-form [data-bs-theme="dark"] .search-form input[type="text"]:focus, [data-bs-theme="dark"] .search-form .comment-form input[type="email"]:focus, .comment-form [data-bs-theme="dark"] .search-form input[type="email"]:focus, [data-bs-theme="dark"] .search-form .comment-form input[type="url"]:focus, .comment-form [data-bs-theme="dark"] .search-form input[type="url"]:focus, [data-bs-theme="dark"] .search-form .comment-form textarea:focus, .comment-form [data-bs-theme="dark"] .search-form textarea:focus, [data-bs-theme="dark"] .search-form .search-field:focus {
   color: #5a8264; }
 
@@ -13643,4 +13646,16 @@ body {
 [data-bs-theme="dark"] .search-form .form-control:focus, [data-bs-theme="dark"] .search-form .comment-form input[type="text"]:focus, .comment-form [data-bs-theme="dark"] .search-form input[type="text"]:focus, [data-bs-theme="dark"] .search-form .comment-form input[type="email"]:focus, .comment-form [data-bs-theme="dark"] .search-form input[type="email"]:focus, [data-bs-theme="dark"] .search-form .comment-form input[type="url"]:focus, .comment-form [data-bs-theme="dark"] .search-form input[type="url"]:focus, [data-bs-theme="dark"] .search-form .comment-form textarea:focus, .comment-form [data-bs-theme="dark"] .search-form textarea:focus, [data-bs-theme="dark"] .search-form .search-field:focus {
   border-color: #5a8264; }
 
+.offcanvas .nav-link.active, .offcanvas .banner .nav a.active, .banner .nav .offcanvas a.active {
+  color: #5a8264; }
+
+[data-bs-theme="dark"] .offcanvas .nav-link.active, [data-bs-theme="dark"] .offcanvas .banner .nav a.active, .banner .nav [data-bs-theme="dark"] .offcanvas a.active {
+  color: #5a8264; }
+
+[data-bs-theme="dark"] .offcanvas .nav-link:hover, [data-bs-theme="dark"] .offcanvas .banner .nav a:hover, .banner .nav [data-bs-theme="dark"] .offcanvas a:hover, [data-bs-theme="dark"] .offcanvas .nav-link:focus, [data-bs-theme="dark"] .offcanvas .banner .nav a:focus, .banner .nav [data-bs-theme="dark"] .offcanvas a:focus {
+  color: #5a8264; }
+
+.offcanvas .nav-link:hover, .offcanvas .banner .nav a:hover, .banner .nav .offcanvas a:hover, .offcanvas .nav-link:focus, .offcanvas .banner .nav a:focus, .banner .nav .offcanvas a:focus {
+  color: #5a8264; }
+
 /*# sourceMappingURL=main.css.map */
\ No newline at end of file
diff --git a/resources/_gen/assets/scss/scss/app.scss_901a6e181e810c5c7347a10d84f037ab.json b/resources/_gen/assets/scss/scss/app.scss_901a6e181e810c5c7347a10d84f037ab.json
index 71e93515ed1d322a8edd3fd715cd01937a4ceb24..71d214d1098cc9cfd00ce3e90ec227e0bb51d443 100644
--- a/resources/_gen/assets/scss/scss/app.scss_901a6e181e810c5c7347a10d84f037ab.json
+++ b/resources/_gen/assets/scss/scss/app.scss_901a6e181e810c5c7347a10d84f037ab.json
@@ -1 +1 @@
-{"Target":"main.9471088ab064e6d11e5d5ab0403f64c62319e3baabc087b13bb1d43933091604fa64e8c8bd7f2a2ba62477cb6d782072dbd39d5376604c8324eec5d14f7c88e0.css","MediaType":"text/css","Data":{"Integrity":"sha512-lHEIirBk5tEeXVqwQD9kxiMZ47qrwIexO7HUOTMJFgT6ZOjIvX8qK6Ykd8tteCBy29OdU3ZgTIMk7sXRT3yI4A=="}}
\ No newline at end of file
+{"Target":"main.d104460c95b241f18a8ea1b961dc840db8faa8145d0f1263cd71a592a0ce32c39007ad4343e42d324998beec5bcce6134c9ad1426d6a2921c7b82c3c8bb9ac1c.css","MediaType":"text/css","Data":{"Integrity":"sha512-0QRGDJWyQfGKjqG5YdyEDbj6qBRdDxJjzXGlkqDOMsOQB61DQ+QtMkmYvuxbzOYTTJrRQm1qKSHHuCw8i7msHA=="}}
\ No newline at end of file