Update index.html

index.html

@@ -413,6 +413,11 @@
                             <input name="nameSpaceLength" type="range" class="form-control form-range"
                                 id="nameSpaceLength" value="3" step="1" min="0" max="12">
                         </div>
+                        <div class="input-group">
+                            <span class="input-group-text bg-secondary text-light">fontColor</span>
+                            <input name="fontColor" type="color" class="form-control form-control-color"
+                                id="fontColor" value="#ffffff">
+                        </div>
                         <div class="input-group">
                             <span class="input-group-text bg-secondary text-light">StrokeColor</span>
                             <input name="strokeColor" type="color" class="form-control form-control-color"
@@ -473,6 +478,7 @@
                         <li>
                             <ul>
                                 <li>Google Fontsからフォントを選択できるようにした。</li>
+                                <li>FontColorの変更に対応した。</li>
                             </ul>
                         </li>
                         <li>
@@ -854,6 +860,11 @@
             f.textContent = 'body { font-family: "' + i.value.trim() + '"; }';
         });
 
+        document.getElementById("fontColor").addEventListener("change", function () {
+            document.documentElement.style.setProperty('--bs-light-rgb', hex2rgb(document.getElementById("fontColor").value));
+            createEditor();
+        });
+
         document.getElementById("windowSize").addEventListener("change", function () {
             document.documentElement.style.setProperty('--messageWindowSize', this.value + "%");
             createEditor();