4

I have checked the documentation of Google Workspace Marketplace add-ons and I have not been able to find out how to change the styles of its cards and components (e.g. Header, Footer, Buttons, Paddings, Margins, Fonts, etc.). I just want to know if there's a solution to this or any document that would guide me in the right direction and if it is actually possible to do so?

Title

Title of the Add-On

Button

Button of the Add-On

Haseeb Zahid
  • 614
  • 6
  • 20

2 Answers2

1

Since Google Workspace add-ons make use of cards, there's no way to style them directly as you would normally do with the editor add-ons.

However, according to the official documentation, you might benefit from trying the Google Workspace add-ons UI design kit available on Figma.

Reference

ale13
  • 5,679
  • 3
  • 10
  • 25
  • Thank you ale. I already saw the design kit but the reviews were pretty bad. I'll still try it out to test it for myself. Thanks again. – Haseeb Zahid Sep 22 '21 at 15:13
1

Styling options of Google Workspace Add-ons are very limited.

There are a few things that you can tune:

  1. Set-up primaryColor and secondaryColor in deployment configuration
  2. Change color of buttons by specifying color option
  3. Change the color, style (bold, italics) of any text inside the widget
Dharman
  • 30,962
  • 25
  • 85
  • 135
Ilia P
  • 616
  • 5
  • 16