如何将 popup.js 文件中的单个字符串变量传递到 chrome 扩展 API 上的单独 javascript 文件？

到目前为止，这是我的代码：popup.js

let drawCanvas = document.getElementById('but1');

let theInputColor = document.getElementById("colorPicker").value;

drawCanvas.onclick = function(undefined){
  chrome.tabs.query({active: true, currentWindow: true}, function(tabs){
    chrome.tabs.executeScript(tabs[0].id, { file: "canvasDrawing.js"}, function(){
      chrome.tabs.sendMessage(tabs[0].id, theInputColor);
       });
  });
 };

变量 theInputColor 是我想传递给我的 CanvasDrawing.js 文件作为 context.strokeStyle 的值的变量

画布绘图.js

    ....function drawLine(context, x1, y1, x2, y2) {
         context.beginPath();
         context.strokeStyle = theInputColor;
         context.lineWidth = 3;
         context.moveTo(x1, y1);
         context.lineTo(x2, y2);
         context.stroke();
         context.closePath();
          };

我需要 chrome.tabs.onMessage 响应吗？