Add more color options to change lower background and text color

Rytiggy · Mar 9, 2019 · 98d7e17 · 98d7e17
1 parent fe316cb
commit 98d7e17
Show file tree

Hide file tree

Showing 5 changed files with 1,094 additions and 1,029 deletions.
diff --git a/app/index.js b/app/index.js
@@ -183,9 +183,14 @@ function update() {
     weather.text = '';// data.weather.temp;
     degreeIcon.style.display = "none";
 
+    // colors
     bgColor.gradient.colors.c1 = data.settings.bgColor;
-    largeGraphBgColor.gradient.colors.c1 =  data.settings.bgColor;
+    bgColor.gradient.colors.c2 = data.settings.bgColorTwo;
 
+    largeGraphBgColor.gradient.colors.c1 =  data.settings.bgColor;
+    largeGraphBgColor.gradient.colors.c2 =  data.settings.bgColorTwo;
+
+    setTextColor(data.settings.textColor)
     // bloodsugars
     let currentBgFromBloodSugars = getFistBgNonpredictiveBG(data.bloodSugars.bgs);
 
@@ -356,6 +361,12 @@ function getFistBgNonpredictiveBG(bgs){
 }
 
 
+function setTextColor(color){
+  let domElemets = ['iob', 'cob', 'heart', 'steps', 'batteryPercent', 'date', 'delta', 'timeOfLastSgv', 'time', 'high', 'low', 'largeGraphHigh', 'largeGraphLow', 'largeGraphDelta', 'largeGraphTimeOfLastSgv', 'largeGraphIob', 'largeGraphCob', 'predictedBg', 'largeGraphTime', 'largeGraphLoopStatus', 'tempBasal'];
+  domElemets.forEach(ele => {
+    document.getElementById(ele).style.fill = color
+  })
+}
 
 
 goToLargeGraph.onclick = (e) => {

diff --git a/modules/companion/settings.js b/modules/companion/settings.js
@@ -206,6 +206,7 @@ export default class settings {
    } 
 
    let bgColor = null;
+   let bgColorTwo = "black";
    if (settingsStorage.getItem('bgColor')) {
      bgColor = JSON.parse(settingsStorage.getItem('bgColor'));
      if(bgColor === '#FFFFFF') {
@@ -219,14 +220,27 @@ export default class settings {
        } 
        if (!saveColor) {
          settingsStorage.setItem("hexColor", JSON.stringify({"name":bgColor}));  
+         settingsStorage.setItem("hexColorTwo", JSON.stringify({"name":'black'}));  
        } else {
          bgColor = JSON.parse(settingsStorage.getItem('hexColor')).name;
-         settingsStorage.setItem("hexColor", JSON.stringify({"name":bgColor}));  
+         bgColorTwo = JSON.parse(settingsStorage.getItem('hexColorTwo')).name;
+         settingsStorage.setItem("hexColor", JSON.stringify({"name":bgColor})); 
+         settingsStorage.setItem("hexColorTwo", JSON.stringify({"name":bgColorTwo}));  
+
        }
      }
    } else if (!bgColor) {
      bgColor = '#390263';
    } 
+
+
+   let textColor = null;
+   if (settingsStorage.getItem('textColor')) {
+    textColor =  JSON.parse(settingsStorage.getItem('textColor')).name;
+   } else if (!textColor) {
+    textColor = '#ffffff';
+    settingsStorage.setItem("textColor", JSON.stringify({"name":textColor})); 
+  } 
 
    let largeGraph = null;
    if (settingsStorage.getItem('largeGraph')) {
@@ -363,6 +377,8 @@ export default class settings {
      dateFormat,
      tempType,
      bgColor,
+     bgColorTwo,
+     textColor,
      dismissHighFor,
      dismissLowFor,
      largeGraph,