Most styles are defined in a single styles.css file, but some styles are defined in component-local CSS objects. Some styles are defined inline in JSX.
The local component CSS rules out the possibility of supporting separate skins for the player.
The layout of the player is tightly coupled to the component structure. (Maybe a fixed layout is fine for now.)
In order to support themes, all the CSS needs to exist either in a styles.css file, or using a CSS-in-JS library.
Right now the CSS style situation is scattered.
Most styles are defined in a single styles.css file, but some styles are defined in component-local CSS objects. Some styles are defined inline in JSX.
The local component CSS rules out the possibility of supporting separate skins for the player.
The layout of the player is tightly coupled to the component structure. (Maybe a fixed layout is fine for now.)
In order to support themes, all the CSS needs to exist either in a styles.css file, or using a CSS-in-JS library.