changes to leaf theme

Author: ankurjuneja

packages/themes/themes/leaf/_variables.scss

@@ -16,6 +16,9 @@ $Leaf-anchor-color: #0479a8;
 $Leaf-gray-footer-text: #adadad;
 $Leaf-gray-footer-text-hover: #f9f9f9;
 $Leaf-white: #FFFFFF;
+$Leaf-dark-text: #000000;
+$Leaf-secondary-header: #64803C;
+$Leaf-inactive-tab: #A6BF86;
 
 $lk-theme-dark-accent: $Leaf-accent;
 $lk-theme-light-accent: $Leaf-header;
@@ -54,8 +57,8 @@ $lk-grid-sort-icon-color: $Leaf-gray-footer-text;
 //== Header
 //
 $lk-page-header-bg-color: $Leaf-header;
-$lk-page-header-text-color: $Leaf-page-bkgd;
-$lk-page-header-icon-color: $Leaf-page-bkgd;
+$lk-page-header-text-color: $Leaf-dark-text;
+$lk-page-header-icon-color: $Leaf-dark-text;
 $lk-page-header-font-hover-color: $Leaf-gray-blue;
 $lk-page-header-icon-hover-color: $Leaf-gray-blue;
 
@@ -67,19 +70,19 @@ $lk-text-link-color-hover: $Leaf-gray-darkest;
 
 //== Navigation
 //
-$lk-page-nav-bg-color: $Leaf-accent;
-$lk-page-nav-text-color: $Leaf-page-bkgd;
+$lk-page-nav-bg-color: $Leaf-secondary-header;
+$lk-page-nav-text-color: $Leaf-dark-text;
 $lk-page-nav-active-bg-color: $Leaf-page-bkgd;
-$lk-page-nav-active-text-color: $Leaf-accent;
+$lk-page-nav-active-text-color: $Leaf-dark-text;
 $lk-page-nav-dropdown-item-bg-color: $Leaf-page-bkgd;
-$lk-page-nav-dropdown-item-text-color: $Leaf-accent;
+$lk-page-nav-dropdown-item-text-color: $Leaf-dark-text;
 $lk-page-nav-dropdown-highlight-item-bg-color: $Leaf-accent;
-$lk-page-nav-dropdown-highlight-item-text-color: $Leaf-page-bkgd;
+$lk-page-nav-dropdown-highlight-item-text-color: $Leaf-dark-text;
 $lk-page-nav-dropdown-icon-color: $Leaf-accent;
-$lk-page-nav-secondary-tab-bg-color: color.adjust($Leaf-gray-blue, $hue: -10deg, $lightness: 5%);
-$lk-page-nav-secondary-tab-text-color: $Leaf-accent;
+$lk-page-nav-secondary-tab-bg-color: $Leaf-inactive-tab;
+$lk-page-nav-secondary-tab-text-color: $Leaf-dark-text;
 $lk-page-nav-primary-tab-bg-color: $Leaf-page-bkgd;
-$lk-page-nav-primary-tab-text-color: $Leaf-accent;
+$lk-page-nav-primary-tab-text-color: $Leaf-dark-text;
 $lk-nav-dropdown-color: $Leaf-header;
 //== Panels
 //
@@ -95,7 +98,7 @@ $lk-webpart-title-hover-color: $Leaf-anchor-color;
 //== Tabs (Bootstrap tabs (Export data set dropdown))
 //
 $lk-nav-tab-primary-bg-color: $Leaf-white;
-$lk-nav-tab-secondary-text-color: $Leaf-anchor-color;
+$lk-nav-tab-secondary-text-color: $Leaf-dark-text;
 
 //== Tool Icons
 //