Minor updates (#1)

* change sandbox background * better fonts
StuxVT · Mar 9, 2024 · 469e030 · 469e030
1 parent 363e146
commit 469e030
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 20 deletions.
diff --git a/libs/icons.css b/libs/icons.css
@@ -30,7 +30,7 @@
 body {
   width: 100%;
   height: 100%;
-  background-color: #9bd79a;
+  background-color: #404040;
 }
 
 .widget {

diff --git a/widget.js b/widget.js
@@ -7,7 +7,7 @@ window.addEventListener('onWidgetLoad', function (obj) {
 
   // visuals
   timerElement.style.backgroundColor = fieldData.backgroundColor
-  timerElement.style.fontFamily = fieldData.font
+  timerElement.style.fontFamily = fieldData.fontName
 
   // seconds -> min:sec format
   function formatTime(time) {

diff --git a/widget.json.js b/widget.json.js
@@ -19,24 +19,9 @@ let fieldData={
         "type": "colorpicker",
         "value": "rgba(0, 0, 0, 0.5)"
     },
-    "font": {
-        "label": "Font",
-        "type": "dropdown",
+    "fontName": {
+        "type": "googleFont",
+        "label": "Google Font name",
         "value": "Montserrat",
-        "options": {
-            "Montserrat": "Montserrat",
-            "Arial": "Arial",
-            "Helvetica": "Helvetica",
-            "Times New Roman": "Times New Roman",
-            "Courier New": "Courier New",
-            "Verdana": "Verdana",
-            "Georgia": "Georgia",
-            "Garamond": "Garamond",
-            "Bookman": "Bookman",
-            "Comic Sans MS": "Comic Sans MS",
-            "Trebuchet MS": "Trebuchet MS",
-            "Arial Black": "Arial Black",
-            "Impact": "Impact"
-        }
     }
 }