fix(customization in readme.md): added Customization section in readm…

…e.md

README.md

@@ -34,6 +34,7 @@ FE-Theme is a styled-component based comprehensive library of accessible, reusab
 1. 🚀 [Features](#features)
 2. 📦 [Installation](#installation)
 3. 💻 [Usage](#usage)
+4. ⚙️  [Customization](#customization)
 4. 📚 [Online Editor Templates](#online-editor-templates)
 5. 📝 [Contributing](#contributing)
 6. ✨ [Contributors](#contributors)
@@ -91,9 +92,16 @@ import Button from 'fe-theme/Button';
 ```
 
   Wow, the configuration is quite simple, but wait... button design is different in your application. 
-  No worry, follow step 3, 4.
+  No worry, Checkout Customization.
 
-#### 3. Create your own theme
+
+## Customization
+
+#### 1. Create your own theme
+
+==> You can generate config files for all the component automatically using command line [Check Commands](./.github/COMMAND.md).
+
+==> You can also generate it Manually, follow steps given below.
 
    **a)** Create an empty folder called ```fe-theme-config``` in your application at any location.
 
@@ -134,9 +142,8 @@ export default {
 };
 
 ```
-Yeah, We have created config files Mannually but You can also generate config files automatically using command line [Check Commands](./.github/COMMAND.md)
 
-#### 4. Pass the newly created theme file in init function
+#### 2. Pass the newly created theme file in init function
 
 ```js
 import { ThemeProvider } from 'styled-components';

__appset/configFontFamily.js

@@ -1,7 +1,7 @@
 const FontFamily = {
-  "roboto": "Roboto",
-  "averta": "Averta",
-  "sans": "Open Sans,sans-serif"
-}
+  roboto: 'Roboto',
+  averta: 'Averta',
+  sans: 'Open Sans,sans-serif',
+};
 
-export default FontFamily
+export default FontFamily;

__appset/configFontSize.js

@@ -1,18 +1,18 @@
 const FontSize = {
-  "xxxxxl": "48px",
-  "xxxxl": "32px",
-  "xxxl": "28px",
-  "xxl": "24px",
-  "xl": "20px",
-  "l": "18px",
-  "m": "16px",
-  "md": "15px",
-  "s": "14px",
-  "sm": "13px",
-  "xs": "12px",
-  "xxs": "11px",
-  "xxxs": "10px",
-  "xxxxs": "8px"
-}
+  xxxxxl: '48px',
+  xxxxl: '32px',
+  xxxl: '28px',
+  xxl: '24px',
+  xl: '20px',
+  l: '18px',
+  m: '16px',
+  md: '15px',
+  s: '14px',
+  sm: '13px',
+  xs: '12px',
+  xxs: '11px',
+  xxxs: '10px',
+  xxxxs: '8px',
+};
 
-export default FontSize
+export default FontSize;

__appset/configFontWeight.js

@@ -1,8 +1,8 @@
 const FontWeight = {
-  "normal": "400",
-  "medium": "500",
-  "semibold": "600",
-  "bold": "700"
-}
+  normal: '400',
+  medium: '500',
+  semibold: '600',
+  bold: '700',
+};
 
-export default FontWeight
+export default FontWeight;

__appset/configInput.js

@@ -1,17 +1,17 @@
 const Input = {
-  "borderRadius": "4px",
-  "primary": {
-    "borderColor": "white"
+  borderRadius: '4px',
+  primary: {
+    borderColor: 'white',
   },
-  "secondary": {
-    "borderColor": "white"
+  secondary: {
+    borderColor: 'white',
   },
-  "tertiary": {
-    "borderColor": "white"
+  tertiary: {
+    borderColor: 'white',
   },
-  "quaternary": {
-    "borderColor": "white"
-  }
-}
+  quaternary: {
+    borderColor: 'white',
+  },
+};
 
-export default Input
+export default Input;