Skip to content

Commit b78b47f

Browse files
b0aseclaude
andcommitted
Force black text on download button with !important and all states
- Add !important to color declarations to override any conflicting styles - Add :visited and :link pseudo-class styles with black text - Add hover state color override to maintain black text - Remove text decoration that might affect color 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <[email protected]>
1 parent a3d8967 commit b78b47f

File tree

1 file changed

+11
-2
lines changed

1 file changed

+11
-2
lines changed

frontend/src/pages/EducationalProposalPage.tsx

Lines changed: 11 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -162,23 +162,32 @@ const EducationalProposalPage: React.FC = () => {
162162
163163
.download-button {
164164
background: linear-gradient(135deg, #2196f3 0%, #1976d2 100%);
165-
color: #000000;
165+
color: #000000 !important;
166166
border: none;
167167
padding: 12px 24px;
168168
border-radius: 6px;
169169
font-size: 16px;
170170
font-weight: 500;
171171
cursor: pointer;
172-
text-decoration: none;
172+
text-decoration: none !important;
173173
display: inline-flex;
174174
align-items: center;
175175
gap: 8px;
176176
transition: all 0.2s ease;
177177
margin-top: 12px;
178178
}
179179
180+
.download-button:visited {
181+
color: #000000 !important;
182+
}
183+
184+
.download-button:link {
185+
color: #000000 !important;
186+
}
187+
180188
.download-button:hover {
181189
background: linear-gradient(135deg, #1976d2 0%, #1565c0 100%);
190+
color: #000000 !important;
182191
transform: translateY(-1px);
183192
box-shadow: 0 4px 12px rgba(33, 150, 243, 0.3);
184193
}

0 commit comments

Comments
 (0)