Skip to content

fix(ui): theme dark-mode scrollbars globally#875

Open
akira69 wants to merge 2 commits intoDonkie:masterfrom
akira69:feat/global-scrollbar-theme-local
Open

fix(ui): theme dark-mode scrollbars globally#875
akira69 wants to merge 2 commits intoDonkie:masterfrom
akira69:feat/global-scrollbar-theme-local

Conversation

@akira69
Copy link
Copy Markdown

@akira69 akira69 commented Mar 2, 2026

Summary

Applies the dark scrollbar theme to the page scrollbar as well as nested scroll areas in dark mode.

What Changed

  • Extended the global dark-mode scrollbar selectors in the color mode context to cover html and body.
  • Kept light mode on native scrollbar styling by only injecting the custom rules in dark mode.

Testing Performed

  • ./node_modules/.bin/eslint src/contexts/color-mode/index.tsx
  • VITE_APIURL=/api/v1 npm run build
  • Playwright check on http://127.0.0.1:9875: toggled dark mode on the home page and verified page-level and nested scrollbar styling is applied
  • Playwright check on http://127.0.0.1:9875: toggled back to light mode and verified the custom scrollbar styling is removed

Test Checklist

  • Dark mode applies themed scrollbars to page-level and nested scroll areas
  • Light mode restores native scrollbar styling

@akira69 akira69 marked this pull request as ready for review March 2, 2026 04:58
@akira69 akira69 closed this Mar 2, 2026
@akira69 akira69 reopened this Mar 2, 2026
@akira69 akira69 force-pushed the feat/global-scrollbar-theme-local branch from 915ffa3 to 8f4e57e Compare March 29, 2026 02:34
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant