docs: function syncColors() {
          //sync colors
          try {
              var specialColor = window.localStorage.getItem('specialColor');
              if(specialColor) {
                  var styleSheetsArray = Array.prototype.slice.call(document.styleSheets);
                  var styleSheet= styleSheetsArray.filter(function(styleSheet) {
                      return styleSheet.href && styleSheet.href.indexOf('inpage-edit.css') > -1;
                  })[0];
                  var cssRules = styleSheet.cssRules;
                  var cssRulesArray = Array.prototype.slice.call(cssRules);
  
                  //box hover colors
                  var boxHoverRule = cssRulesArray.filter(function(rule) {
                      return rule.selectorText === '.ps-box:hover';
                  })[0];
                  boxHoverRule.style.outlineColor = specialColor;
  
                  var addBoxHoverRule = cssRulesArray.filter(function(rule) {
                      return rule.selectorText === '.ps-region:hover .ps-box-add:hover';
                  })[0];
                  addBoxHoverRule.style.outlineColor = specialColor;
  
                  //edit button rules
                  var editButtonRule = cssRulesArray.filter(function(rule) {
                      return rule.selectorText === '.ps-box .ps-edit';
                  })[0];
                  editButtonRule.style.backgroundColor = specialColor;
  
                  //grab handle
                  var grabHandleRule = cssRulesArray.filter(function(rule) {
                      return rule.selectorText === '.ps-box .ps-grab';
                  })[0];
                  grabHandleRule.style.backgroundColor = specialColor;
  
                  //add button
                  var addButtonRule = cssRulesArray.filter(function(rule) {
                      return rule.selectorText === '.ps-box .ps-add';
                  })[0];
                  addButtonRule.style.backgroundColor = specialColor;
  
                  //add button
                  var dropOverlayRule = cssRulesArray.filter(function(rule) {
                      return rule.selectorText === '.ps-drop-target.ps-drag-over';
                  })[0];
                  dropOverlayRule.style.outlineColor = specialColor;
                  dropOverlayRule.style.color = specialColor;
              }
          } catch(e) {
              console.warn(e);
          }
      }