From 63e7b8451886ee3ca7e5bbd71d814d0146536a72 Mon Sep 17 00:00:00 2001
From: whitzhu <whitzhu@gmail.com>
Date: Thu, 28 Jul 2016 09:45:26 -0700
Subject: [PATCH] Updated pageicon for Learn-Page and Explore-Page so it's text
 color versus action color

---
 kolibri/core/assets/src/core-global.styl                    | 2 ++
 kolibri/plugins/learn/assets/src/vue/explore-page/index.vue | 4 ++--
 kolibri/plugins/learn/assets/src/vue/learn-page/index.vue   | 2 +-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/kolibri/core/assets/src/core-global.styl b/kolibri/core/assets/src/core-global.styl
index 20d99a1cdd9..7e5553a3609 100644
--- a/kolibri/core/assets/src/core-global.styl
+++ b/kolibri/core/assets/src/core-global.styl
@@ -62,6 +62,8 @@ img
 svg:not(:root)
   overflow: hidden
 
+.pageicon
+  fill: $core-text-default
 
 button
   // structure (from https://github.com/yahoo/pure/blob/master/src/buttons/css/buttons-core.css)
diff --git a/kolibri/plugins/learn/assets/src/vue/explore-page/index.vue b/kolibri/plugins/learn/assets/src/vue/explore-page/index.vue
index 3b49362c851..8eac0c0df73 100644
--- a/kolibri/plugins/learn/assets/src/vue/explore-page/index.vue
+++ b/kolibri/plugins/learn/assets/src/vue/explore-page/index.vue
@@ -10,8 +10,8 @@
         :crumbs='topic.breadcrumbs'>
       </breadcrumbs>
       <div slot='icon'>
-        <svg v-if="isRoot" src="../icons/explore.svg"></svg>
-        <svg v-else src="../icons/folder.svg"></svg>
+        <svg v-if="isRoot" class="pageicon" src="../icons/explore.svg"></svg>
+        <svg v-else class="pageicon" src="../icons/folder.svg"></svg>
       </div>
     </page-header>
 
diff --git a/kolibri/plugins/learn/assets/src/vue/learn-page/index.vue b/kolibri/plugins/learn/assets/src/vue/learn-page/index.vue
index b107a4146e6..fe83f6e3b9c 100644
--- a/kolibri/plugins/learn/assets/src/vue/learn-page/index.vue
+++ b/kolibri/plugins/learn/assets/src/vue/learn-page/index.vue
@@ -2,7 +2,7 @@
 
   <div>
     <page-header title="Learn">
-      <svg slot="icon" src="../icons/learn.svg"></svg>
+      <svg slot="icon" class="pageicon" src="../icons/learn.svg"></svg>
     </page-header>
     <expandable-content-grid :contents="recommendations"></expandable-content-grid>
   </div>