Closed ttmms closed 4 years ago
I did
:host { /* This is the default, light theme */ --app-primary-color: red; --app-secondary-color: black; --app-text-color: var(--app-secondary-color); --app-header-background-color: white; --app-header-text-color: var(--app-text-color); } :host.dark-theme { /* This is the dark theme */ --app-primary-color: yellow; --app-secondary-color: white; --app-text-color: var(--app-secondary-color); --app-header-background-color: black; --app-header-text-color: var(--app-text-color); }
in my-app.js and added <my-app appTitle="My App" class="dark-theme"></my-app> in index.html as suggested in https://pwa-starter-kit.polymer-project.org/configuring-and-personalizing#theming but nothing happens. Only style in :host works.
<my-app appTitle="My App" class="dark-theme"></my-app>
Try :host(.dark-theme) { ... }.
:host(.dark-theme) { ... }
This project is no longer under development and will be transitioning to a read-only repo. Thank you for your contributions.
I did
in my-app.js and added
<my-app appTitle="My App" class="dark-theme"></my-app>
in index.html as suggested in https://pwa-starter-kit.polymer-project.org/configuring-and-personalizing#theming but nothing happens. Only style in :host works.