fix: color

Author: lumixraku

src/components/editor/components/toolbar/selection-toolbar/actions/Color.tsx

@@ -18,7 +18,6 @@ function Color() {
   const { t } = useTranslation();
   const { visible: toolbarVisible } = useSelectionToolbarContext();
   const editor = useSlateStatic() as YjsEditor;
-  const _isActivated = CustomEditor.isMarkActive(editor, EditorMarkFormat.FontColor);
   const marks = CustomEditor.getAllMarks(editor);
   const activeFontColor = marks.find((mark) => mark[EditorMarkFormat.FontColor])?.[EditorMarkFormat.FontColor];
 
@@ -135,7 +134,7 @@ function Color() {
                     <div
                       className={`absolute top-0 left-0 h-full w-full cursor-pointer rounded-200 border opacity-50 hover:opacity-100`}
                       style={{
-                        borderColor: activeFontColor === color.color ? 'var(--fill-default)' : undefined,
+                        borderColor: activeFontColor === color.color ? color.color : 'var(--background-tertiary)',
                         color: renderColor(color.color) || 'var(--text-title)',
                         opacity: color.color ? undefined : 1,
                       }}

src/components/editor/components/toolbar/selection-toolbar/actions/ColorHighlight.tsx

@@ -19,7 +19,6 @@ function ColorHighlight() {
     const { t } = useTranslation();
     const { visible: toolbarVisible } = useSelectionToolbarContext();
     const editor = useSlateStatic() as YjsEditor;
-    const _isActivated = CustomEditor.isMarkActive(editor, EditorMarkFormat.BgColor);
     const marks = CustomEditor.getAllMarks(editor);
     const activeBgColor = marks.find((mark) => mark[EditorMarkFormat.BgColor])?.[EditorMarkFormat.BgColor];
 
@@ -143,7 +142,7 @@ function ColorHighlight() {
                                             </>
                                         ) : (
                                             <div
-                                                className="w-full h-full rounded-200 border border-tertiary"
+                                                className="w-full h-full rounded-200 border border-background-tertiary"
                                                 style={{
                                                     backgroundColor: renderColor(color.color),
                                                 }}