Theme not available on amplify-angular
See original GitHub issueDescribe the bug
CSS files are not being correctly linked from the aws-amplify-angular/theme.css
file, meaning that none of my front end components (when using amplify-authenticator-ionic framework="Ionic"
) show with any styling.
To Reproduce Steps to reproduce the behavior:
- Fresh install of both
aws-amplify
andaws-amplify-angular
- Navigate to
node_modules/aws-amplify-angular/theme.css
- Attempt to navigate to
~@aws..../Theme.css
byctrl + click
(or use this link manually) - See that the file is not linked correctly
Expected behavior
Import statement should reference the specified Theme.css
file and thus link up the style sheets correctly for use in the app
Screenshots If applicable, add screenshots to help explain your problem.
Desktop (please complete the following information):
- OS: Ubuntu 18.04
- Editor VsCode
Issue Analytics
- State:
- Created 5 years ago
- Reactions:1
- Comments:11 (3 by maintainers)
Top Results From Across the Web
Theming | Amplify UI for Angular
A Theme is a structured collection of design decisions that change the appearance of a UI library. An Amplify UI theme allows application...
Read more >AWS Amplify and Angular - How to ? | by Anand Sharma
How to use/configure AWS Amplify for a new Angular application from scratch. Enable SIgn In, Sign Up, Reset Password etc. using the Amplify...
Read more >A Complete Guide to the Amplify React Authentication ...
I'm going to create a React app to demonstrate the authentication components; however, it's also compatible with Vue and Angular with more frameworks...
Read more >How to use AWS Amplify and Angular to Build Cloud Enabled ...
While you can integrate AWS Amplify into any JavaScript framework, Angular ... can be found in /node_modules/aws-amplify-angular/theme.css .
Read more >Customize and Style AWS Amplify Login Screens
How to customize and style the default AWS Amplify Login screens by creating a CSS theme or customizing the React/Vue/Angular components.
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
I don’t know who needs to see this, but on my machine, it was theme.css (all lowercase) not Theme.css
I successfully installed the UI package using:
npm install -S @aws-amplify/ui
But I still don’t have a ‘ui’ folder in my node_modules/@aws-amplify and thus the styles can’t be loaded.
Can someone check this please?