The theme.css file includes several CSS variables that are only active when either a data-theme attribute is present or the user's prefers-color-scheme is set to dark. In the absence of a data-theme attribute, the component will appear unstyled in light mode (e.g. lack of borders and colors) but properly styled in dark mode. It would be better to provide styling for the light mode as well, instead of leaving the component unstyled.
The
theme.css
file includes several CSS variables that are only active when either adata-theme
attribute is present or the user'sprefers-color-scheme
is set to dark. In the absence of adata-theme
attribute, the component will appear unstyled in light mode (e.g. lack of borders and colors) but properly styled in dark mode. It would be better to provide styling for the light mode as well, instead of leaving the component unstyled.