Update .env documentaion

Remove theme-colors map example from documentation since this is a
pattern we want to avoid.
Updates to change "openpower" reference to "ibm"

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I1715508c91853c35a4169d3fd27ee2f9021eb444

1 files changed, 11 insertions, 12 deletions

diff --git a/src/env/env.md b/src/env/env.md
index f07375a8..92c3f236 100644
--- a/src/env/env.md
+++ b/src/env/env.md
@@ -15,11 +15,11 @@ This document provides instructions for how to add environment specific modifica
 2. Add `NODE_ENV=production` key value pair in the file
 3. Add `VUE_APP_ENV_NAME` key with the value set to the new environment name
 
-Example `.env.openpower`:
+Example `.env.ibm`:
 
 ```
 NODE_ENV=production
-VUE_APP_ENV_NAME=openpower
+VUE_APP_ENV_NAME=ibm
 ```
 
 ## Store
@@ -33,7 +33,7 @@ VUE_APP_ENV_NAME=openpower
 4. Use the [Vuex](https://vuex.vuejs.org/api/#registermodule) `registerModule` and `unregisterModule` instance methods to add/remove store modules
 5. Add default export
 
-Example `src/env/store/openpower.js`:
+Example `src/env/store/ibm.js`:
 
 ```
 import store from '@/store; //@ aliases to src directory
@@ -54,7 +54,7 @@ export default store;
 4. Use the [Vue Router](https://router.vuejs.org/api/#router-addroutes) `addRoutes` instance method to define new routes
 5. Add default export
 
-Example `src/env/router/openpower.js`:
+Example `src/env/router/ibm.js`:
 
 ```
 import router from '@/router'; //@ aliases to src directory
@@ -85,18 +85,17 @@ export default router;
 
 1. Create a `_<ENV_NAME>.scss` partial in `src/env/assets/styles`
     >The filename needs to match the `VUE_APP_ENV_NAME` value defined in the .env file. The webpack sass loader will attempt to import a file with this name.
-2. Add style customizations. Refer to [bootstrap documentation](https://getbootstrap.com/docs/4.5/getting-started/theming/) for details about [variable override options](https://getbootstrap.com/docs/4.5/getting-started/theming/#sass-options) and [theme color maps](https://getbootstrap.com/docs/4.5/getting-started/theming/#maps-and-loops).
+2. Add style customizations. Refer to [bootstrap documentation](https://getbootstrap.com/docs/4.5/getting-started/theming/) for details about [color overrides](https://getbootstrap.com/docs/4.5/getting-started/theming/#variable-defaults) and [other customizable options](https://getbootstrap.com/docs/4.5/getting-started/theming/#sass-options).
 
 Example for adding custom colors
 
-`src/env/assets/styles/_openpower.scss`
+`src/env/assets/styles/_ibm.scss`
 
 ```
 // Custom theme colors
-$theme-colors: (
-  "primary": rebeccapurple,
-  "success": lime
-);
+
+$primary: rebeccapurple;
+$success: lime;
 ```
 
 ## Local development
@@ -113,7 +112,7 @@ Run npm build script with vue-cli `--mode` [option flag](https://cli.vuejs.org/g
 
 
 ```
-npm run build -- --mode openpower
+npm run build -- --mode ibm
 ```
 
 
@@ -122,5 +121,5 @@ npm run build -- --mode openpower
 pass env variable directly to script
 
 ```
-VUE_APP_ENV_NAME=openpower npm run build
+VUE_APP_ENV_NAME=ibm npm run build
 ```
\ No newline at end of file