[x] I have searched the issues of this repository and believe that this is not a duplicate.
Summary 💡
The Material Design documentation states that custom branding is possible by applying a primary colour as an overlay (at 8% opacity) on top of the default #121212 background colour. In the case of a dark theme, the desaturated colour would be applied as an overlay. See https://material.io/design/color/dark-theme.html#properties.
Because the primary colour is already defined by users, e.g. red, purple, etc. I am thinking that a boolean option could be added to the theme object to set automatic background branding.
Examples 🌈
For example, if I set my primary colour to the red object and enable this suggested boolean, let's call it enableBranding, then the background colour and other surfaces colour would be automatically computed by adding this aforementioned overlay.
Motivation 🔦
Simplifying theming and giving more customisation options.
Summary 💡
The Material Design documentation states that custom branding is possible by applying a primary colour as an overlay (at 8% opacity) on top of the default #121212 background colour. In the case of a dark theme, the desaturated colour would be applied as an overlay. See https://material.io/design/color/dark-theme.html#properties.
Because the primary colour is already defined by users, e.g. red, purple, etc. I am thinking that a boolean option could be added to the theme object to set automatic background branding.
Examples 🌈
For example, if I set my primary colour to the
red
object and enable this suggested boolean, let's call itenableBranding
, then the background colour and other surfaces colour would be automatically computed by adding this aforementioned overlay.Motivation 🔦
Simplifying theming and giving more customisation options.