summaryrefslogtreecommitdiff
path: root/docs/guide/guidelines/colors.md
diff options
context:
space:
mode:
authorPatrick Williams <patrick@stwcx.xyz>2022-12-08 15:13:13 +0300
committerPatrick Williams <patrick@stwcx.xyz>2022-12-08 15:13:13 +0300
commit7385e139b0c9efca7430458cee982e63e282f4ae (patch)
tree1bbdb0164e556b76eec72cb558c66974c8f95dd8 /docs/guide/guidelines/colors.md
parentb24a483eda5ca0b0ecdb4f0c61b90d76d0d8e1e0 (diff)
downloadwebui-vue-7385e139b0c9efca7430458cee982e63e282f4ae.tar.xz
prettier: re-format
Prettier is enabled in openbmc-build-scripts on Markdown, JSON, and YAML files to have consistent formatting for these file types. Re-run the formatter on the whole repository. Change-Id: I2804ee3ab5ff6bcbf986b028db2fafec8e616779 Signed-off-by: Patrick Williams <patrick@stwcx.xyz>
Diffstat (limited to 'docs/guide/guidelines/colors.md')
-rw-r--r--docs/guide/guidelines/colors.md25
1 files changed, 13 insertions, 12 deletions
diff --git a/docs/guide/guidelines/colors.md b/docs/guide/guidelines/colors.md
index 3ba91b6a..6ddcfeee 100644
--- a/docs/guide/guidelines/colors.md
+++ b/docs/guide/guidelines/colors.md
@@ -1,4 +1,5 @@
# Colors
+
This color palette has been agreed upon by the OpenBMC community and differs
from the Bootstrap color patterns. The OpenBMC palette includes custom hex
values, along with additional blue, green, red, and yellow color variables used
@@ -6,45 +7,45 @@ as accent colors for components. The `.scss` component files use these accent
colors to override default styles set by the Bootstrap library.
- [Learn more about theme customization](/customization/theme/)
-- [Open an issue in the OpenBMC webui-vue
- repo](https://github.com/openbmc/webui-vue/issues/new/choose) to request a
- change
-- [Learn more about Bootstrap
- colors](https://getbootstrap.com/docs/4.4/getting-started/theming/#theme-colors)
+- [Open an issue in the OpenBMC webui-vue repo](https://github.com/openbmc/webui-vue/issues/new/choose)
+ to request a change
+- [Learn more about Bootstrap colors](https://getbootstrap.com/docs/4.4/getting-started/theming/#theme-colors)
## Grays
+
<colors-grays/>
## Blues
+
<colors-blues/>
## Greens
+
<colors-greens/>
## Reds
+
<colors-reds/>
## Yellows
+
<colors-yellows/>
## All Colors
+
`All Colors` is the term Bootstrap uses to describe the colors that make up the
`colors` map. These colors and the Grays color variables define the
`theme-colors` map colors.
-[Learn more about the Bootstrap color
-maps](https://getbootstrap.com/docs/4.0/getting-started/theming/#all-colors).
+[Learn more about the Bootstrap color maps](https://getbootstrap.com/docs/4.0/getting-started/theming/#all-colors).
<colors-all/>
## Theme Colors
+
The theme colors are keys in the `theme-colors` map. Bootstrap-Vue has a variant
prop that accepts any of the `theme-colors` keys to set the theme of a
component.
-[Learn more about the Bootstrap theme-colors
-maps](https://getbootstrap.com/docs/4.0/getting-started/theming/#theme-colors).
+[Learn more about the Bootstrap theme-colors maps](https://getbootstrap.com/docs/4.0/getting-started/theming/#theme-colors).
<colors-theme/>
-
-
-