diff --git a/src/components/BaseComponents/IconButton.vue b/src/components/BaseComponents/IconButton.vue
index 4bacbdf64c9f36c6ce5e9bc29146e24737f55ea4..973f04c78f374cdb6f8e728c59bd416d1aca4cf8 100644
--- a/src/components/BaseComponents/IconButton.vue
+++ b/src/components/BaseComponents/IconButton.vue
@@ -1,7 +1,7 @@
<template>
<!-- Icon button -->
<button
- class="block w-fit text-white text-base bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
+ class="block w-fit text-white text-base bg-primary-medium hover:bg-primary-dark focus:ring-4 focus:outline-none focus:ring-primary-light font-medium rounded-lg text-center dark:bg-primary-medium dark:hover:bg-primary-dark dark:focus:ring-primary-dark"
>
<div class="flex flex-row px-5 py-2.5 h-10">
<!-- Icon slot: Default content "Ban"-icon -->
diff --git a/src/components/ChatComponents/ChatMessage.vue b/src/components/ChatComponents/ChatMessage.vue
index d3e016a3d4b947d0b90cedb3ea9e07093a47a206..7ba2ab476cd67f806dd332425f71864089f3e925 100644
--- a/src/components/ChatComponents/ChatMessage.vue
+++ b/src/components/ChatComponents/ChatMessage.vue
@@ -34,7 +34,7 @@ export default {
methods: {
color() {
console.log(this.userID);
- return this?.message.from == this.userID ? "bg-gray-300" : "bg-blue-600";
+ return this?.message.from == this.userID ? "bg-gray-300" : "bg-primary-medium";
},
textColor() {
return this?.message.from == this.userID ? "text-gray-900" : "text-white";
diff --git a/src/components/CommunityComponents/NewCommunityForm.vue b/src/components/CommunityComponents/NewCommunityForm.vue
index bb3a4d8edfd877b35648111b8b9a28d4ab2c9575..932ee1146ce2ab0610ffd413eee1a0ea9f120abb 100644
--- a/src/components/CommunityComponents/NewCommunityForm.vue
+++ b/src/components/CommunityComponents/NewCommunityForm.vue
@@ -66,11 +66,11 @@
<!-- error message for title-->
<div
- class="text-red"
+ class="text-error"
v-for="(error, index) of v$.group.name.$errors"
:key="index"
>
- <div class="text-red-600 text-sm">
+ <div class="text-error text-sm">
{{ error.$message }}
</div>
</div>
@@ -91,11 +91,11 @@
<!-- error message for place-->
<div
- class="text-red"
+ class="text-error"
v-for="(error, index) of v$.group.place.$errors"
:key="index"
>
- <div class="text-red-600 text-sm">
+ <div class="text-error text-sm">
{{ error.$message }}
</div>
</div>
@@ -118,11 +118,11 @@
<!-- error message for description -->
<div
- class="text-red"
+ class="text-error"
v-for="(error, index) of v$.group.description.$errors"
:key="index"
>
- <div class="text-red-600 text-sm">
+ <div class="text-error text-sm">
{{ error.$message }}
</div>
</div>
@@ -148,7 +148,7 @@
<!-- Button for adding an image -->
<div class="inline-flex rounded-md shadow-sm">
- <div class="text-red-500 uppercase text-center">
+ <div class="text-error uppercase text-center">
midlertidig fjernet
</div>
<!-- <button
diff --git a/src/components/CommunityComponents/NewItemForm.vue b/src/components/CommunityComponents/NewItemForm.vue
index 9324b2bb76cfe0df33fde7a0cad06bd202470708..aef1b495ed5f14beffac289d9bc794ddff5db979 100644
--- a/src/components/CommunityComponents/NewItemForm.vue
+++ b/src/components/CommunityComponents/NewItemForm.vue
@@ -22,11 +22,11 @@
<!-- error message for title-->
<div
- class="text-red"
+ class="text-error"
v-for="(error, index) of v$.item.title.$errors"
:key="index"
>
- <div class="text-red-600 text-sm">
+ <div class="text-error text-sm">
{{ error.$message }}
</div>
</div>
@@ -58,11 +58,11 @@
<!-- error message for select box -->
<div
- class="text-red"
+ class="text-error"
v-for="(error, index) of v$.item.select.$errors"
:key="index"
>
- <div class="text-red-600 text-sm">
+ <div class="text-error text-sm">
{{ error.$message }}
</div>
</div>
@@ -92,11 +92,11 @@
<!-- error message for select box -->
<div
- class="text-red"
+ class="text-error"
v-for="(error, index) of v$.item.selectGroup.$errors"
:key="index"
>
- <div class="text-red-600 text-sm">
+ <div class="text-error text-sm">
{{ error.$message }}
</div>
</div>
@@ -119,11 +119,11 @@
<!-- error message for price -->
<div
- class="text-red"
+ class="text-error"
v-for="(error, index) of v$.item.price.$errors"
:key="index"
>
- <div class="text-red-600 text-sm">
+ <div class="text-error text-sm">
{{ error.$message }}
</div>
</div>
@@ -146,11 +146,11 @@
<!-- error message for description -->
<div
- class="text-red"
+ class="text-error"
v-for="(error, index) of v$.item.description.$errors"
:key="index"
>
- <div class="text-red-600 text-sm">
+ <div class="text-error text-sm">
{{ error.$message }}
</div>
</div>
@@ -172,11 +172,11 @@
<!-- error message for address-->
<div
- class="text-red"
+ class="text-error"
v-for="(error, index) of v$.item.address.$errors"
:key="index"
>
- <div class="text-red-600 text-sm">
+ <div class="text-error text-sm">
{{ error.$message }}
</div>
</div>
diff --git a/src/components/CommunityComponents/SearchItemList.vue b/src/components/CommunityComponents/SearchItemList.vue
index 51f51ac4ead6c2e8468c88d52d6c48a3a1e13467..32d806a98d18ec9156da12eae1a2a1f715c0fcdc 100644
--- a/src/components/CommunityComponents/SearchItemList.vue
+++ b/src/components/CommunityComponents/SearchItemList.vue
@@ -16,7 +16,7 @@
<input
type="text"
id="searchInput"
- class="w-full py-3 pl-10 pr-4 text-gray-700 bg-white border rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-600 focus:border-blue-500 dark:focus:border-blue-500 focus:outline-none focus:ring"
+ class="w-full py-3 pl-10 pr-4 text-gray-700 bg-white border rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-600 focus:border-primary-medium dark:focus:border-primary-medium focus:outline-none focus:ring"
placeholder="Search"
v-model="search"
/>
diff --git a/src/components/UserProfileComponents/LargeProfileCard.vue b/src/components/UserProfileComponents/LargeProfileCard.vue
index 19d25964791090645d982f2ee5875a26a6b396e6..7c558f7639e7a9600dd979cca546f6e4de6401a6 100644
--- a/src/components/UserProfileComponents/LargeProfileCard.vue
+++ b/src/components/UserProfileComponents/LargeProfileCard.vue
@@ -67,7 +67,7 @@
<li>
<router-link
to=""
- class="block py-2 px-4 text-sm text-red-600 hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200 dark:hover:text-white"
+ class="block py-2 px-4 text-sm text-error hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200 dark:hover:text-white"
>Slett bruker</router-link
>
</li>
diff --git a/src/components/UserProfileComponents/Rating.vue b/src/components/UserProfileComponents/Rating.vue
index c6e7e8252f2fb8916098f3a1ab8b6a2a7290eb62..8aff6bad071841e4f6baf1c2825ca748b46c095f 100644
--- a/src/components/UserProfileComponents/Rating.vue
+++ b/src/components/UserProfileComponents/Rating.vue
@@ -47,7 +47,7 @@ export default {
methods: {
getFill(i) {
if (i <= this.rating) {
- return "w-5 h-5 text-yellow-400";
+ return "w-5 h-5 text-warn";
}
return "w-5 h-5 text-gray-300 dark:text-gray-500";
},