home.html in word-games-theme-0.2.9

- old
+ new

@@ -1,9 +1,11 @@
 {% assign file = page.fileName %}
 {% assign lang = page.lang %}
 {% assign dataToShow = site.data.[page.folderName][lang][file] %}
 
+{%- assign CustomColor = site.data.theme.colors -%}
+
 <!-- starting landingPage -->
 <div class="pageHeaderBg">
     <div class="container">
         <div class="pageHeading text-center">
             <h1 class="heading pb-0 m-0">
@@ -16,13 +18,16 @@
     </div>
     <div class="container-fluid" id="containerWd">
         <div class="serachSection">
             <div class="position-relative serachBox">
                 <form action="/result" id='form' method="GET">
-                    <input type="text" placeholder="Enter up to 15 letters?" class="txtBox" value name="search"
-                        maxlength="15" required>
-                    <input type="submit" class="serachBtn" id="serach" value>
+                    <input style="border-radius: {{CustomColor.inputFieldBorder}}" type="text"
+                        placeholder="Enter up to 15 letters?" class="txtBox" value name="search" maxlength="15"
+                        required>
+                    <input style="border-radius: {{CustomColor.inputFieldBorder}}; 
+                        background-color: {{CustomColor.inputButtonBg}};" type="submit" class="serachBtn" id="serach"
+                        value>
                     <div class="dictonaryDropdown">
                         <select class="form-select select_dropDown2" name="dictonary"
                             aria-label="Default select example">
                             <option selected value="">Dictonary</option>
                             <option value="twl06">TWL06 (US, Canada, Thailand)</option>
@@ -64,10 +69,11 @@
                             <label for="wordLength">Word Length </label>
                             <br>
                             <input type="text" id="wordLength" placeholder="Length" name="length">
                             <div style="margin-top: 1.2rem;">
                                 <input type="submit" value="Apply" class="btn-info w-100 text-white"
-                                    style="background: #BD67DD">
+                                    style="background-color: {{CustomColor.inputButtonBg}};">
+
                             </div>
                         </div>
 
                     </div>
                 </form>
\ No newline at end of file