Footer Link Inconsistent with Theme Color
saurabh-sm opened this issue · comments
Past Issues Searched
- I have searched open and closed issues to make sure that the bug has not yet been reported
Issue is a Bug Report
- This is a bug report and not a feature request, nor asking for support
Describe the bug
I'm using the emerald theme and noticed that links in the footer are highlighted differently on different pages.
In localhost:1313/projects/
, the footer looks like this by default:
![Screenshot 2023-09-16 at 11 41 33 AM](https://private-user-images.githubusercontent.com/52619598/268465671-b98a4049-fa29-48db-8f51-952c99ad0447.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE3NjU1MDQsIm5iZiI6MTcyMTc2NTIwNCwicGF0aCI6Ii81MjYxOTU5OC8yNjg0NjU2NzEtYjk4YTQwNDktZmEyOS00OGRiLThmNTEtOTUyYzk5YWQwNDQ3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzIzVDIwMDY0NFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWZlZmJmM2MxODJjY2MwZjZjNTg3NmE4YjZiMDFjZjJmOTVhM2ZhM2VhODNlZjc1M2U4ZmEwZWEyYzU1ZWE2NzYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.IFFefYO7RGczQAnwCBDcjI_p3xLptvU6ShXcDyeJwBc)
On hovering over the footer link, it is highlighted with a horizontal green line:
![Screenshot 2023-09-16 at 11 41 40 AM](https://private-user-images.githubusercontent.com/52619598/268465680-fc7e7671-8f39-43fa-85b7-a5842a31b939.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE3NjU1MDQsIm5iZiI6MTcyMTc2NTIwNCwicGF0aCI6Ii81MjYxOTU5OC8yNjg0NjU2ODAtZmM3ZTc2NzEtOGYzOS00M2ZhLTg1YjctYTU4NDJhMzFiOTM5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzIzVDIwMDY0NFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWVlZWRhNzZjMmJmM2JiMDE1NjJlNmJiNTc1Mzk2MTk4N2YwMTYzZmVhMzVkNzY0NzA2MDU4ZGYyOTY2YzFiZTcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.qQup93VwF7ga5pJ9_LARxNZRhzSHolFmCIG0e8yhGPg)
And on clicking any of the projects, (url localhost:1313/projects/myproject
), the footer link is highlighted correctly (as shown on lotusdocs.dev/docs and its inner links):
![Screenshot 2023-09-16 at 11 43 59 AM](https://private-user-images.githubusercontent.com/52619598/268465690-71d5eac0-58bd-4ca7-9c50-f36b44d251e0.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE3NjU1MDQsIm5iZiI6MTcyMTc2NTIwNCwicGF0aCI6Ii81MjYxOTU5OC8yNjg0NjU2OTAtNzFkNWVhYzAtNThiZC00Y2E3LTljNTAtZjM2YjQ0ZDI1MWUwLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzIzVDIwMDY0NFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWQxZTE4NjY1NzYwYTg0OGIxZDY1MzY3ZWE3OTQ3ZDc5YzIxNWJmMjJkZWE3YTk3ZTgzNGVhZTVhYjk4ZGZiMzcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.hLLtwor4gObDL_6WKjEBD_DL6il8OdDC84rYLKgfokw)
Expected behavior
Footer links to be displayed in the theme color on all pages.
Example this page
Screenshots
Screenshots added in description
Environment
- OS:
- Browser:
- Browser Version:
Had to disable "Dark Reader" Mozilla add-on