Add popup font color options

simple-translate/_locales/en/messages.json

@@ -150,6 +150,12 @@
   "fontSizeLabel": {
     "message": "Font size"
   },
+  "resultFontColorLabel": {
+    "message": "Font color of translation result"
+  },
+  "candidateFontColorLabel": {
+    "message": "Font color of translation candidates"
+  },
   "bgColorLabel": {
     "message": "Background color"
   },

simple-translate/options/options.html

@@ -296,6 +296,30 @@
                                 </div>
                             </li>
 
+                            <li class="optionContainer new">
+                                <div class=optionText>
+                                    <p class=resultFontColorLabel>翻訳結果のフォントカラー</p>
+                                </div>
+                                <div class=optionForm>
+                                    <label>
+                                        <input id=resultFontColor class=saveByChange type=color value="#000000">
+
+                                    </label>
+                                </div>
+                            </li>
+
+                            <li class="optionContainer new">
+                                <div class=optionText>
+                                    <p class=candidateFontColorLabel>翻訳候補のフォントカラー</p>
+                                </div>
+                                <div class=optionForm>
+                                    <label>
+                                        <input id=candidateFontColor class=saveByChange type=color value="#737373">
+
+                                    </label>
+                                </div>
+                            </li>
+
                             <li class=optionContainer>
                                 <div class=optionText>
                                     <p class=bgColorLabel>背景色</p>

simple-translate/simple-translate.js

@@ -182,6 +182,8 @@ function panelPosition(e) {
   panel.style.maxWidth = S.get().width + "px";
   panel.style.maxHeight = S.get().height + "px";
   panel.style.fontSize = S.get().fontSize + "px";
+  panel.getElementsByClassName("result")[0].style.color = S.get().resultFontColor;
+  panel.getElementsByClassName("candidate")[0].style.color = S.get().candidateFontColor;
   panel.style.backgroundColor = S.get().bgColor;
 }