Improve link visibility and styling on privacy policy page

- Add explicit link styling with proper color variables for readability
- Use !important declarations to override any conflicting inline styles
- Style all links in privacy-content and contact-info sections
- Add font-weight: 500 for better link visibility
- Fix back-link button with proper primary color styling
- Add CSS variables for primary colors in both light and dark themes
- Ensure links maintain proper contrast in both theme modes
This commit is contained in:
Deco Vander 2025-07-04 13:02:04 -04:00
parent 47984b2f48
commit c573ffb8bb
4 changed files with 39 additions and 2 deletions

View file

@ -77,6 +77,39 @@
margin-top: 20px;
border: 1px solid var(--border-color);
}
/* Fix link visibility and styling */
.privacy-content a {
color: var(--link-color) !important;
text-decoration: underline !important;
font-weight: 500;
}
.privacy-content a:hover {
color: var(--link-hover) !important;
text-decoration: underline !important;
}
.contact-info a {
color: var(--link-color) !important;
text-decoration: underline !important;
font-weight: 500;
}
.contact-info a:hover {
color: var(--link-hover) !important;
}
.back-link {
color: var(--link-color) !important;
background-color: var(--primary-color, #2196F3) !important;
border: none !important;
}
.back-link:hover {
background-color: var(--primary-hover, #1976D2) !important;
color: white !important;
}
</style>
</head>
<body>