refactor(sass): change styles paths

gulp/styles.js

@@ -26,13 +26,13 @@ var buildStyles = function() {
   };
 
   var injectFiles = gulp.src([
-    path.join(conf.paths.src, '/sass/**/_*.scss')
+    path.join(conf.paths.src, '/sass/**/_*.scss'),
+    '!' + path.join(conf.paths.src, '/sass/theme/conf/**/*.scss')
   ], { read: false });
 
   var injectOptions = {
     transform: function(filePath) {
       filePath = filePath.replace(conf.paths.src + '/sass/', '');
-      console.log(filePath);
       return '@import "' + filePath + '";';
     },
     starttag: '// injector',

src/sass/common.scss

@@ -0,0 +1,2 @@
+@import 'theme/conf/variables';
+@import 'theme/conf/mixins';

src/sass/main.scss

@@ -1,2 +1,4 @@
+@import 'common';
+
 // injector
 // endinjector

src/sass/theme/_mixins.scss → src/sass/theme/conf/_mixins.scss

@@ -50,4 +50,33 @@
   &:-ms-input-placeholder {
     color: $color;
   }
+}
+
+@mixin overrideColors($color) {
+  color: $color;
+
+  p,.pie-charts,.panel-heading>.dropdown .dropdown-toggle, .panel-title, .panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a,.traffic-text span, .form-group label {
+    color: $color;
+  }
+  .traffic-text {
+    color: $warning;
+  }
+  .feed-message .message-time, .text-muted {
+    color: darken($color, 20);
+  }
+}
+
+@mixin overridePanelBg($color, $borderColor, $dropdownColor) {
+  .panel, .panel:hover {
+    border-color: $borderColor;
+    background-color: $color;
+  }
+
+  .progress {
+    background: $color;
+  }
+
+  .dropdown-menu {
+    background-color: $dropdownColor;
+  }
 }