From 90eb2c3c804baacbeb3623f35b70d0144444eae1 Mon Sep 17 00:00:00 2001 From: Antoine <antoine.roy@tetras-libre.fr> Date: Mon, 27 Nov 2023 13:47:07 +0100 Subject: [PATCH] color nav menu on page docs and blog --- assets/scss/common/_custom.scss | 21 +++++++++++++++++++ ...s_901a6e181e810c5c7347a10d84f037ab.content | 15 +++++++++++++ ...scss_901a6e181e810c5c7347a10d84f037ab.json | 2 +- 3 files changed, 37 insertions(+), 1 deletion(-) diff --git a/assets/scss/common/_custom.scss b/assets/scss/common/_custom.scss index 5c5401a..a5be497 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 2369e83..1e382e8 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 71e9351..71d214d 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 -- GitLab