1# Colors
2
3This color palette has been agreed upon by the OpenBMC community and differs
4from the Bootstrap color patterns. The OpenBMC palette includes custom hex
5values, along with additional blue, green, red, and yellow color variables used
6as accent colors for components. The `.scss` component files use these accent
7colors to override default styles set by the Bootstrap library.
8
9- [Learn more about theme customization](/customization/theme/)
10- [Open an issue in the OpenBMC webui-vue repo](https://github.com/openbmc/webui-vue/issues/new/choose)
11  to request a change
12- [Learn more about Bootstrap colors](https://getbootstrap.com/docs/4.4/getting-started/theming/#theme-colors)
13
14## Grays
15
16<colors-grays/>
17
18## Blues
19
20<colors-blues/>
21
22## Greens
23
24<colors-greens/>
25
26## Reds
27
28<colors-reds/>
29
30## Yellows
31
32<colors-yellows/>
33
34## All Colors
35
36`All Colors` is the term Bootstrap uses to describe the colors that make up the
37`colors` map. These colors and the Grays color variables define the
38`theme-colors` map colors.
39
40[Learn more about the Bootstrap color maps](https://getbootstrap.com/docs/4.0/getting-started/theming/#all-colors).
41<colors-all/>
42
43## Theme Colors
44
45The theme colors are keys in the `theme-colors` map. Bootstrap-Vue has a variant
46prop that accepts any of the `theme-colors` keys to set the theme of a
47component.
48
49[Learn more about the Bootstrap theme-colors maps](https://getbootstrap.com/docs/4.0/getting-started/theming/#theme-colors).
50
51<colors-theme/>
52