Metadata
- Source
- FLUID-6606
- Type
- Improvement
- Priority
- Major
- Status
- Open
- Resolution
- N/A
- Assignee
- N/A
- Reporter
- Ned Zimmerman
- Created
2021-03-24T10:43:29.335-0400 - Updated
2022-02-03T10:38:37.447-0500 - Versions
- N/A
- Fixed Versions
-
- 5.0
- Component
-
- UI Options
Description
Currently, when a user applies a contrast theme, the UIO preference pane retains its default theme until the user has dismissed and reopened the pane. This ensures that the pane's content remains readable in case the applied theme is not. Right now, this is implemented using an iframe. It would be good (perhaps alongside a change like that proposed in FLUID-6605) to explore a way of scoping styles to do this without requiring an iframe, which would reduce much complexity. See: https://matrix.to/#/!mDigWuPWilYGiEcOCA:matrix.org/$d8jdfqOPfVSkUQw9mfrmZvWTX_J3_6Q-LmAIoIvjGAk?via=matrix.org
Comments
-
Justin Obara commented
2021-10-06T09:37:03.700-0400 Some discussions from the fluid-work matrix channel.
Codepen example: https://codepen.io/jobara/pen/BaROLEq
The gist is that we'd likely need to explicitly style the prefs editor, for all the parts that are affected by preferences. When adding a new preference we'd need to ensure that the base styling is added to the prefs editor as well.
Some other gotchas of CSS custom properties: https://twitter.com/5t3ph/status/1415114455831175169