fix: correct toggle logic for partial selection

src/bundle/toolbar/markup/MToolbarColors.tsx

@@ -10,6 +10,7 @@ export const MToolbarColors: React.FC<MToolbarColorsProps> = ({
     focus,
     onClick,
 }) => {
+    // TODO: @makhnatkin check markup mode
     return (
         <ToolbarColors
             enable

src/bundle/toolbar/wysiwyg/WToolbarColors.tsx

@@ -19,7 +19,7 @@ export const WToolbarColors: React.FC<WToolbarColorsProps> = ({
             enable={action.isEnable()}
             currentColor={currentColor}
             exec={(color) => {
-                action.run({color: color === currentColor ? '' : color});
+                action.run({color});
             }}
             disablePortal={disablePortal}
             className={className}

src/extensions/yfm/Color/index.ts

@@ -35,6 +35,10 @@ export const Color: ExtensionAuto = (builder) => {
                     if (!hasMark) return true;
 
                     // remove mark
+                    // TODO: @makhnatkin currently params[colorMarkName] = '' is sent
+                    //  when clicking the same color repeatedly
+                    // because of this we can't determine which color it was, we need to always send the color,
+                    // but handle the removal logic differently
                     return toggleMark(type, params)(state, dispatch);
                 }
 

src/utils/actions.ts

@@ -10,7 +10,9 @@ export function defineActions<Keys extends string>(actions: Record<Keys, ActionS
 }
 
 export function createToggleMarkAction(markType: MarkType): ActionSpec {
-    const command = toggleMark(markType);
+    const command = toggleMark(markType, undefined, {
+        removeWhenPresent: false,
+    });
     return {
         isActive: (state) => Boolean(isMarkActive(state, markType)),
         isEnable: command,