diff --git a/assets/main.css b/assets/main.css
index ae68938..2c7e3dd 100644
--- a/assets/main.css
+++ b/assets/main.css
@@ -19,8 +19,8 @@
     --border: 214.3 31.8% 91.4%;
     --input: 214.3 31.8% 91.4%;
 
-    --primary: 222.2 47.4% 11.2%;
-    --primary-foreground: 210 40% 98%;
+    --primary: 245 58% 51%;
+    --primary-foreground: 0 0% 100%;
 
     --secondary: 210 40% 96.1%;
     --secondary-foreground: 222.2 47.4% 11.2%;
@@ -40,7 +40,7 @@
     --background: 180 0 4.9%;
     --foreground: 210 40% 98%;
 
-    --muted: 250 40% 17.5%;
+    --muted: 244 47% 20%;
     --muted-foreground: 215 20.2% 65.1%;
 
     --popover: 180 0 4.9%;
@@ -50,15 +50,15 @@
     --card-foreground: 210 40% 98%;
 
     --border: 217 0 10%;
-    --input: 250 40% 17.5%;
+    --input: 244 47% 20%;
 
-    --primary: 210 40% 98%;
-    --primary-foreground: 180 47.4% 11.2%;
+    --primary: 245 58% 51%;
+    --primary-foreground: 0 0% 100%;
 
-    --secondary: 250 40% 17.5%;
+    --secondary: 244 47% 20%;
     --secondary-foreground: 210 40% 98%;
 
-    --accent: 250 40% 17.5%;
+    --accent: 244 47% 20%;
     --accent-foreground: 210 40% 98%;
 
     --destructive: 0 62.8% 30.6%;
diff --git a/components/global/sidebar/Sidebar.vue b/components/global/sidebar/Sidebar.vue
index 2485eb8..7559691 100644
--- a/components/global/sidebar/Sidebar.vue
+++ b/components/global/sidebar/Sidebar.vue
@@ -15,7 +15,7 @@ function handleMenuItemAction(actionType: SidebarMenuActionType) {
 </script>
 
 <template>
-  <nav class="w-16 py-6 border-r-[1px] bg-indigo-700 dark:bg-black text-white dark:border-r-indigo-950 grid grid-rows-[1fr_auto] justify-center transition-colors">
+  <nav class="w-16 py-6 border-r-[1px] bg-indigo-700 dark:bg-black text-white border-r-indigo-700 dark:border-r-indigo-950 grid grid-rows-[1fr_auto] justify-center transition-colors">
     <menu class="flex flex-col gap-4">
       <li class="mb-12">
         <UiButton variant="ghost" size="icon" class="rounded-full" @click="console.log">
diff --git a/components/global/user/CTA.vue b/components/global/user/CTA.vue
index 18a6325..a6572d0 100644
--- a/components/global/user/CTA.vue
+++ b/components/global/user/CTA.vue
@@ -83,8 +83,8 @@ function pushRoute(to: AvailableRoutes) {
           <UiDropdownMenuSeparator />
 
           <UiDropdownMenuSub>
-            <UiDropdownMenuSubTrigger class="p-0">
-              <UiDropdownMenuItem class="flex gap-[.5ch] items-center rounded-none pointer-events-none">
+            <UiDropdownMenuSubTrigger class="p-0 rounded-none">
+              <UiDropdownMenuItem class="flex gap-[.5ch] items-center pointer-events-none">
                 <PhPalette size="20" weight="fill" />
                 <span>Apparence</span>
               </UiDropdownMenuItem>
@@ -123,8 +123,8 @@ function pushRoute(to: AvailableRoutes) {
           </UiDropdownMenuSub>
 
           <UiDropdownMenuSub>
-            <UiDropdownMenuSubTrigger class="p-0">
-              <UiDropdownMenuItem class="flex gap-[.5ch] items-center rounded-none pointer-events-none">
+            <UiDropdownMenuSubTrigger class="p-0 rounded-none">
+              <UiDropdownMenuItem class="flex gap-[.5ch] items-center pointer-events-none">
                 <PhTranslate size="20" />
                 <span>Langage</span>
               </UiDropdownMenuItem>
diff --git a/components/ui/button/index.ts b/components/ui/button/index.ts
index e782ef6..cf23820 100644
--- a/components/ui/button/index.ts
+++ b/components/ui/button/index.ts
@@ -3,7 +3,7 @@ import { type VariantProps, cva } from "class-variance-authority"
 export { default as Button } from "./Button.vue"
 
 export const buttonVariants = cva(
-  "inline-flex items-center justify-center gap-1 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  "inline-flex items-center justify-center gap-1 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-30",
   {
     variants: {
       variant: {
diff --git a/pages/my/worlds/[id].vue b/pages/my/worlds/[id].vue
index 9860e36..888081a 100644
--- a/pages/my/worlds/[id].vue
+++ b/pages/my/worlds/[id].vue
@@ -149,8 +149,7 @@ function hideDeleteModal() {
           <ul v-if="world.calendars && world.calendars?.length > 0" class="grid md:grid-cols-3 gap-2">
             <li v-for="calendar in world.calendars" :key="calendar.id">
               <UiCard
-                v-if="calendar"
-                class="w-full transition-all text-slate-100 bg-slate-900 border-slate-700 hover:bg-slate-700 dark:hover:bg-slate-800 dark:border-slate-900 dark:focus-within:outline-slate-900"
+                class="w-full transition-all hover:bg-slate-50 dark:bg-gray-950 dark:hover:bg-indigo-950 dark:focus-within:outline-gray-900"
                 :link="`/my/calendars/${calendar.id}`"
               >
                 <UiCardHeader>