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