From 6e9a097ded0e071332441f3f0b9495da7eb2d3bb Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@buaa.edu.cn>
Date: Sun, 20 Jan 2019 13:44:14 +0800
Subject: [PATCH] [improvement] NavBar: support custom theme (#2570)

---
 packages/nav-bar/index.less | 15 ++++++++-------
 packages/style/var.less     |  9 +++++++++
 2 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/packages/nav-bar/index.less b/packages/nav-bar/index.less
index 090897c08..49bea5c35 100644
--- a/packages/nav-bar/index.less
+++ b/packages/nav-bar/index.less
@@ -1,21 +1,21 @@
 @import '../style/var';
 
 .van-nav-bar {
-  height: 46px;
   position: relative;
   user-select: none;
   text-align: center;
-  line-height: 46px;
-  background-color: @white;
+  height: @nav-bar-height;
+  line-height: @nav-bar-height;
+  background-color: @nav-bar-background-color;
 
   .van-icon {
-    color: @blue;
+    color: @nav-bar-icon-color;
     vertical-align: middle;
   }
 
   &__arrow {
     min-width: 1em;
-    font-size: 16px;
+    font-size: @nav-bar-arrow-size;
 
     + .van-nav-bar__text {
       margin-left: -20px;
@@ -33,7 +33,8 @@
   &__title {
     margin: 0 auto;
     max-width: 60%;
-    font-size: 16px;
+    color: @nav-bar-title-text-color;
+    font-size: @nav-bar-title-font-size;
     font-weight: 500;
   }
 
@@ -53,7 +54,7 @@
   }
 
   &__text {
-    color: @blue;
+    color: @nav-bar-text-color;
     margin: 0 -15px;
     padding: 0 15px;
     display: inline-block;
diff --git a/packages/style/var.less b/packages/style/var.less
index ca80533da..530df54ea 100644
--- a/packages/style/var.less
+++ b/packages/style/var.less
@@ -74,6 +74,15 @@
 @list-text-font-size: 13px;
 @list-text-line-height: 50px;
 
+// NavBar
+@nav-bar-height: 46px;
+@nav-bar-background-color: @white;
+@nav-bar-arrow-size: 16px;
+@nav-bar-icon-color: @blue;
+@nav-bar-text-color: @blue;
+@nav-bar-title-font-size: 16px;
+@nav-bar-title-text-color: @text-color;
+
 // Notify
 @notify-padding: 6px 15px;
 @notify-font-size: 14px;