Skip to content

Conversation

@pdanpdan
Copy link
Contributor

@pdanpdan pdanpdan commented Dec 19, 2025

  • only :root needs to cover the scrollbar gutter
  • applying background to data-theme will break background for themes applied in dropdown (see theme generator - CSS viewer)

Implementation:

  • use space variables to avoid need for if()
  • use background-image and background-color instead of full background
  • only apply changed background-color on :root (avoid changing the backgrounds for themed elements)
  • move styles from modal and drawer in rootscrollgutter where they belong, and only control if they need to be applied from modal and drawer

- only :root needs to cover the scrollbar gutter
- applying background to data-theme will break background for themes applied in dropdown (see theme generator - CSS viewer)
@pdanpdan pdanpdan marked this pull request as draft December 21, 2025 00:01
…lllock)

- use space variables to avoid need for if()
- use background-image and background-color instead of full background
- only apply changed background-color on :root (avoid changing the backgrounds for themed elements)
- move styles from modal and drawer in rootscrollgutter where they belong, and only control if they need to be applied from modal and drawer
@pdanpdan pdanpdan changed the title fix(rootcolor): only apply the background image to :root fix(rootcolor): only apply the background image to :root; improve all root(color|scrolllock|scrollgutter) Dec 22, 2025
@pdanpdan pdanpdan marked this pull request as ready for review December 22, 2025 01:01
@saadeghi saadeghi self-assigned this Dec 22, 2025
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.

2 participants