refactor: ensure better border color consistency

src/components/generic/AHTMLEditor.vue

@@ -130,7 +130,7 @@ useEventListener(contentEl, 'click', (event: PointerEvent) => {
     border-bottom-color: var(--_aura-quill-bg) !important;
   }
   .ql-editor {
-    @apply tw-rounded tw-border tw-border-solid tw-border-gray-300 tw-bg-white;
+    @apply tw-rounded tw-border tw-border-solid tw-border-gray-200 tw-bg-white;
     padding: theme('spacing[1.5]') theme('spacing.3');
     transition:
       border-color 0.15s ease-in-out,
@@ -145,7 +145,7 @@ useEventListener(contentEl, 'click', (event: PointerEvent) => {
     }
 
     &[contenteditable='false'] {
-      @apply tw-bg-gray-200;
+      @apply tw-bg-gray-100;
     }
   }
 }

src/tailwind.css

@@ -197,7 +197,7 @@ thead .fc-day-selected:hover {
     color: theme('colors.gray.600');
     background-color: #fff;
     background-clip: padding-box;
-    border: 1px solid theme('colors.gray.300');
+    border: 1px solid theme('colors.gray.200');
     transition:
       border-color 0.15s ease-in-out,
       box-shadow 0.15s ease-in-out;
@@ -213,7 +213,7 @@ thead .fc-day-selected:hover {
 
     &:disabled,
     &[readonly] {
-      background-color: theme('colors.gray.200');
+      background-color: theme('colors.gray.100');
       opacity: 1;
     }
   }