如何更改电子表格主题也可更改HTML样式和背景

Question

我的想法是，我们总是可以在电子表格中更改主题，而HTML侧边栏样式在重新打开边栏后也会更改，这取决于电子表格主题。

首先，我从我的电子表格主题得到颜色和字体样式。我可能得到了不正确的价值，但这是我迄今所做的

function getFont() {
  return SpreadsheetApp.getActiveSpreadsheet().getSpreadsheetTheme().getFontFamily()
}

function getBG() {
  return SpreadsheetApp.getActiveSpreadsheet().getSpreadsheetTheme().getThemeColors()[0].BACKGROUND
}

function getTextColor() {
  return SpreadsheetApp.getActiveSpreadsheet().getSpreadsheetTheme().getThemeColors()[0].TEXT
}

然后，我想粘贴那些颜色和字体样式在HTML上，以改变样式。我对HTML非常陌生，所以我带着这个

<style>

  body {
    background-color: <?= getBG() ?>;
    font: <?= getFont() ?>;
    color: <?= getTextColor() ?>;
  }

</style>

或者其他更好的解决办法我想听到更多

提前谢谢你

Answer 1

若要获得准确的颜色，请使用getConcreteColor()获取十六进制颜色字符串。

SpreadsheetApp
 .getActive()
 .getSpreadsheetTheme()
 .getConcreteColor(
    SpreadsheetApp.ThemeColorType.TEXT
 )
 .asRgbColor()
 .asHexString()

字体状态的文档

如果字体被指定为几个与字体相关的属性的简写，那么： 它必须包括以下方面的价值： 字号 字体族

font : 1em <?= getFont() ?>;

或者，您可以只使用font-family。