feat: add data-color-mode props.

Author: jaywcjlove

src/index.tsx

@@ -9,6 +9,10 @@ export * from './SelectionText';
 
 export interface TextareaCodeEditorProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
   prefixCls?: string;
+  /**
+   * Support dark-mode/night-mode
+   */
+  ['data-color-mode']?: 'dark' | 'light';
   /**
    * Set what programming language the code belongs to.
    */
@@ -37,6 +41,7 @@ export default React.forwardRef<HTMLTextAreaElement, TextareaCodeEditorProps>((p
     minHeight = 16,
     placeholder,
     language,
+    'data-color-mode': dataColorMode,
     className,
     style,
     rehypePlugins,
@@ -81,7 +86,11 @@ export default React.forwardRef<HTMLTextAreaElement, TextareaCodeEditorProps>((p
   );
 
   return (
-    <div style={{ ...styles.container, ...style }} className={`${prefixCls} ${className || ''}`}>
+    <div
+      style={{ ...styles.container, ...style }}
+      className={`${prefixCls} ${className || ''}`}
+      data-color-mode={dataColorMode}
+    >
       <textarea
         autoComplete="off"
         autoCorrect="off"

src/style/index.less

@@ -30,6 +30,7 @@
   }
 }
 
+.@{w-textarea}[data-color-mode*='dark'],
 [data-color-mode*='dark'] .@{w-textarea},
 [data-color-mode*='dark'] .@{w-textarea}-var,
 body[data-color-mode*='dark'] {
@@ -45,6 +46,7 @@ body[data-color-mode*='dark'] {
   --color-prettylights-syntax-markup-bold: #c9d1d9;
 }
 
+.@{w-textarea}[data-color-mode*='light'],
 [data-color-mode*='light'] .@{w-textarea},
 [data-color-mode*='light'] .@{w-textarea}-var,
 body[data-color-mode*='light'] {