AMP Theme

To style Google AMP pages, Widget Framework is shipped with a new theme called amp and a new variant called variant.

You can customize the amp theme by modifying the widget specific theme.css file located in src/main/webapp/static/theme/amp/base/css directory. Moreover, if you have some common styles to be added to the amp theme, you can add those to the core theme.css file located in src/main/webapp/static/theme/amp/base/css directory of your project.

To customize the variant of the amp theme, you can modify the variant.css file located in src/main/webapp/static/theme/amp/variant/css directory of every widget. You can also modify the core theme directory's variant.css file which is in: src/main/webapp/static/theme/amp/variant/css directory of your project.