mirror of
https://github.com/kennethreitz/kjvstudy.org.git
synced 2026-06-05 23:00:16 +00:00
Intensify purple glow on Kids Version link
Using multiple layered text-shadows for a stronger neon glow effect that's visible in both light and dark modes. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -233,18 +233,18 @@
|
||||
color: #8b5cf6;
|
||||
font-weight: 500;
|
||||
text-decoration: none;
|
||||
text-shadow: 0 2px 8px rgba(139, 92, 246, 0.4);
|
||||
text-shadow: 0 0 10px #8b5cf6, 0 0 20px #8b5cf6, 0 0 30px rgba(139, 92, 246, 0.5);
|
||||
transition: text-shadow 0.2s;
|
||||
}
|
||||
.kids-version-link:hover {
|
||||
text-shadow: 0 2px 12px rgba(139, 92, 246, 0.6);
|
||||
text-shadow: 0 0 10px #8b5cf6, 0 0 25px #8b5cf6, 0 0 40px #8b5cf6;
|
||||
}
|
||||
[data-theme="dark"] .kids-version-link {
|
||||
color: #a78bfa;
|
||||
text-shadow: 0 2px 12px rgba(167, 139, 250, 0.6);
|
||||
text-shadow: 0 0 10px #a78bfa, 0 0 25px #a78bfa, 0 0 40px rgba(167, 139, 250, 0.7);
|
||||
}
|
||||
[data-theme="dark"] .kids-version-link:hover {
|
||||
text-shadow: 0 2px 16px rgba(167, 139, 250, 0.8);
|
||||
text-shadow: 0 0 15px #a78bfa, 0 0 30px #a78bfa, 0 0 50px #a78bfa;
|
||||
}
|
||||
|
||||
.category-section.hidden {
|
||||
|
||||
Reference in New Issue
Block a user