Update index.html

index.html

@@ -154,9 +154,9 @@
         }
 
         .watermark {
-            opacity: 0.5;
-            -webkit-text-stroke: 1px black;
+            -webkit-text-stroke: 1px rgba(0, 0, 0, 0.8);
             paint-order: stroke fill;
+            color: rgba(255, 255, 255, 0.8);
         }
     </style>
     <style id="fontFamily">
@@ -183,7 +183,7 @@
             <div class="row">
                 <div class="col-lg-7 p-0 m-0 relative" id="edit">
                     <div id="emptySpace" class="row p-0 m-0">
-                        <p class="watermark text-light text-end">Gal-Game UI Editor<br>https://huggingface.co/spaces/SenY/GalGameUI</p>
+                        <p class="watermark text-end">Gal-Game UI Editor<br>https://huggingface.co/spaces/SenY/GalGameUI</p>
                     </div>
                     <div id="messageWindow" class="row">
                         <div class="col-12 p-0 m-0 h-100">
@@ -325,14 +325,14 @@
                         <input name="mainMessagePaddingSize" type="range" class="form-control form-range"
                             id="mainMessagePaddingSize" value="0" step="0.1" min="0" max="2">
                     </div>
+                    <div class="input-group">
+                        <button id="waterMarkToggle" type="button" class="btn btn-warning">WaterMark</button>
+                    </div>
                     <div class="input-group">
                         <span class="input-group-text bg-secondary text-light">Render Scale</span>
                         <input name="renderScale" type="range" class="form-control form-range" id="renderScale"
                             value="2" step="0.5" min="1" max="4">
                     </div>
-                    <div class="input-group">
-                        <button id="waterMarkToggle" type="button" class="btn btn-warning">WaterMark</button>
-                    </div>
                     <hr>
                     <div class="input-group">
                         <label for="upload">