diff --git a/js/src/assets/tailwind.css b/js/src/assets/tailwind.css
index 9d1ebab06..e7e59022a 100644
--- a/js/src/assets/tailwind.css
+++ b/js/src/assets/tailwind.css
@@ -24,7 +24,7 @@
@layer components {
.mbz-card {
- @apply block bg-mbz-yellow-alt-300 hover:bg-mbz-yellow-alt-200 text-violet-title dark:text-white dark:hover:text-white rounded-lg dark:border-violet-title shadow-md dark:bg-mbz-purple dark:hover:dark:bg-mbz-purple-400 dark:text-white dark:hover:text-white;
+ @apply block bg-white hover:bg-gray-100 text-violet-title dark:text-white dark:hover:text-white rounded-lg dark:border-violet-title shadow-md dark:bg-mbz-purple dark:hover:dark:bg-mbz-purple-400 dark:text-white dark:hover:text-white;
}
}
diff --git a/js/src/components/Event/EventCard.vue b/js/src/components/Event/EventCard.vue
index 94828f0b0..7f600a1a2 100644
--- a/js/src/components/Event/EventCard.vue
+++ b/js/src/components/Event/EventCard.vue
@@ -83,7 +83,7 @@
-
diff --git a/js/src/components/Local/CloseContent.vue b/js/src/components/Local/CloseContent.vue
index 4001ef863..04ee7a7bf 100644
--- a/js/src/components/Local/CloseContent.vue
+++ b/js/src/components/Local/CloseContent.vue
@@ -110,6 +110,7 @@ const { t } = useI18n({ useScope: "global" });
grid-column-gap: 20px;
grid-row-gap: 30px;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+ margin-bottom: 2rem;
.event-card {
height: 100%;
display: flex;
diff --git a/js/src/views/HomeView.vue b/js/src/views/HomeView.vue
index 9b59686a6..5f0671203 100644
--- a/js/src/views/HomeView.vue
+++ b/js/src/views/HomeView.vue
@@ -194,9 +194,9 @@ import { HOME_USER_QUERIES } from "../graphql/home";
import RouteName from "../router/name";
import { IEvent } from "../types/event.model";
// import { IFollowedGroupEvent } from "../types/followedGroupEvent.model";
-import CloseEvents from "@/components/Local/CloseEvents.vue";
-import CloseGroups from "@/components/Local/CloseGroups.vue";
-import LastEvents from "@/components/Local/LastEvents.vue";
+// import CloseEvents from "@/components/Local/CloseEvents.vue";
+// import CloseGroups from "@/components/Local/CloseGroups.vue";
+// import LastEvents from "@/components/Local/LastEvents.vue";
import UpcomingEvents from "@/components/Local/UpcomingEvents.vue";
import OnlineEvents from "@/components/Local/OnlineEvents.vue";
import {
diff --git a/js/tailwind.config.js b/js/tailwind.config.js
index 443e028c5..31696bde1 100644
--- a/js/tailwind.config.js
+++ b/js/tailwind.config.js
@@ -65,7 +65,7 @@ module.exports = {
"violet-1": "#3a384c",
"violet-2": "#474467",
"violet-3": "#3c376e",
- "yellow-1": "#ffd599",
+ "yellow-1": "#21bef3",
"yellow-2": "#fff1de",
"body-background-color": "#efeef4",
"purple-1": "#757199",
@@ -75,6 +75,8 @@ module.exports = {
"mbz-danger": "#cd2026",
"mbz-success": "#0d8758",
"mbz-warning": "#ffe08a",
+ "fomo-blue": "#21bef3",
+ "fomo-purple": "#9e9ef2",
// primary: "#272633",
// secondary: "#ED8D07",
},