Прозрачный фон Google App Script с HtmlService

Если фон вашего сайта является темой, я не могу найти способ сопоставить фон гаджета скрипта приложений с этой темой. Но если фон сайта однотонный, есть способ сопоставить гаджет с HTML-сервисом с цветом сайта.

Вы должны установить цвет фона службы HTML на тот же цвет, что и страница Сайтов. Цвет фона службы HTML уже установлен на прозрачный. Это значение по умолчанию. Фрейм Сайтов, в котором находится код скрипта приложений, имеет белый цвет фона. Я не могу найти способ изменить это. Служба Google Apps Script HTML по умолчанию имеет прозрачный фон, поскольку HTML по умолчанию имеет прозрачный фон. Вот подробное объяснение того, что вы должны сделать, чтобы гаджет Apps Script был того же цвета, что и ваш сайт:

Удалить границу в кадре скрипта Sites Apps

Если вы не хотите, чтобы рамка отображала рамку, снимите флажок «Включить рамку вокруг гаджета Apps Script».

Как написать HTML-разметку

HTML-код в основном файле HTML-службы сценариев приложений должен выглядеть следующим образом:

<section style="background:gray; height:100vh">
<div>
  Some Text Here
</div>
</section>

Установите для background тот же цвет, что и на вашем сайте. Используйте тег <section> и установите высоту height:100vh. Это гарантирует, что весь кадр будет заполнен фоновым цветом. Все должно быть заключено в этот тег <section> с фоном, установленным на тот же цвет, что и ваш сайт, и высотой, установленной на 100 процентов по вертикали. (100вх)

Вот изображение, показывающее, что фон гаджета Apps Script установлен в серый цвет, а сайт — в синий, чтобы показать вам, каким будет конечный результат. Если бы я установил синий фон гаджета «Сценарий приложений», вы бы не увидели, где начинается или заканчивается сценарий приложений.

Если ваш сайт имеет Theme, цвет фона будет установлен на Theme. Поэтому вам, возможно, придется поэкспериментировать с цветами, чтобы получить тот, который соответствует Theme. Если цвет фона сайта вручную установлен в разделе Themes, Colors, and Fonts страницы Manage Site, вы можете использовать палитру цветов, чтобы получить шестнадцатеричное значение настройки цвета.

ПРИМЕЧАНИЕ:

Есть способ установить цвет фона гаджетов:

Но служба HTML переопределяет его. Если вы установите цвет фона гаджета, при загрузке страницы вы сначала увидите цвет фона, который вы установили на странице Manage Site, а затем цвет изменится на цвет фона HTML. Я попытался сделать фон службы HTML прозрачным, а гаджет — цветным, но это не сработало.