feat: add theme color param to widget

src/routes/setting/Widget.tsx

@@ -29,7 +29,7 @@ export default function Widget() {
         {t('code')}:
       </label>
       <SyntaxHighlighter id="code" language="html" style={vscDarkPlus} className="rounded">
-        {`<!-- ${t('code_comment')} -->\n<script \n  data-host-id="1" \n  data-close-width="48" \n  data-close-height="48" \n  data-open-width="380" \n  data-open-height="680" \n  src="${location.origin}/widget.js" \n  async \n/>`}
+        {`<!-- ${t('code_comment')} -->\n<script \n  data-host-id="1" \n  data-theme-color="#1fe1f9" \n  data-close-width="48" \n  data-close-height="48" \n  data-open-width="380" \n  data-open-height="680" \n  src="${location.origin}/widget.js" \n  async \n/>`}
       </SyntaxHighlighter>
       <div className="text-gray-500 dark:text-white text-sm mt-5 mb-2">
         {t('config')}:
@@ -48,6 +48,10 @@ export default function Widget() {
               paramKey: "host-id",
               paramDefault: 1,
               remarks: t("param_host")
+            }, {
+              paramKey: "theme-color",
+              paramDefault: "#1fe1f9",
+              remarks: t("param_theme_color")
             }, {
               paramKey: "close-width",
               paramDefault: `48(px)`,