yyyy-mm-dd format

Author: machineonamission

evergreen.js

@@ -100,8 +100,10 @@ function update_newtab_datetime() {
     let da;
     if (config["dateformat"] === "md") {
         da = `${mo}/${d}/${y}`;
-    } else {
+    } else if (config["dateformat"] === "dm") {
         da = `${d}/${mo}/${y}`;
+    } else if (config["dateformat"] === "ymd") {
+        da = `${y}-${mo.toString().padStart(2, "0")}-${d.toString().padStart(2, "0")}`;
     }
     set_html_if_needed(qs("#date"), da);
 }
@@ -308,8 +310,10 @@ function settings_set_timeformat() {
 function settings_set_dateformat() {
     if (this.id === "mdradio") {
         config["dateformat"] = "md";
-    } else {
+    } else if (this.id === "dmradio") {
         config["dateformat"] = "dm";
+    } else if (this.id === "ymdradio") {
+        config["dateformat"] = "ymd";
     }
     save_settings();
 }
@@ -846,11 +850,14 @@ function init_dateformat() {
         }
         if (config["dateformat"] === "md") {
             qs("#mdradio").setAttribute("checked", "checked");
-        } else {
+        } else if (config["dateformat"] === "dm") {
             qs("#dmradio").setAttribute("checked", "checked");
+        } else if (config["dateformat"] === "ymd") {
+            qs("#ymdradio").setAttribute("checked", "checked");
         }
         qs('#mdradio').addEventListener('input', settings_set_dateformat);
         qs('#dmradio').addEventListener('input', settings_set_dateformat);
+        qs('#ymdradio').addEventListener('input', settings_set_dateformat);
     });
 }
 

manifest.json

@@ -3,7 +3,7 @@
   "name": "Evergreen New Tab",
   "short_name": "Evergreen",
   "description": "A minimalistic, functional, and beautiful new tab extension for Chrome",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "permissions": [
     "storage",
     "geolocation"

newtab.html

@@ -141,6 +141,10 @@ <h5 class="modal-title"><img alt="" class="logoimg" src="icons/evergreen128.png"
                         <input class="form-check-input" id="dmradio" name="dateform" type="radio">
                         <label class="form-check-label" for="dmradio">DD/MM/YYYY</label>
                     </div>
+                    <div class="form-check form-check-inline">
+                        <input class="form-check-input" id="ymdradio" name="dateform" type="radio">
+                        <label class="form-check-label" for="ymdradio">YYYY-MM-DD</label>
+                    </div>
                 </div>
                 <div>
                     <p><i class="fa-solid fa-cloud-sun-rain"></i> Weather:</p>
@@ -338,20 +342,10 @@ <h4 class="modal-title"><img alt="" class="logoimg" src="icons/evergreen128.png"
             </div>
             <div class="modal-body">
                 <!--TODO: changelog-->
-                <h3>Changelog v2.0.0</h3>
+                <h3>Changelog v2.1.0</h3>
                 <h4>Changes</h4>
                 <ul>
-                    <li>Evergreen is now <a class="whitelink" href="https://github.com/HexCodeFFF/evergreen">open
-                        source!</a></li>
-                    <li>Replaced DarkSky with OpenWeatherMap and the framework to add new weather providers (NWS is planned)</li>
-                    <li>Rewrote large parts of the extension for better performance, cleaner code, and less
-                        dependencies
-                    </li>
-                    <li>added subtle shadows to text to aid readability on bright backgrounds</li>
-                    <li>completely new weather popover UI with chart.js and other nice visuals</li>
-                    <li>weather can now be fetched from a manually defined location</li>
-                    <li>weather fetching can now be entirely disabled</li>
-                    <li>beautified calendar popover</li>
+                    <li>Added YYYY-MM-DD date format option.</li>
                 </ul>
             </div>
             <div class="modal-footer">