fix(Datepicker): switch hardcoded color cyan -> primary

Author: SutuSebastian

packages/ui/src/components/Datepicker/theme.ts

@@ -30,8 +30,8 @@ export const datePickerTheme = createTheme<DatepickerTheme>({
     footer: {
       base: "mt-2 flex space-x-2",
       button: {
-        base: "w-full rounded-lg px-5 py-2 text-center text-sm font-medium focus:ring-4 focus:ring-cyan-300",
-        today: "bg-cyan-700 text-white hover:bg-cyan-800 dark:bg-cyan-600 dark:hover:bg-cyan-700",
+        base: "w-full rounded-lg px-5 py-2 text-center text-sm font-medium focus:ring-4 focus:ring-primary-300",
+        today: "bg-primary-700 text-white hover:bg-primary-800 dark:bg-primary-600 dark:hover:bg-primary-700",
         clear:
           "border border-gray-300 bg-white text-gray-900 hover:bg-gray-100 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:hover:bg-gray-600",
       },
@@ -47,7 +47,7 @@ export const datePickerTheme = createTheme<DatepickerTheme>({
         base: "grid w-64 grid-cols-7",
         item: {
           base: "block flex-1 cursor-pointer rounded-lg border-0 text-center text-sm font-semibold leading-9 text-gray-900 hover:bg-gray-100 dark:text-white dark:hover:bg-gray-600",
-          selected: "bg-cyan-700 text-white hover:bg-cyan-600",
+          selected: "bg-primary-700 text-white hover:bg-primary-600",
           disabled: "text-gray-500",
         },
       },
@@ -57,7 +57,7 @@ export const datePickerTheme = createTheme<DatepickerTheme>({
         base: "grid w-64 grid-cols-4",
         item: {
           base: "block flex-1 cursor-pointer rounded-lg border-0 text-center text-sm font-semibold leading-9 text-gray-900 hover:bg-gray-100 dark:text-white dark:hover:bg-gray-600",
-          selected: "bg-cyan-700 text-white hover:bg-cyan-600",
+          selected: "bg-primary-700 text-white hover:bg-primary-600",
           disabled: "text-gray-500",
         },
       },
@@ -67,7 +67,7 @@ export const datePickerTheme = createTheme<DatepickerTheme>({
         base: "grid w-64 grid-cols-4",
         item: {
           base: "block flex-1 cursor-pointer rounded-lg border-0 text-center text-sm font-semibold leading-9 text-gray-900 hover:bg-gray-100 dark:text-white dark:hover:bg-gray-600",
-          selected: "bg-cyan-700 text-white hover:bg-cyan-600",
+          selected: "bg-primary-700 text-white hover:bg-primary-600",
           disabled: "text-gray-500",
         },
       },
@@ -77,7 +77,7 @@ export const datePickerTheme = createTheme<DatepickerTheme>({
         base: "grid w-64 grid-cols-4",
         item: {
           base: "block flex-1 cursor-pointer rounded-lg border-0 text-center text-sm font-semibold leading-9 text-gray-900 hover:bg-gray-100 dark:text-white dark:hover:bg-gray-600",
-          selected: "bg-cyan-700 text-white hover:bg-cyan-600",
+          selected: "bg-primary-700 text-white hover:bg-primary-600",
           disabled: "text-gray-500",
         },
       },