add danmuku colors

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

@@ -21,10 +21,10 @@
             display: none;
             flex-direction: column;
             position: absolute;
-            left: -65px;
+            left: -70px;
             bottom: 29px;
-            width: 150px;
-            padding: 10px 10px 5px;
+            width: 160px;
+            padding: 10px 10px 0;
             border-radius: 3px;
             background-color: rgba(0, 0, 0, 0.9);
 
@@ -35,7 +35,7 @@
             .art-danmuku-style-panel-modes {
                 display: flex;
                 justify-content: space-between;
-                margin-bottom: 20px;
+                margin-bottom: 15px;
 
                 .art-danmuku-style-panel-mode {
                     display: flex;
@@ -52,6 +52,38 @@
                     }
                 }
             }
+
+            .art-danmuku-style-panel-colors {
+                display: flex;
+                gap: 5px;
+                flex-wrap: wrap;
+                margin-bottom: 10px;
+                justify-content: space-between;
+
+                .art-danmuku-style-panel-color {
+                    cursor: pointer;
+                    width: 15px;
+                    height: 15px;
+                    border: 1px solid #fff;
+
+                    &.art-current{
+                        position: relative;
+                        box-shadow: 0 0 2px #fff;
+                        &::before {
+                            content: '';
+                            position: absolute;
+                            width: 100%;
+                            height: 100%;
+                            left: 0;
+                            top: 0;
+                            right: 0;
+                            bottom: 0;
+                            border: 1px solid #000;
+                        }
+                    }
+                }
+
+            }
         }
 
         &:hover .art-danmuku-style-panel{