custom color theme part 1

resources/js/components/Others/Forms/FormLabel.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="form-label">
-        <edit-2-icon size="22" class="icon"></edit-2-icon>
+        <edit-2-icon size="22" class="icon text-theme" />
         <b class="label">
             <slot></slot>
         </b>
@@ -31,7 +31,7 @@
             margin-right: 10px;
 
             path {
-                stroke: $theme;
+                color: inherit;
             }
         }
 

resources/js/components/Others/Forms/SelectInput.vue

@@ -18,7 +18,7 @@
                 <span class="option-value placehoder">{{ placeholder }}</span>
             </div>
 
-            <chevron-down-icon size="19" class="chevron"></chevron-down-icon>
+            <chevron-down-icon size="19" class="chevron" />
         </div>
 
         <!--Options-->
@@ -117,7 +117,9 @@
     }
 
     .input-area {
-        border: 1px solid transparent;
+        border-width: 1px;
+        border-style: solid;
+        border-color: transparent;
         justify-content: space-between;
         box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12);
         //background: $light_mode_input_background;
@@ -135,8 +137,7 @@
         }
 
         &.is-active {
-            border-color: $theme;
-            box-shadow: 0 0 7px rgba($theme, 0.3);
+            //box-shadow: 0 0 7px rgba($theme, 0.3);
 
             .chevron {
                 @include transform(rotate(180deg));

resources/js/components/Others/Forms/SwitchInput.vue

@@ -83,7 +83,6 @@
         }
 
         &.active {
-            background: $theme;
 
             .switch-button {
                 left: 25px;