commit

Author: Pythack

popup.css

@@ -35,6 +35,18 @@ input {
   margin-top: 8px;
 }
 
+#activate_textShadow {
+  height: 16px;
+  width: 16px;
+  margin: 4px;
+  background: rgba(12, 12, 13, 0.1);
+  border: 1px rgba(12, 12, 13, 0.3);
+}
+
+#activate_textShadow:checked {
+  background: #0060df;
+}
+
 p {
   width: 3cm;
 }
@@ -77,6 +89,10 @@ input[type="url"]:valid {
   box-shadow: 0 0 0 1px #00cc22, 0 0 0 4px rgba(0, 204, 34, 0.3)
 }
 
+#textSadowOptions {
+  display: none;
+}
+
 #save_btn {
   color: #ffffff;
   background: #0060df;

popup.html

@@ -11,7 +11,10 @@ <h1 id="title">Selection customizer</h1>
         <!--<label>Url (optional): </label><br/><input type="url" placeholder="https://www.google.com/" id="url"><br/><br/>-->
         <label>Color: </label><br/><input type="text" placeholder="white" id="color"> <input id="color-picker-textColor" type="color"><br/><br/>
         <label>Background color: </label><br/><input type="text" placeholder="#007ef3" id="background_color"> <input id="color-picker-backgroundColor" type="color"><br/><br/>
-        <!--<label>Text shadow color: </label><br/><input type="text" placeholder="none" id="shadow-color"> <input id="color-picker-shadowColor" type="color"><br/><br/>-->
+        <input id="activate_textShadow" name="activate_textShadow" type="checkbox"><label for="activate_textShadow">Activate text shadow </label><br/><br/>
+        <div id="textSadowOptions">
+          <label>Text shadow color: </label><br/><input type="text" placeholder="none" id="shadow-color"> <input id="color-picker-shadowColor" type="color"><br/><br/>
+        </div>
         <label>Preview: </label><br/><p id="preview">Lorem ipsum</p><br/><br/>
         <button type="submit" id="save_btn">Save</button>
     </form>