question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Theme not available on amplify-angular

See original GitHub issue

Describe 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:

  1. Fresh install of both aws-amplify and aws-amplify-angular
  2. Navigate to node_modules/aws-amplify-angular/theme.css
  3. Attempt to navigate to ~@aws..../Theme.css by ctrl + click (or use this link manually)
  4. 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. image

Desktop (please complete the following information):

  • OS: Ubuntu 18.04
  • Editor VsCode

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:1
  • Comments:11 (3 by maintainers)

github_iconTop GitHub Comments

3reactions
kinetik06commented, Mar 29, 2020

I don’t know who needs to see this, but on my machine, it was theme.css (all lowercase) not Theme.css

3reactions
henkesde92commented, Oct 14, 2018

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?

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found