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](/themes/) 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