From 02a186fc1ed1e97efe9a3f453268a7d4c8c7acf7 Mon Sep 17 00:00:00 2001
From: Gerard Brull <gbblanes@gmail.com>
Date: Fri, 21 Jun 2019 16:35:04 +0200
Subject: [PATCH] docs(colors): improve styling (#37)

---
 src/content/Colors/Colors.md  | 20 +++++++++++++++-----
 src/content/Colors/Colors.tsx |  6 +++++-
 2 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/src/content/Colors/Colors.md b/src/content/Colors/Colors.md
index b897f370d..f23dcd8ae 100644
--- a/src/content/Colors/Colors.md
+++ b/src/content/Colors/Colors.md
@@ -14,20 +14,30 @@ You can modify the Colors component with a js object of colors. See props & meth
 
 ### Base Colors
 
-    <Colors defaultSection='base' />
+```js noeditor
+<Colors defaultSection="base" />
+```
 
 ### Primary Colors
 
-    <Colors defaultSection='primary' />
+```js noeditor
+<Colors defaultSection="primary" />
+```
 
 ### Extended Colors
 
-    <Colors defaultSection='extended' />
+```js noeditor
+<Colors defaultSection="extended" />
+```
 
 ### Neutral Colors
 
-    <Colors defaultSection='neutral' />
+```js noeditor
+<Colors defaultSection="neutral" />
+```
 
 ### Alert Colors
 
-    <Colors defaultSection='alert' />
+```js noeditor
+<Colors defaultSection="alert" />
+```
diff --git a/src/content/Colors/Colors.tsx b/src/content/Colors/Colors.tsx
index 382995a29..7851d72b4 100644
--- a/src/content/Colors/Colors.tsx
+++ b/src/content/Colors/Colors.tsx
@@ -35,11 +35,15 @@ export interface IColorsProps {
    * Object with the colors for testing purposes.
    * The key must be the name of the color and the value the color itself as in css. (e.g: { red: '#ff0000' }).
    * @default defaultColors of Zopa
+   * @ignore
    */
   colors?: {
     [colorName: string]: string;
   };
-  /** section of the default colors */
+  /**
+   * section of the default colors
+   * @ignore
+   */
   defaultSection: 'base' | 'primary' | 'extended' | 'neutral' | 'alert';
 }