Use modern glow effect for dark theme + auto accent elements
Replace layered shadows with soft diffused glow: - Centered blur (0 offset) for even light spread - 16-24px blur radius for soft edges - Light spread (1-4px) for subtle expansion 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -437,18 +437,12 @@
|
||||
[data-theme='dark'][data-accent='auto'] .admin-tab-btn.active {
|
||||
background: #e5e7eb;
|
||||
color: #111827;
|
||||
box-shadow:
|
||||
0 6px 8px rgba(229, 231, 235, 0.5),
|
||||
0 12px 20px rgba(229, 231, 235, 0.25),
|
||||
0 20px 35px rgba(229, 231, 235, 0.08);
|
||||
box-shadow: 0 0 20px 2px rgba(229, 231, 235, 0.4);
|
||||
}
|
||||
|
||||
[data-theme='dark'][data-accent='auto'] .page-tab-btn.active:focus,
|
||||
[data-theme='dark'][data-accent='auto'] .admin-tab-btn.active:focus,
|
||||
[data-theme='dark'][data-accent='auto'] .page-tab-btn.active:focus-visible,
|
||||
[data-theme='dark'][data-accent='auto'] .admin-tab-btn.active:focus-visible {
|
||||
box-shadow:
|
||||
0 6px 8px rgba(229, 231, 235, 0.55),
|
||||
0 12px 20px rgba(229, 231, 235, 0.3),
|
||||
0 20px 35px rgba(229, 231, 235, 0.1);
|
||||
box-shadow: 0 0 25px 4px rgba(229, 231, 235, 0.5);
|
||||
}
|
||||
Reference in New Issue
Block a user