fix: color contrast

components/collections/graphql/Collection.vue

@@ -13,7 +13,7 @@
         class="cursor-pointer flex w-10 justify-center items-center truncate"
         @click="toggleShowChildren()"
       >
-        <i class="material-icons" :class="{ 'text-green-400': isSelected }">
+        <i class="material-icons" :class="{ 'text-green-500': isSelected }">
           {{ getCollectionIcon }}
         </i>
       </span>

components/collections/graphql/Folder.vue

@@ -13,7 +13,7 @@
         class="cursor-pointer flex w-10 justify-center items-center truncate"
         @click="toggleShowChildren()"
       >
-        <i class="material-icons" :class="{ 'text-green-400': isSelected }">
+        <i class="material-icons" :class="{ 'text-green-500': isSelected }">
           {{ getCollectionIcon }}
         </i>
       </span>

components/collections/graphql/Request.vue

@@ -21,7 +21,7 @@
         "
         @click="!doc ? selectRequest() : {}"
       >
-        <i class="material-icons" :class="{ 'text-green-400': isSelected }">
+        <i class="material-icons" :class="{ 'text-green-500': isSelected }">
           {{ isSelected ? "check_circle" : "description" }}
         </i>
       </span>

components/collections/graphql/index.vue

@@ -70,6 +70,7 @@
       </span>
       <ButtonSecondary
         :label="$t('add_new')"
+        outline
         @click.native="displayModalAdd(true)"
       />
     </div>

components/collections/index.vue

@@ -113,9 +113,11 @@
         disabled
         :title="$t('disable_new_collection')"
         :label="$t('add_new')"
+        outline
       />
       <ButtonSecondary
         v-else
+        outline
         :label="$t('add_new')"
         @click.native="displayModalAdd(true)"
       />

components/collections/my/Collection.vue

@@ -13,7 +13,7 @@
         class="cursor-pointer flex w-10 justify-center items-center truncate"
         @click="toggleShowChildren()"
       >
-        <i class="material-icons" :class="{ 'text-green-400': isSelected }">
+        <i class="material-icons" :class="{ 'text-green-500': isSelected }">
           {{ getCollectionIcon }}
         </i>
       </span>

components/collections/my/Folder.vue

@@ -13,7 +13,7 @@
         class="cursor-pointer flex w-10 justify-center items-center truncate"
         @click="toggleShowChildren()"
       >
-        <i class="material-icons" :class="{ 'text-green-400': isSelected }">
+        <i class="material-icons" :class="{ 'text-green-500': isSelected }">
           {{ getCollectionIcon }}
         </i>
       </span>

components/collections/my/Request.vue

@@ -25,7 +25,7 @@
         <i
           v-if="isSelected"
           class="material-icons"
-          :class="{ 'text-green-400': isSelected }"
+          :class="{ 'text-green-500': isSelected }"
         >
           check_circle
         </i>
@@ -128,11 +128,11 @@ export default {
     return {
       dragging: false,
       requestMethodLabels: {
-        get: "text-green-400",
-        post: "text-yellow-400",
-        put: "text-blue-400",
-        delete: "text-red-400",
-        default: "text-gray-400",
+        get: "text-green-500",
+        post: "text-yellow-500",
+        put: "text-blue-500",
+        delete: "text-red-500",
+        default: "text-gray-500",
       },
       confirmRemove: false,
     }

components/collections/teams/Collection.vue

@@ -5,7 +5,7 @@
         class="cursor-pointer flex w-10 justify-center items-center truncate"
         @click="toggleShowChildren()"
       >
-        <i class="material-icons" :class="{ 'text-green-400': isSelected }">
+        <i class="material-icons" :class="{ 'text-green-500': isSelected }">
           {{ getCollectionIcon }}
         </i>
       </span>

components/collections/teams/Folder.vue

@@ -5,7 +5,7 @@
         class="cursor-pointer flex w-10 justify-center items-center truncate"
         @click="toggleShowChildren()"
       >
-        <i class="material-icons" :class="{ 'text-green-400': isSelected }">
+        <i class="material-icons" :class="{ 'text-green-500': isSelected }">
           {{ getCollectionIcon }}
         </i>
       </span>

components/collections/teams/Request.vue

@@ -18,7 +18,7 @@
         <i
           v-if="isSelected"
           class="material-icons"
-          :class="{ 'text-green-400': isSelected }"
+          :class="{ 'text-green-500': isSelected }"
         >
           check_circle
         </i>
@@ -119,11 +119,11 @@ export default {
   data() {
     return {
       requestMethodLabels: {
-        get: "text-green-400",
-        post: "text-yellow-400",
-        put: "text-blue-400",
-        delete: "text-red-400",
-        default: "text-gray-400",
+        get: "text-green-500",
+        post: "text-yellow-500",
+        put: "text-blue-500",
+        delete: "text-red-500",
+        default: "text-gray-500",
       },
       confirmRemove: false,
     }