Usually, these preferences are set on our device to be applied to all applications.
The CSS prefers-reduced-transparency media query allows you to optimize your elements to use less or no transparency by detecting whether a user has set a reduced transparency preference on their device settings.
The second is light-dark(), which sets a light or dark theme.
[
add
]
[
|
|
...
]