custom color theme part 1

resources/js/components/Others/Tables/DatatableWrapper.vue

@@ -10,7 +10,7 @@
                     :class="{ 'sortable': column.sortable }"
                     v-if="! column.hidden"
                 >
-                    <span>{{ column.label }}</span>
+                    <span class="text-theme">{{ column.label }}</span>
 
                     <chevron-up-icon v-if="column.sortable" :class="{ 'arrow-down': filter.sort === 'ASC' }" size="14" class="filter-arrow"></chevron-up-icon>
                 </th>
@@ -272,7 +272,6 @@ export default {
                 text-align: left;
 
                 span {
-                    color: $theme;
                     font-weight: 700;
                     @include font-size(12);
                     white-space: nowrap;
@@ -311,7 +310,6 @@ export default {
 
         span {
             font-size: 13px;
-            color: $text-muted;
             font-weight: bold;
         }
     }