style: enhance ContextMenuCheckboxItem and update box shadow variable

- Updated the ContextMenuCheckboxItem to improve focus styles by changing the text color on focus.
- Renamed the box shadow variable in tailwind.css for better clarity and consistency in styling.

Signed-off-by: Innei <tukon479@gmail.com>

Author: Innei

src/components/ui/context-menu/context-menu.tsx

@@ -125,7 +125,7 @@ const ContextMenuCheckboxItem = ({
   <ContextMenuPrimitive.CheckboxItem
     ref={ref}
     className={clsxm(
-      'cursor-checkbox focus:bg-accent text-sm text-foreground relative flex select-none items-center rounded-[5px] px-8 py-1.5 outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+      'cursor-checkbox focus:bg-accent focus:text-white text-sm text-foreground relative flex select-none items-center rounded-[5px] px-8 py-1.5 outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
       'focus-within:outline-transparent',
       'h-[28px]',
       className,

src/styles/tailwind.css

@@ -61,10 +61,10 @@ body {
   /* Blur */
   --blur-background: 70px;
 
-  /* Shadow */
-  --shadow-context-menu:
-    0px 0px 1px rgba(0, 0, 0, 0.12), 0px 0px 1.5px rgba(0, 0, 0, 0.04),
-    0px 7px 22px rgba(0, 0, 0, 0.08);
+  /* Box shadow */
+  --box-shadow-context-menu:
+    rgba(0, 0, 0, 0.067) 0px 3px 8px, rgba(0, 0, 0, 0.067) 0px 2px 5px,
+    rgba(0, 0, 0, 0.067) 0px 1px 1px;
 
   /* Font */
   --text-large-title: 1.625rem;