signal-works/ice
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

Improve link visibility and styling on privacy policy page

Browse source 
- 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
Download patch file Download diff file Expand all files Collapse all files

33
public/privacy.html
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>

2
public/style.css
View file

File diff suppressed because one or more lines are too long

2
public/style.css.map
View file

File diff suppressed because one or more lines are too long

4
src/scss/main.scss
View file

@ -37,6 +37,8 @@ $status-info: #3b82f6;
--link-color: #007bff;
--link-hover: #0056b3;
--text-secondary: #6c757d;
--primary-color: #{$primary-color};
--primary-hover: #{$secondary-color};
}
[data-theme="dark"] {
@ -57,6 +59,8 @@ $status-info: #3b82f6;
--link-color: #60a5fa;
--link-hover: #93c5fd;
--text-secondary: #9ca3af;
--primary-color: #{$primary-color};
--primary-hover: #{$secondary-color};
}
* {