Skip to content

remove box shadow on dark mode toc #2227

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Nov 24, 2025
Merged

remove box shadow on dark mode toc #2227

Changes from 1 commit
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
3887e74
remove drop shadow on dark mode toc
coltonb-mixpanel Nov 19, 2025
66b66c5
Merge branch 'main' into remove-box-shadow-on-dark-mode
coltonb-mixpanel Nov 24, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions pages/overrides.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1871,6 +1871,9 @@ article {
.nextra-toc {
background-color: colors.$darkbg;
// Remove all hardcoded white backgrounds and shadow filters
._shadow-\[0_12px_16px_rgb\(var\(\--nextra-bg\)\)\] {
box-shadow: unset;
}
Comment on lines +1874 to +1876
Copy link
Contributor Author

@coltonb-mixpanel coltonb-mixpanel Nov 24, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is hacky but:

  • This is how it's solved for light mode
  • None of the other classes on the element are particular enough to make this less fragile.

.nextra-toc-footer {
background-color: colors.$darkbg;
box-shadow: unset;
Expand Down
Loading