add danmuku theme

packages/artplayer-plugin-danmuku/src/danmuku.js

@@ -61,6 +61,7 @@ export default class Danmuku {
             minWidth: 200,
             maxWidth: 400,
             mount: undefined,
+            theme: 'dark',
             beforeEmit: () => true,
         };
     }
@@ -83,6 +84,7 @@ export default class Danmuku {
             minWidth: 'number',
             maxWidth: 'number',
             mount: 'undefined|htmldivelement',
+            theme: 'string',
             beforeEmit: 'function',
         };
     }

packages/artplayer-plugin-danmuku/src/setting.js

@@ -86,6 +86,10 @@ export default function setting(art, danmuku) {
             addClass($panel, 'art-backdrop-filter');
         }
 
+        if (option.theme) {
+            addClass($emitter, `art-danmuku-theme-${option.theme}`);
+        }
+
         let timer = null;
         let mode = option.mode;
         let color = option.color;

packages/artplayer-plugin-danmuku/src/style.less

@@ -182,24 +182,32 @@
         height: 34px;
 
         .art-danmuku-left {
-            border: 1px solid #dadada;
-            background: #f4f4f4;
-
             .art-danmuku-style {
                 .art-danmuku-style-panel {
                     left: 0;
                 }
+            }
+        }
+
+        .art-danmuku-send {
+            width: 60px;
+        }
+
+        &.art-danmuku-theme-light {
+            .art-danmuku-left {
+                border: 1px solid #dadada;
+                background: #f4f4f4;
     
-                .art-icon svg {
+                .art-danmuku-style .art-icon svg {
                     fill: #666;
                 }
-            }
-    
-            .art-danmuku-input {
-                color: #000000;
-    
-                &::placeholder, &::-webkit-input-placeholder {
-                    color: rgb(0 0 0 / 50%);
+        
+                .art-danmuku-input {
+                    color: #000000;
+        
+                    &::placeholder, &::-webkit-input-placeholder {
+                        color: rgb(0 0 0 / 50%);
+                    }
                 }
             }
         }