Moved popup strings to the English locale file

Extensions/combined/_locales/en/messages.json

@@ -58,5 +58,35 @@
   },
   "considerDonating": {
     "message": "The only thing that keeps the extension running is your donations, please consider supporting the project."
+  },
+  "roundNumbers": {
+    "message": "Show rounded down numbers"
+  },
+  "roundNumbersHover": {
+    "message": "Round down numbers (default YouTube behavior)."
+  },
+  "reformatLikes": {
+    "message": "Re-format like numbers"
+  },
+  "reformatLikesHover": {
+    "message": "Make likes and dislikes format consistent."
+  },
+  "numberFormat": {
+    "message": "Number format:"
+  },
+  "colorizeRatio": {
+    "message": "Colorize ratio bar"
+  },
+  "colorizeRatioHover": {
+    "message": "Use custom colors for the ratio bar."
+  },
+  "colorizeThumbs": {
+    "message": "Colorize thumbs"
+  },
+  "colorizeThumbsHover": {
+    "message": "Use custom colors for the thumb icons."
+  },
+  "colorTheme": {
+    "message": "Color theme:"
   }
 }

Extensions/combined/popup.html

@@ -96,26 +96,26 @@
 
   <label class="switch" data-hover="__MSG_textSettingsHover__">
     <input type="checkbox" id="disable_vote_submission"/>
-    <span class="slider"/>
-    <span class="switchLabel" title="__MSG_textSettings__"
-    >__MSG_textSettings__</span
-    >
+    <span class="slider" />
+    <span class="switchLabel" title="__MSG_textSettings__">
+      __MSG_textSettings__
+    </span>
   </label>
   <br/>
-  <label class="switch" data-hover="Round down numbers (default YouTube behavior)">
+  <label class="switch" data-hover="__MSG_roundNumbersHover__">
     <input type="checkbox" id="number_round_down"/>
-    <span class="slider"/>
-    <span class="switchLabel">Show rounded down numbers</span>
+    <span class="slider" />
+    <span class="switchLabel">__MSG_roundNumbers__</span>
   </label>
   <br/>
-  <label class="switch" data-hover="Make likes and dislikes format consistent">
+  <label class="switch" data-hover="__MSG_reformatLikesHover__">
     <input type="checkbox" id="number_reformat_likes"/>
-    <span class="slider"/>
-    <span class="switchLabel">Re-format like numbers</span>
+    <span class="slider" />
+    <span class="switchLabel">__MSG_reformatLikes__</span>
   </label>
   <br/>
   <div class="custom-select">
-    <label for="number_format">Number format:</label>
+    <label for="number_format">__MSG_numberFormat__</label>
     <select name="number_format" id="number_format">
       <option value="compactShort" id="number_format_compactShort"></option>
       <option value="compactLong" id="number_format_compactLong"></option>
@@ -124,20 +124,20 @@
   </div>
   <br/>
   <div class="custom-select">
-    <label class="switch" data-hover="Use custom colors for ratio bar.">
+    <label class="switch" data-hover="__MSG_colorizeRatioHover__">
       <input type="checkbox" id="colored_bar"/>
-      <span class="slider"/>
-      <span class="switchLabel">Colorize ratio bar</span>
+      <span class="slider" />
+      <span class="switchLabel">__MSG_colorizeRatio__</span>
     </label>
   </div>
-  <label class="switch" data-hover="Use custom colors for thumb icons.">
+  <label class="switch" data-hover="__MSG_colorizeThumbsHover__">
     <input type="checkbox" id="colored_thumbs"/>
-    <span class="slider"/>
-    <span class="switchLabel">Colorize thumbs</span>
+    <span class="slider" />
+    <span class="switchLabel">__MSG_colorizeThumbs__</span>
   </label>
   <br/>
   <div class="custom-select">
-    <label for="color_theme">Color theme:</label>
+    <label for="color_theme">__MSG_colorTheme__</label>
     <select name="color_theme" id="color_theme">
       <option value="classic" id="color_theme_classic">Classic</option>
       <option value="accessible" id="color_theme_accessible">
@@ -153,8 +153,7 @@
             width: 1em;
             height: 1em;
           "
-    >&nbsp;</span
-    >
+    >&nbsp;</span>
     <span
       id="color_theme_example_dislike"
       style="
@@ -163,8 +162,7 @@
             width: 1em;
             height: 1em;
           "
-    >&nbsp;</span
-    >
+    >&nbsp;</span>
   </div>
 </fieldset>
 </body>