Merge pull request #381 from GeekyAnts/fix/use-color-mode-content-changes

Updated  Content Changes in use-color-mode

Author: rayan1810

docs/3.0.x/use-color-mode.md

@@ -8,26 +8,26 @@ title: useColorMode
 ## Import
 
 ```jsx
-import { useColorMode } from 'native-base';
+import { useColorMode } from "native-base";
 ```
 
 ## Example
 
 ```jsx isLive=true
-import React from 'react';
+import React from "react";
 import {
   NativeBaseProvider,
   VStack,
   useColorMode,
   Text,
   Button,
   Center,
-} from 'native-base';
+} from "native-base";
 
 function UseColorMode() {
   const { colorMode, toggleColorMode } = useColorMode();
   return (
-    <Center flex={1} bg={colorMode === 'dark' ? 'black' : 'white'}>
+    <Center flex={1} bg={colorMode === "dark" ? "black" : "white"}>
       <Text fontSize="lg" display="flex">
         The active color mode is <Text bold>{colorMode}</Text>
       </Text>
@@ -51,6 +51,6 @@ export function Example() {
 
 | Name            | Type            | Description                                | Default |
 | --------------- | --------------- | ------------------------------------------ | ------- |
-| colorMode       | `light`, `dark` | The active color mode                      | `light` |
+| colorMode       | `light`, `dark` | The active color mode.                     | `light` |
 | setColorMode    | function        | Use to set color mode.                     | -       |
 | toggleColorMode | function        | Use to toggle between light and dark mode. | -       |

docs/3.1.x/use-color-mode.md

@@ -8,26 +8,26 @@ title: useColorMode
 ## Import
 
 ```jsx
-import { useColorMode } from 'native-base';
+import { useColorMode } from "native-base";
 ```
 
 ## Example
 
 ```jsx isLive=true
-import React from 'react';
+import React from "react";
 import {
   NativeBaseProvider,
   VStack,
   useColorMode,
   Text,
   Button,
   Center,
-} from 'native-base';
+} from "native-base";
 
 function UseColorMode() {
   const { colorMode, toggleColorMode } = useColorMode();
   return (
-    <Center flex={1} bg={colorMode === 'dark' ? 'black' : 'white'}>
+    <Center flex={1} bg={colorMode === "dark" ? "black" : "white"}>
       <Text fontSize="lg" display="flex">
         The active color mode is <Text bold>{colorMode}</Text>
       </Text>
@@ -51,6 +51,6 @@ export function Example() {
 
 | Name            | Type            | Description                                | Default |
 | --------------- | --------------- | ------------------------------------------ | ------- |
-| colorMode       | `light`, `dark` | The active color mode                      | `light` |
+| colorMode       | `light`, `dark` | The active color mode.                     | `light` |
 | setColorMode    | function        | Use to set color mode.                     | -       |
 | toggleColorMode | function        | Use to toggle between light and dark mode. | -       |

docs/3.2.x/use-color-mode.md

@@ -8,7 +8,7 @@ title: useColorMode
 ## Import
 
 ```jsx
-import { useColorMode } from 'native-base';
+import { useColorMode } from "native-base";
 ```
 
 ## Example
@@ -21,6 +21,6 @@ import { useColorMode } from 'native-base';
 
 | Name            | Type            | Description                                | Default |
 | --------------- | --------------- | ------------------------------------------ | ------- |
-| colorMode       | `light`, `dark` | The active color mode                      | `light` |
+| colorMode       | `light`, `dark` | The active color mode.                     | `light` |
 | setColorMode    | function        | Use to set color mode.                     | -       |
 | toggleColorMode | function        | Use to toggle between light and dark mode. | -       |

docs/3.3.x/use-color-mode.md

@@ -8,7 +8,7 @@ title: useColorMode
 ## Import
 
 ```jsx
-import { useColorMode } from 'native-base';
+import { useColorMode } from "native-base";
 ```
 
 ## Example
@@ -21,6 +21,6 @@ import { useColorMode } from 'native-base';
 
 | Name            | Type            | Description                                | Default |
 | --------------- | --------------- | ------------------------------------------ | ------- |
-| colorMode       | `light`, `dark` | The active color mode                      | `light` |
+| colorMode       | `light`, `dark` | The active color mode.                     | `light` |
 | setColorMode    | function        | Use to set color mode.                     | -       |
 | toggleColorMode | function        | Use to toggle between light and dark mode. | -       |

docs/3.4.x/use-color-mode.md

@@ -8,7 +8,7 @@ title: useColorMode
 ## Import
 
 ```jsx
-import { useColorMode } from 'native-base';
+import { useColorMode } from "native-base";
 ```
 
 ## Example
@@ -21,6 +21,6 @@ import { useColorMode } from 'native-base';
 
 | Name            | Type            | Description                                | Default |
 | --------------- | --------------- | ------------------------------------------ | ------- |
-| colorMode       | `light`, `dark` | The active color mode                      | `light` |
+| colorMode       | `light`, `dark` | The active color mode.                     | `light` |
 | setColorMode    | function        | Use to set color mode.                     | -       |
 | toggleColorMode | function        | Use to toggle between light and dark mode. | -       |

docs/next/use-color-mode.md

@@ -8,7 +8,7 @@ title: useColorMode
 ## Import
 
 ```jsx
-import { useColorMode } from 'native-base';
+import { useColorMode } from "native-base";
 ```
 
 ## Example
@@ -21,6 +21,6 @@ import { useColorMode } from 'native-base';
 
 | Name            | Type            | Description                                | Default |
 | --------------- | --------------- | ------------------------------------------ | ------- |
-| colorMode       | `light`, `dark` | The active color mode                      | `light` |
+| colorMode       | `light`, `dark` | The active color mode.                     | `light` |
 | setColorMode    | function        | Use to set color mode.                     | -       |
 | toggleColorMode | function        | Use to toggle between light and dark mode. | -       |