@thangph2146/lexical-editor 0.0.9 → 0.0.12

package/dist/editor-x/editor.css

@@ -134,6 +134,7 @@
 }
 .editor-shrink-0 {
   flex-shrink: 0;
+  gap: 8px !important;
 }
 .editor-flex-grow {
   flex-grow: 1;
@@ -390,7 +391,7 @@
   background-color: var(--muted);
 }
 .editor-bg-accent {
-  background-color: var(--accent, #f1f5f9);
+  background-color: var(--accent, #f1f3f5);
 }
 .editor-bg-transparent {
   background-color: transparent;
@@ -722,7 +723,7 @@
 }
 .editor-text-xs-muted {
   font-size: 0.75rem;
-  color: var(--muted-foreground, #64748b);
+  color: var(--muted-foreground, #6c757d);
 }
 .editor-text-sm {
   font-size: 0.875rem;
@@ -744,7 +745,7 @@
     monospace;
 }
 .editor-text-muted-foreground {
-  color: var(--muted-foreground, #64748b);
+  color: var(--muted-foreground, #6c757d);
 }
 .editor-text-foreground-50 {
   color: color-mix(in srgb, var(--foreground), transparent 50%);
@@ -831,10 +832,10 @@
   flex-shrink: 0;
 }
 .editor-typography-p {
-  line-height: 1.75;
+  line-height: var(--lh-body-normal, 1.5);
 }
 .editor-typography-p:not(:first-child) {
-  margin-top: 24px;
+  margin-top: calc(var(--sp-3, 1.2rem) * 2);
 }
 .editor-typography-p-small {
   font-size: 0.875rem;
@@ -896,9 +897,9 @@
 }
 .editor-toolbar-item--outline:hover,
 .editor-toggle-group-item--outline:hover {
-  background-color: var(--accent, #f1f5f9);
-  border-color: var(--accent, #f1f5f9);
-  color: var(--accent-foreground, #0f172a) !important;
+  background-color: var(--accent, #f1f3f5);
+  border-color: var(--accent, #f1f3f5);
+  color: var(--accent-foreground, #212529) !important;
 }
 .editor-toolbar-item:hover,
 .editor-toggle-group-item:hover {
@@ -909,9 +910,9 @@
 .editor-toolbar-item[data-state=active],
 .editor-toggle-group-item[data-state=on],
 .editor-toggle-group-item[data-state=active] {
-  background-color: var(--accent, #f1f5f9);
-  color: var(--accent-foreground, #0f172a) !important;
-  border-color: var(--accent, #f1f5f9);
+  background-color: var(--accent, #f1f3f5);
+  color: var(--accent-foreground, #212529) !important;
+  border-color: var(--accent, #f1f3f5);
 }
 .editor-toolbar-item[data-state=on]:hover,
 .editor-toolbar-item[data-state=active]:hover,
@@ -919,8 +920,8 @@
 .editor-toggle-group-item[data-state=active]:hover {
   transform: translateY(-1px);
   box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
-  background-color: color-mix(in srgb, var(--accent, #f1f5f9), black 10%);
-  border-color: var(--accent, #f1f5f9);
+  background-color: color-mix(in srgb, var(--accent, #f1f3f5), black 10%);
+  border-color: var(--accent, #f1f3f5);
 }
 .editor-toolbar-item:disabled,
 .editor-toggle-group-item:disabled {
@@ -1025,7 +1026,7 @@
   position: relative;
   padding: 8px 16px;
   box-sizing: border-box;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
 }
 .editor-btn:hover:not(:disabled):not([data-state=on]):not([data-state=active]) {
   transform: translateY(-1px);
@@ -1059,9 +1060,9 @@
 }
 .editor-btn[data-state=on],
 .editor-btn[data-state=active] {
-  background-color: var(--accent, #f1f5f9);
-  color: var(--accent-foreground, #0f172a) !important;
-  border-color: var(--accent, #f1f5f9);
+  background-color: var(--accent, #f1f3f5);
+  color: var(--accent-foreground, #212529) !important;
+  border-color: var(--accent, #f1f3f5);
 }
 .editor-btn--default {
   background-color: var(--primary);
@@ -1206,7 +1207,7 @@
 }
 .editor-input:hover:not(:disabled):not([readonly]) {
   background-color: color-mix(in srgb, var(--background), black 3%);
-  border-color: var(--accent, #f1f5f9);
+  border-color: var(--accent, #f1f3f5);
   transform: translateY(-1px);
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1);
 }
@@ -1355,7 +1356,7 @@
 .editor-dialog-header__title {
   font-size: 1.125rem;
   font-weight: 600;
-  line-height: 1.25;
+  line-height: var(--lh-tight, 1.25);
   margin: 0;
 }
 .editor-dialog-header__description {
@@ -1457,12 +1458,12 @@
   outline: none;
 }
 .editor-select-item:hover {
-  background-color: var(--accent, #f1f5f9);
-  color: var(--accent-foreground, #0f172a);
+  background-color: var(--accent, #f1f3f5);
+  color: var(--accent-foreground, #212529);
 }
 .editor-select-item[data-selected=true] {
-  background-color: var(--accent, #f1f5f9);
-  color: var(--accent-foreground, #0f172a);
+  background-color: var(--accent, #f1f3f5);
+  color: var(--accent-foreground, #212529);
 }
 .editor-select-item__check {
   position: absolute;
@@ -1515,8 +1516,8 @@
   filter: brightness(0.95);
 }
 .editor-toggle:hover {
-  background-color: var(--accent, #f1f5f9);
-  color: var(--accent-foreground, #0f172a);
+  background-color: var(--accent, #f1f3f5);
+  color: var(--accent-foreground, #212529);
 }
 .editor-toggle:focus-visible {
   outline: none;
@@ -1527,26 +1528,26 @@
   opacity: 0.5;
 }
 .editor-toggle[data-state=on] {
-  background-color: var(--accent, #f1f5f9);
-  color: var(--accent-foreground, #0f172a) !important;
+  background-color: var(--accent, #f1f3f5);
+  color: var(--accent-foreground, #212529) !important;
 }
 .editor-toggle[data-state=on]:hover {
   transform: translateY(-1px);
   box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
-  background-color: color-mix(in srgb, var(--accent, #f1f5f9), black 10%);
-  border-color: var(--accent, #f1f5f9);
+  background-color: color-mix(in srgb, var(--accent, #f1f3f5), black 10%);
+  border-color: var(--accent, #f1f3f5);
 }
 .editor-toggle--outline {
   border-color: var(--input);
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
 }
 .editor-toggle--outline:hover {
-  background-color: color-mix(in srgb, var(--accent, #f1f5f9), black 5%);
-  color: var(--accent-foreground, #0f172a);
+  background-color: color-mix(in srgb, var(--accent, #f1f3f5), black 5%);
+  color: var(--accent-foreground, #212529);
 }
 .editor-toggle--ghost:hover {
-  background-color: color-mix(in srgb, var(--accent, #f1f5f9), black 5%);
-  color: var(--accent-foreground, #0f172a);
+  background-color: color-mix(in srgb, var(--accent, #f1f3f5), black 5%);
+  color: var(--accent-foreground, #212529);
 }
 .editor-toggle--size-default {
   height: 36px;
@@ -1773,8 +1774,8 @@
 .editor-floating-text-format .editor-toggle-group-item:hover,
 .editor-floating-text-format .editor-btn:hover,
 .editor-floating-text-format .editor-toolbar-item:hover {
-  background-color: var(--accent, #f1f5f9);
-  color: var(--accent-foreground, #0f172a);
+  background-color: var(--accent, #f1f3f5);
+  color: var(--accent-foreground, #212529);
 }
 .editor-floating-text-format .editor-toggle-group-item[data-state=on],
 .editor-floating-text-format .editor-toggle-group-item[data-state=active],
@@ -1785,8 +1786,8 @@
 .editor-floating-text-format .editor-toolbar-item[data-state=on],
 .editor-floating-text-format .editor-toolbar-item[data-state=active],
 .editor-floating-text-format .editor-toolbar-item--active {
-  background-color: var(--accent, #f1f5f9);
-  color: var(--accent-foreground, #0f172a) !important;
+  background-color: var(--accent, #f1f3f5);
+  color: var(--accent-foreground, #212529) !important;
   font-weight: 700;
 }
 .editor-floating-text-format .editor-floating-group,
@@ -1832,9 +1833,8 @@
 .editor-color-picker-content {
   display: flex !important;
   flex-direction: column !important;
-  width: 380px;
+  min-width: 380px;
   gap: 16px;
-  padding: 16px;
 }
 .editor-color-picker-area {
   position: relative;
@@ -1928,7 +1928,7 @@
   line-height: 1.375;
 }
 .editor-color-value-text {
-  color: var(--muted-foreground, #64748b);
+  color: var(--muted-foreground, #6c757d);
   font-family:
     "JetBrains Mono",
     ui-monospace,
@@ -1996,8 +1996,8 @@
   background: transparent;
 }
 .editor-folder-tree-trigger:hover {
-  background-color: var(--accent, #f1f5f9);
-  color: var(--accent-foreground, #0f172a);
+  background-color: var(--accent, #f1f3f5);
+  color: var(--accent-foreground, #212529);
 }
 .editor-tree-content {
   margin-left: 16px;
@@ -2018,7 +2018,7 @@
   transition: background-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
 }
 .editor-image-resizer-handle:hover {
-  background-color: var(--accent, #f1f5f9);
+  background-color: var(--accent, #f1f3f5);
 }
 .editor-image-resizer-handle--n {
   top: -5px;
@@ -2093,9 +2093,9 @@
 .editor-mentions-item[data-selected=true],
 .editor-mentions-item[data-state=active],
 .editor-mentions-item[data-state=on] {
-  background-color: var(--accent, #f1f5f9);
-  color: var(--accent-foreground, #0f172a);
-  border-color: var(--border, #d1d5db);
+  background-color: var(--accent, #f1f3f5);
+  color: var(--accent-foreground, #212529);
+  border-color: var(--border, #dee2e6);
 }
 .editor-mentions-item:active {
   transform: translateY(0) scale(0.98);
@@ -2134,7 +2134,7 @@
   will-change: transform;
 }
 .editor-draggable-menu:hover {
-  background-color: var(--accent, #f1f5f9);
+  background-color: var(--accent, #f1f3f5);
 }
 .editor-draggable-menu:active {
   cursor: grabbing;
@@ -2166,15 +2166,38 @@
   display: flex;
   align-items: center;
   gap: 4px;
-  padding: 4px;
+  padding: 8px;
+  width: 100%;
+}
+.editor-floating-link-editor__library {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
   width: 100%;
+  max-height: 220px;
+  overflow: auto;
+  border-top: 1px solid var(--border);
+  padding: 8px;
+}
+.editor-floating-link-editor__library-item {
+  width: 100%;
+  text-align: left;
+  background: transparent;
+  border: 0;
+  color: var(--foreground);
+  padding: 4px;
+  border-radius: calc(var(--radius, 8px) - 2px);
+  cursor: pointer;
+}
+.editor-floating-link-editor__library-item:hover {
+  background: var(--muted);
 }
 .editor-floating-link-editor__view-container {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 8px;
-  padding: 4px 4px 4px 12px;
+  padding: 4px 4px 4px 12px !important;
   width: 100%;
 }
 .editor-floating-link-editor__link {
@@ -2250,9 +2273,9 @@
 .editor-command-item[data-selected=true],
 .editor-command-item[data-state=active],
 .editor-command-item[data-state=on] {
-  background-color: var(--accent, #f1f5f9);
-  color: var(--accent-foreground, #0f172a);
-  border-color: var(--border, #d1d5db);
+  background-color: var(--accent, #f1f3f5);
+  color: var(--accent-foreground, #212529);
+  border-color: var(--border, #dee2e6);
 }
 .editor-command-item:active {
   transform: translateY(0) scale(0.98);
@@ -2303,9 +2326,9 @@
 .editor-context-menu-item[data-selected=true],
 .editor-context-menu-item[data-state=active],
 .editor-context-menu-item[data-state=on] {
-  background-color: var(--accent, #f1f5f9);
-  color: var(--accent-foreground, #0f172a);
-  border-color: var(--border, #d1d5db);
+  background-color: var(--accent, #f1f3f5);
+  color: var(--accent-foreground, #212529);
+  border-color: var(--border, #dee2e6);
 }
 .editor-context-menu-item:active {
   transform: translateY(0) scale(0.98);
@@ -2377,7 +2400,7 @@
   transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
 }
 .editor-root-container.editor-root-container--shadow:focus-within {
-  box-shadow: 0 0 0 1px var(--border, #d1d5db), 0 0 0 3px var(--ring, rgba(59, 130, 246, 0.5));
+  box-shadow: 0 0 0 1px var(--border, #dee2e6), 0 0 0 3px var(--ring, rgba(59, 130, 246, 0.5));
 }
 *,
 *::before,
@@ -2404,8 +2427,8 @@
     "Helvetica Neue",
     Arial,
     sans-serif !important;
-  font-size: 16px;
-  color: var(--foreground, #1f2937) !important;
+  font-size: var(--fs-body, 1rem);
+  color: var(--foreground, #212529) !important;
   background-color: var(--background, transparent) !important;
   position: relative !important;
   width: 100% !important;
@@ -2508,64 +2531,78 @@
   display: none !important;
 }
 .lexical-editor-root .editor-paragraph {
-  font-size: 16px !important;
-  line-height: 1.75 !important;
-  margin-top: 12px !important;
-  margin-bottom: 12px !important;
+  font-family: var(--font-family-base, var(--font-inter), Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif) !important;
+  font-size: var(--fs-body, 1rem) !important;
+  line-height: var(--lh-body-normal, 1.5) !important;
+  color: var(--gray-900, #212529) !important;
+  margin-top: var(--sp-3, 1.2rem) !important;
+  margin-bottom: var(--sp-3, 1.2rem) !important;
 }
 .lexical-editor-root .editor-paragraph:first-child {
   margin-top: 0 !important;
 }
 .lexical-editor-root .editor-h1 {
-  font-size: 36px;
-  line-height: 1.25 !important;
+  font-family: var(--font-family-heading, var(--font-inter), Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif) !important;
+  color: var(--gray-900, #212529) !important;
+  font-size: var(--fs-page-title, 3.6rem);
+  line-height: var(--lh-heading-tight, 1.25) !important;
   font-weight: 700 !important;
   letter-spacing: -0.025em;
-  margin-top: 36px !important;
-  margin-bottom: 18px !important;
+  margin-top: calc(var(--sp-5, 2.4rem) * 1.5) !important;
+  margin-bottom: calc(var(--sp-3, 1.2rem) * 1.5) !important;
 }
 .lexical-editor-root .editor-h2 {
-  font-size: 30px;
-  line-height: 1.25 !important;
+  font-family: var(--font-family-heading, var(--font-inter), Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif) !important;
+  color: var(--gray-900, #212529) !important;
+  font-size: var(--fs-heading-xl, 3rem);
+  line-height: var(--lh-heading-tight, 1.25) !important;
   font-weight: 600 !important;
-  margin-top: 30px !important;
-  margin-bottom: 15px !important;
+  margin-top: calc(var(--sp-5, 2.4rem) * 1.25) !important;
+  margin-bottom: calc(var(--sp-3, 1.2rem) * 1.25) !important;
   border-bottom: 1px solid var(--border);
   padding-bottom: 4px;
 }
 .lexical-editor-root .editor-h3 {
-  font-size: 24px;
-  line-height: 1.25 !important;
+  font-family: var(--font-family-heading, var(--font-inter), Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif) !important;
+  color: var(--gray-800, #343a40) !important;
+  font-size: var(--fs-heading-m, 2.4rem);
+  line-height: var(--lh-heading-tight, 1.25) !important;
   font-weight: 600 !important;
-  margin-top: 24px !important;
-  margin-bottom: 12px !important;
+  margin-top: var(--sp-5, 2.4rem) !important;
+  margin-bottom: var(--sp-3, 1.2rem) !important;
 }
 .lexical-editor-root .editor-h4 {
-  font-size: 20px;
-  line-height: 1.25 !important;
+  font-family: var(--font-family-heading, var(--font-inter), Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif) !important;
+  color: var(--gray-800, #343a40) !important;
+  font-size: var(--fs-body, 1.6rem);
+  line-height: var(--lh-heading-tight, 1.25) !important;
   font-weight: 600 !important;
-  margin-top: 18px !important;
-  margin-bottom: 9px !important;
+  margin-top: calc(var(--sp-5, 2.4rem) * 0.75) !important;
+  margin-bottom: calc(var(--sp-3, 1.2rem) * 0.75) !important;
 }
 .lexical-editor-root .editor-h5 {
-  font-size: 18px;
-  line-height: 1.25 !important;
+  font-family: var(--font-family-heading, var(--font-inter), Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif) !important;
+  color: var(--gray-700, #495057) !important;
+  font-size: var(--fs-body-sm, 1.4rem);
+  line-height: var(--lh-heading-tight, 1.25) !important;
   font-weight: 600 !important;
-  margin-top: 12px !important;
-  margin-bottom: 6px !important;
+  margin-top: calc(var(--sp-5, 2.4rem) * 0.5) !important;
+  margin-bottom: calc(var(--sp-3, 1.2rem) * 0.5) !important;
 }
 .lexical-editor-root .editor-h6 {
-  font-size: 16px;
-  line-height: 1.25 !important;
+  font-family: var(--font-family-heading, var(--font-inter), Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif) !important;
+  color: var(--gray-700, #495057) !important;
+  font-size: var(--fs-caption, 1.3rem);
+  line-height: var(--lh-heading-tight, 1.25) !important;
   font-weight: 600 !important;
-  margin-top: 12px !important;
-  margin-bottom: 6px !important;
+  margin-top: calc(var(--sp-5, 2.4rem) * 0.5) !important;
+  margin-bottom: calc(var(--sp-3, 1.2rem) * 0.5) !important;
 }
 .lexical-editor-root .editor-quote {
   margin: 24px 0 !important;
   padding: 16px 16px 16px 24px;
   border-left: 4px solid var(--border);
-  font-size: 18px;
+  font-size: var(--fs-body, 1.6rem);
   color: var(--muted-foreground);
   font-style: italic;
   background-color: var(--muted);
@@ -2679,7 +2716,7 @@
   margin-top: 3px;
   cursor: pointer;
   display: block;
-  border: 2px solid var(--list-marker-color, #3b82f6) !important;
+  border: 2px solid var(--list-marker-color, var(--primary, #3b82f6)) !important;
   border-radius: 4px;
   box-sizing: border-box;
   transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
@@ -2689,11 +2726,11 @@
 }
 .lexical-editor-root .editor-checklist .editor-listitem-checked {
   text-decoration: line-through;
-  color: var(--muted-foreground, #64748b);
+  color: var(--muted-foreground, #6c757d);
 }
 .lexical-editor-root .editor-checklist .editor-listitem-checked::before {
-  background-color: var(--list-marker-color, #3b82f6) !important;
-  border-color: var(--list-marker-color, #3b82f6) !important;
+  background-color: var(--list-marker-color, var(--primary, #3b82f6)) !important;
+  border-color: var(--list-marker-color, var(--primary, #3b82f6)) !important;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3 7.5L5.5 10L11 4.5'/%3E%3C/svg%3E");
 }
 .lexical-editor-root .editor-checklist .editor-listitem-checked::after {
@@ -2922,8 +2959,8 @@
   list-style-type: disc !important;
 }
 .lexical-editor-root .editor-code {
-  background-color: var(--muted, #f3f4f6);
-  color: var(--muted-foreground, #1f2937);
+  background-color: var(--muted, #f1f3f5);
+  color: var(--muted-foreground, #212529);
   font-family:
     "JetBrains Mono",
     ui-monospace,
@@ -2936,7 +2973,7 @@
     monospace;
   display: block;
   padding: 16px 16px 16px 64px;
-  line-height: 1.75;
+  line-height: var(--lh-body-normal, 1.5);
   font-size: 14px;
   margin: 24px 0 !important;
   overflow-x: auto;
@@ -2963,8 +3000,8 @@
   user-select: none;
 }
 .lexical-editor-root .editor-text-code {
-  background-color: var(--muted, #f3f4f6);
-  color: var(--foreground, #1f2937);
+  background-color: var(--muted, #f1f3f5);
+  color: var(--foreground, #212529);
   padding: 2px 6px;
   font-family:
     "JetBrains Mono",
@@ -2978,7 +3015,7 @@
     monospace;
   font-size: 14px;
   border-radius: var(--radius, 8px);
-  border: 1px solid var(--border, #d1d5db);
+  border: 1px solid var(--border, #dee2e6);
   font-weight: 500;
 }
 .lexical-editor-root .editor-hashtag {
@@ -2994,7 +3031,7 @@
   table-layout: fixed;
   margin: 16px 0;
   border-radius: var(--radius, 8px);
-  border: 1px solid var(--border, #d1d5db);
+  border: 1px solid var(--border, #dee2e6);
 }
 .lexical-editor-root .editor-table .editor-table-cell,
 .lexical-editor-root .editor-table .editor-table-cell-header {
@@ -3008,7 +3045,7 @@
 .lexical-editor-root .editor-table .editor-table-cell-header {
   background-color: var(--muted, #f9fafb);
   font-weight: 600;
-  color: var(--foreground, #1f2937);
+  color: var(--foreground, #212529);
 }
 .lexical-editor-root .editor-table .editor-table-cell-selected {
   background-color: rgba(var(--primary, #3b82f6), 0.3) !important;
@@ -3036,13 +3073,13 @@
   height: 20px;
 }
 .lexical-editor-root .editor-table .editor-table-cell-action-button {
-  background-color: var(--muted, #f3f4f6);
+  background-color: var(--muted, #f1f3f5);
   display: block;
   border: 0;
   border-radius: 9999px;
   width: 20px;
   height: 20px;
-  color: var(--foreground, #1f2937);
+  color: var(--foreground, #212529);
   cursor: pointer;
   transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
 }
@@ -3077,15 +3114,15 @@
   left: 0;
   width: 100%;
   height: 4px;
-  background-color: var(--muted, #f3f4f6);
+  background-color: var(--muted, #f1f3f5);
 }
 .lexical-editor-root .editor-table .editor-table-row-striping {
   margin: 0;
-  border-top: 1px solid var(--border, #d1d5db);
+  border-top: 1px solid var(--border, #dee2e6);
   padding: 0;
 }
 .lexical-editor-root .editor-table .editor-table-row-striping:nth-child(even) {
-  background-color: var(--muted, #f3f4f6);
+  background-color: var(--muted, #f1f3f5);
 }
 .lexical-editor-root .editor-table .editor-table-selected {
   outline: 2px solid var(--primary, #3b82f6);
@@ -3118,7 +3155,7 @@
   pointer-events: none;
 }
 .lexical-editor-root .editor-link {
-  color: #3b82f6;
+  color: var(--primary, #3b82f6);
   text-decoration: none;
 }
 .lexical-editor-root .editor-link:hover {
@@ -3197,7 +3234,7 @@
   margin-top: 8px;
 }
 .lexical-editor-root .editor-image-caption.editable {
-  border: 1px solid var(--border, #d1d5db);
+  border: 1px solid var(--border, #dee2e6);
   border-radius: var(--radius, 8px);
   background-color: rgba(255, 255, 255, 0.9);
 }
@@ -3235,7 +3272,7 @@
   content: "";
   display: block;
   height: 2px;
-  background-color: var(--border, #d1d5db);
+  background-color: var(--border, #dee2e6);
   line-height: 2px;
 }
 .lexical-editor-root .editor-hr.selected {
@@ -3249,6 +3286,6 @@
   outline: 2px solid var(--primary, #3b82f6);
 }
 .lexical-editor-root .editor-autocomplete {
-  color: var(--muted-foreground, #64748b);
+  color: var(--muted-foreground, #6c757d);
 }
 /*# sourceMappingURL=editor.css.map */