Updated packages and some other colours

app/assets/theme.css

@@ -24,7 +24,7 @@
   --accent: hsl(11, 100%, 86%);
   --accent-foreground: hsl(222.2 84% 4.9%);
 
-  --destructive: hsl(0, 62%, 49%);
+  --destructive: hsl(0, 100%, 63%);
   --destructive-foreground: hsl(210 40% 98%);
 
   --success: hsl(156 72% 67%);
@@ -59,8 +59,8 @@
   --secondary: hsl(222.2 47.4% 11.2%);
   --secondary-foreground: hsl(210 40% 98%);
 
-  --accent: hsl(11, 78%, 67%);
+  --accent: hsl(11, 87%, 69%);
-  --accent-foreground: hsl(210 40% 98%);
+  --accent-foreground: hsl(222.2 84% 4.9%);
 
   --destructive: hsl(0, 62%, 49%);
   --destructive-foreground: hsl(210 40% 98%);

app/components/calendar/input/EventCategories.vue

@@ -37,7 +37,7 @@ const filteredCategories = computed(() =>
         role="combobox"
         :aria-expanded="isPopoverOpen"
         aria-controls="event-categories"
-        class="relative w-full max-w-full h-fit justify-between"
+        class="relative w-full max-w-full h-fit justify-between hover:bg-secondary hover:text-primary-foreground"
       >
         <template v-if="!model.length">
           {{ props.placeholder }}
@@ -57,7 +57,7 @@ const filteredCategories = computed(() =>
     </UiPopoverTrigger>
     <UiPopoverContent
       id="event-categories"
-      align="start"
+      :align="'start'"
       side="bottom"
       :collision-padding="50"
       class="w-fit h-[33vh] p-0"

app/components/calendar/input/EventCategory.vue

@@ -36,7 +36,7 @@ const filteredCategories = computed(() =>
         role="combobox"
         :aria-expanded="isPopoverOpen"
         aria-controls="event-category"
-        class="w-full max-w-full justify-between"
+        class="w-full max-w-full justify-between hover:bg-secondary hover:text-primary-foreground"
       >
         <template v-if="!model">
           {{ props.placeholder }}

app/components/calendar/input/RPGDate.vue

@@ -4,6 +4,7 @@ import type { RPGDate } from "@@/models/Date";
 import {
   PhXCircle
 } from "@phosphor-icons/vue"
+import { cn } from "~/lib/utils";
 
 const model = defineModel<RPGDate | null>()
 
@@ -134,7 +135,7 @@ function handleValueReset() {
 
         <UiInput v-model="model.year" type="number" />
 
-        <hr class="col-span-2" >
+        <hr class="col-span-2" />
 
         <div class="col-span-2">
           <div v-if="monthData" class="grid grid-cols-7 gap-1">
@@ -142,10 +143,10 @@ function handleValueReset() {
               v-for="day in monthData.days"
               :key="`popover-day-grid-${id}-${day}`"
               class="aspect-square rounded-full text-[.8em] transition-colors"
-              :class="{
+              :class="cn({
-                'hover:bg-indigo-200 dark:hover:bg-indigo-700': day !== model.day,
+                'hover:bg-accent hover:text-accent-foreground': day !== model.day,
-                'bg-indigo-500 hover:bg-indigo-700 text-white': day === model.day
+                'bg-primary text-primary-foreground hover:bg-accent hover:text-accent-foreground': day === model.day
-              }"
+              })"
               @click="setModelDay(day)"
             >
               {{ day }}

app/components/global/input/Color.vue

@@ -13,7 +13,15 @@ const model = defineModel<RPGColor>({ default: "white" });
 
 <template>
   <UiSelect v-model="model">
-    <UiSelectTrigger :id :class="cn({ 'h-9': theme === 'subtle' })">
+    <UiSelectTrigger
+      :id
+      :class="cn(
+        ['hover:bg-secondary hover:text-primary-foreground'],
+        {
+          'h-9': theme === 'subtle'
+        }
+      )"
+    >
       <UiSelectValue
         :placeholder="$t('ui.colors.selectOne')"
         class="bgc"

app/components/ui/select/SelectContent.vue

@@ -39,7 +39,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
       style="max-height: var(--radix-select-content-available-height)"
       :class="
         cn(
-          'select-content relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+          'select-content relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border border-popover-border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
           position === 'popper' &&
             'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',
           props.class

app/components/ui/select/SelectTrigger.vue

@@ -20,7 +20,7 @@ const forwardedProps = useForwardProps(delegatedProps)
     v-bind="forwardedProps"
     :class="
       cn(
-        'flex h-10 w-full items-center justify-between rounded-md border border-input bg-background dark:bg-slate-950 contrast-more:dark:bg-slate-900 px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
+        'flex h-10 w-full items-center justify-between rounded-md border border-input bg-background hover:bg-secondary hover:text-primary-foreground px-3 py-2 text-sm ring-offset-background transition-colors placeholder:text-muted-foreground focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 cursor-pointer disabled:cursor-not-allowed disabled:opacity-50',
         props.class
       )
     "

package.json

@@ -16,7 +16,7 @@
     "@intlify/message-compiler": "^11.1.11",
     "@nuxt/content": "3.6.3",
     "@nuxt/eslint": "^1.7.1",
-    "@nuxt/image": "1.10.0",
+    "@nuxt/image": "1.11.0",
     "@nuxthub/core": "^0.9.0",
     "@nuxtjs/i18n": "^10.0.3",
     "@phosphor-icons/vue": "^2.2.1",
@@ -28,7 +28,7 @@
     "better-sqlite3": "^12.2.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-vue-next": "^0.534.0",
+    "lucide-vue-next": "^0.536.0",
     "luxon": "^3.7.1",
     "nuxt": "^4.0.2",
     "pinia": "^3.0.3",
@@ -39,26 +39,26 @@
     "tailwindcss-animate": "^1.0.7",
     "vue": "^3.5.18",
     "vue-router": "^4.5.1",
-    "zod": "^4.0.13"
+    "zod": "^4.0.14"
   },
   "devDependencies": {
     "@nuxtjs/color-mode": "^3.5.2",
     "@nuxtjs/supabase": "^1.6.0",
     "@nuxtjs/tailwindcss": "^6.14.0",
     "@stylistic/eslint-plugin-js": "^4.4.1",
-    "@types/luxon": "^3.7.0",
+    "@types/luxon": "^3.7.1",
-    "@typescript-eslint/eslint-plugin": "^8.38.0",
+    "@typescript-eslint/eslint-plugin": "^8.39.0",
-    "@typescript-eslint/parser": "^8.38.0",
+    "@typescript-eslint/parser": "^8.39.0",
     "eslint": "^9.32.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-prettier": "^5.5.3",
-    "eslint-plugin-vue": "^10.3.0",
+    "eslint-plugin-vue": "^10.4.0",
     "postcss": "^8.5.6",
     "prettier": "^3.6.2",
     "sass": "^1.89.2",
-    "supabase": "^2.33.5",
+    "supabase": "^2.33.9",
     "tailwindcss": "^4.1.11",
-    "typescript": "^5.8.3",
+    "typescript": "^5.9.2",
-    "wrangler": "^4.26.1"
+    "wrangler": "^4.27.0"
   }
 }

supabase/migrations/202401_init.sql

@@ -43,7 +43,7 @@ create table public.worlds (
   id              bigint generated by default as identity primary key,
   name            text not null,
   description     text,
-  color           app_colors default 'black',
+  color           app_colors default 'emerald',
   state           world_state default 'draft',
   created_at      timestamptz default now(),
   updated_at      timestamptz,
@@ -69,7 +69,7 @@ create table public.calendars (
   short_id          text unique,
   name              text not null,
   today             json not null,
-  color             app_colors default 'black',
+  color             app_colors default 'emerald',
   state             calendar_state default 'draft',
   created_at        timestamptz default now(),
   updated_at        timestamptz,