From e72757fa3a3d671ba6beb20809b8d7c11d059428 Mon Sep 17 00:00:00 2001
From: Laercio Santana <laerciosantana021@hotmail.com>
Date: Sat, 18 Mar 2017 17:16:47 -0300
Subject: [PATCH] [rating-bar] add basic colors support

---
 src/components/mdRatingBar/mdRatingBar.scss  |  1 -
 src/components/mdRatingBar/mdRatingBar.theme | 17 +++++++++++++++++
 src/components/mdRatingBar/mdRatingBar.vue   |  2 +-
 3 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/components/mdRatingBar/mdRatingBar.scss b/src/components/mdRatingBar/mdRatingBar.scss
index eb21ed7..8c71d46 100644
--- a/src/components/mdRatingBar/mdRatingBar.scss
+++ b/src/components/mdRatingBar/mdRatingBar.scss
@@ -5,7 +5,6 @@ $button-radius: 2px;
 .md-rating-bar {
   width: auto;
   display: flex;
-  color: rgba(#000, .3);
   width: fit-content;
 
   > .front-stars {
diff --git a/src/components/mdRatingBar/mdRatingBar.theme b/src/components/mdRatingBar/mdRatingBar.theme
index edc0d56..2156809 100644
--- a/src/components/mdRatingBar/mdRatingBar.theme
+++ b/src/components/mdRatingBar/mdRatingBar.theme
@@ -1,3 +1,20 @@
 .THEME_NAME {
+  &.md-rating-bar {
+    .md-icon {
+      color: #{'BACKGROUND-CONTRAST-0.3'};
+    }
 
+    &.md-primary > .front-stars .md-icon {
+      color: #{'PRIMARY-COLOR'};
+    }
+
+    &.md-accent > .front-stars .md-icon {
+      color: #{'ACCENT-COLOR'};
+
+    }
+
+    &.md-warn > .front-stars .md-icon {
+      color: #{'WARN-COLOR'};
+    }
+  }
 }
diff --git a/src/components/mdRatingBar/mdRatingBar.vue b/src/components/mdRatingBar/mdRatingBar.vue
index cc9e1a8..36781f3 100644
--- a/src/components/mdRatingBar/mdRatingBar.vue
+++ b/src/components/mdRatingBar/mdRatingBar.vue
@@ -7,7 +7,7 @@
                @mouseout.native="onMouseOut">star</md-icon>
     </div>
     <div class="front-stars" :style="frontStarsStyle">
-      <md-icon v-for="i in numStars" class="md-accent"
+      <md-icon v-for="i in numStars"
                @mouseover.native="hoverStars"
                @click.native="clickStars"
                @mouseout.native="onMouseOut">star</md-icon>