Harmony功能中增加向Scheme选择颜色的功能。

src/page-components/harmonies/HarmonyPreview.tsx

@@ -1,6 +1,7 @@
 import cx from 'clsx';
 import { constant, flatten, isEqual, take, times } from 'lodash-es';
 import { useMemo } from 'react';
+import ContextMenu from '../../components/ContextMenu';
 import { useCopyColor } from '../../hooks/useCopyColor';
 import { HarmonyColor } from '../../models';
 import styles from './HarmonyPreview.module.css';
@@ -33,8 +34,11 @@ export function HarmonyPreview({ colors = [] }: HarmonyPreviewProps) {
             style={{ flexGrow: ratio }}>
             <div className={styles.color_ratio}>{ratio > 0 && `Ratio: ${ratio}`}</div>
             <div className={styles.color_square} style={{ backgroundColor: `#${color}` }}></div>
-            <div className={styles.color_code}>
-              {ratio > 0 && <span onClick={() => copyColor(color)}>#{color}</span>}
+            <div className={styles.color_code_row}>
+              <div className={styles.color_code}>
+                {ratio > 0 && <span onClick={() => copyColor(color)}>#{color}</span>}
+              </div>
+              <ContextMenu color={color} />
             </div>
           </div>
         ))}