Add more gradients

src/index.html

@@ -567,12 +567,20 @@
             </div>
             <div id="selector_color_background" class="container" alt="select background color of the logo">
                 <div class="color_selector_gradient">
-                    <input type="radio" id="background_light" name="background_color" value='{"simple": "#1f1c2a", "bottom": "#020613", "top": "#332a39"}' checked="true"/>
-                    <label for="background_light" style="background: linear-gradient(90deg, #020613 0%, #332a39 100%);" alt="pink"></label>
+                    <input type="radio" id="background_light" name="background_color" value='{"simple": "#1f1c2aff", "bottom": "#020613ff", "top": "#332a39ff"}' checked="true"/>
+                    <label for="background_light" style="background: linear-gradient(90deg, #020613ff 0%, #332a39ff 100%);" alt="pink"></label>
                 </div>
                 <div class="color_selector_gradient">
-                    <input type="radio" id="background_dark" name="background_color" value='{"simple": "#0b1a26", "bottom": "#0d0313", "top": "#0b1a26"}'/>
-                    <label for="background_dark" style="background: linear-gradient(90deg, #0d0313 0%, #0b1a26 100%);" alt="green"></label>
+                    <input type="radio" id="background_blue" name="background_color" value='{"simple": "#0b1925ff", "bottom": "#0d0313ff", "top": "#0b1925ff"}' checked="true"/>
+                    <label for="background_blue" style="background: linear-gradient(90deg, #0d0313ff 0%, #0b1925ff 100%);" alt="pink"></label>
+                </div>
+                <div class="color_selector_gradient">
+                    <input type="radio" id="background_red" name="background_color" value='{"simple": "#230f2bff", "bottom": "#0b0321ff", "top": "#230f2bff"}' checked="true"/>
+                    <label for="background_red" style="background: linear-gradient(90deg, #0b0321ff 0%, #230f2bff 100%);" alt="pink"></label>
+                </div>
+                <div class="color_selector_gradient">
+                    <input type="radio" id="background_green" name="background_color" value='{"simple": "#162829ff", "bottom": "#0a161fff", "top": "#223a33ff"}' checked="true"/>
+                    <label for="background_green" style="background: linear-gradient(90deg, #0a161fff 0%, #223a33ff 100%);" alt="pink"></label>
                 </div>
             </div>
             <div id="selector_animal" class="container" alt="select animal on the logo">