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:
parent
47984b2f48
commit
c573ffb8bb
4 changed files with 39 additions and 2 deletions
|
@ -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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue