Bootstrap
Monochromatic mode
#36832
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
{{ message }}
-
Prerequisites
Proposal
Monochromatic themes
Why does the Bootstrap framework even need to set colors? Let the developer select the color they want, and Bootstrap only manages the contrasts between the components.
For DarkMode:
For LightMode
Developers could also create themes with yellow-100, purple-900, etc. Bootstrap could also limit to a few colors by default.
Contrast groups. Not colors.
Traditionally Bootstrap associates words with colors "Primary" is blue, "Success" is green, "Warning" is yellow, etc. That's color psychology, and Bootstrap could offer that as a feature. However, I think components should be colored with "bs-gray-100", "bs-gray-900", etc.
I also think the labels "Dark", "Light", "Secondary", "Tertiary", and "Background" are more associated with contrast than color. I think that's good. Maybe use new names however, as these have been defined and associated with color.
Polychromatic themes
If Bootstrap only controls the contrast, then how do I create themes which are not monochromatic?
For DarkMode with a blue button:
Motivation and context
Reduces the cognitive load on the developer
(a) Developers already know the names of colors, so they wouldn't need to use Bootstrap specific keywords "Primary", "Secondary", "Tertiary", "Dark", "Light", "navbar-dark", "navbar-light", "text-bg-light", "bg-light", etc.
(b) Developers only need to add the color to the parent component, and child components below would inherit the color.
Reduces the code and maintenance of Bootstrap. Instead of managing "Dark", "Light", "Primary", "Secondary", etc. Bootstrap would only manage the contrast.
Beta Was this translation helpful? Give feedback.
All reactions