From 6445a4b740c00b002a650a7e5d763193967125f5 Mon Sep 17 00:00:00 2001
From: Artur Yorsh <artyorsh.me@gmail.com>
Date: Wed, 12 Jun 2019 17:23:50 +0300
Subject: [PATCH] fix(docs): theme import typo

---
 README.md                                                     | 4 ++--
 docs/src/guides/theme-switching.md                            | 4 ++--
 docs/src/guides/theme-system.md                               | 4 ++--
 docs/src/guides/theme-using-mapping.md                        | 4 ++--
 .../theme/application/applicationProvider.component.tsx       | 4 ++--
 5 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/README.md b/README.md
index 69f95e274..e71839cc2 100644
--- a/README.md
+++ b/README.md
@@ -41,14 +41,14 @@ Modify your application root:
 
 ```jsx
 import React from 'react';
-import { mapping, theme } from '@eva-design/eva';
+import { mapping, light as lightTheme } from '@eva-design/eva';
 import { ApplicationProvider } from 'react-native-ui-kitten';
 import { Application } from './path-to/application.component';
 
 export default App = () => (
   <ApplicationProvider 
     mapping={mapping}
-    theme={theme}
+    theme={lightTheme}
     <Application/>
   </ApplicationProvider>
 );
diff --git a/docs/src/guides/theme-switching.md b/docs/src/guides/theme-switching.md
index 418f7e728..4a98b9c5f 100644
--- a/docs/src/guides/theme-switching.md
+++ b/docs/src/guides/theme-switching.md
@@ -9,7 +9,7 @@ through the property into the `ApplicationProvider`.
 ### Changing Theme Example
 
 ```tsx
-import { mapping, theme } from '@eva-design/eva';
+import { mapping, light as lightTheme } from '@eva-design/eva';
 import { customTheme } from './path-to/custom-theme;
 import {
   ApplicationProvider,
@@ -24,7 +24,7 @@ interface AppState {
 export default class App extends React.Component<any, State> {
 
   public state: State = {
-    theme: theme,
+    theme: lightTheme,
   };
   
   private changeTheme = () => {
diff --git a/docs/src/guides/theme-system.md b/docs/src/guides/theme-system.md
index 30b22d4a2..d795660ad 100644
--- a/docs/src/guides/theme-system.md
+++ b/docs/src/guides/theme-system.md
@@ -25,7 +25,7 @@ npm i @eva-design/eva
 ### Applying Theme System
 
 ```tsx
-import { mapping, theme } from '@eva-design/eva';
+import { mapping, light as lightTheme } from '@eva-design/eva';
 import { ApplicationProvider } from 'react-native-ui-kitten';
 import { Application } from './path-to/root.component';
 
@@ -35,7 +35,7 @@ export default class App extends React.Component {
      return (
        <ApplicationProvider
          mapping={mapping}
-         theme={theme}>
+         theme={lightTheme}>
          <Application/>
        </ApplicationProvider>
      );
diff --git a/docs/src/guides/theme-using-mapping.md b/docs/src/guides/theme-using-mapping.md
index 5cfb02fdf..d43e1bb1b 100644
--- a/docs/src/guides/theme-using-mapping.md
+++ b/docs/src/guides/theme-using-mapping.md
@@ -121,7 +121,7 @@ All that you have to do is to provide a custom mapping to ApplicationProvider.
 
 ```tsx
 import React from 'react';
-import { mapping, theme } from '@eva-design/eva';
+import { mapping, light as lightTheme } from '@eva-design/eva';
 @import { 
   ApplicationProvider,
   ApplicationProviderProps,
@@ -135,7 +135,7 @@ export default class App extends React.Component<ApplicationProviderProps> {
     return (
       <ApplicationProvider
         mapping={mapping}
-        theme={theme}
+        theme={lightTheme}
         customMapping={customMapping}>
         <Application/>
       </ApplicationProvider>
diff --git a/src/framework/theme/application/applicationProvider.component.tsx b/src/framework/theme/application/applicationProvider.component.tsx
index ad6da9058..1e85774b9 100644
--- a/src/framework/theme/application/applicationProvider.component.tsx
+++ b/src/framework/theme/application/applicationProvider.component.tsx
@@ -54,7 +54,7 @@ interface State {
  *
  * ```
  * import React from 'react';
- * import { mapping, theme } from '@eva-design/eva';
+ * import { mapping, light as lightTheme } from '@eva-design/eva';
  * import { ApplicationProvider } from 'react-native-ui-kitten';
  * import { Application } from './path-to/root.component';
  *
@@ -64,7 +64,7 @@ interface State {
  *     return (
  *       <ApplicationProvider
  *         mapping={mapping}
- *         theme={theme}>
+ *         theme={lightTheme}>
  *         <Application/>
  *       </ApplicationProvider>
  *     );