Page History
...
- Configure your theme to use its copies of files: Modify the corresponding
*.component.ts
in your theme.- If you want to modify component style, replace the "styleUrls" in that file to point at the copy of
*.component.scss
in your theme. - If you want to modify component HTML, replace the "template" in that file to point at the copy of
*.component.html
in your theme.
- If you want to modify component style, replace the "styleUrls" in that file to point at the copy of
- Copy the default UI code into your theme file(s)
- If you want to modify component style, copy the default
*.component.scss
code (fromsrc/app/
) into your theme'scomponent.scss
file. - If you want to modify component HTML, copy the default
*.component.html
code (fromsrc/app/
) into your theme'scomponent.html
file.
- If you want to modify component style, copy the default
- Modify those theme-specific files
- If you want to add images, add them to your theme's
assets/images
folder. Then reference them at the/assets/[theme-name]/images/
URL path. - Keep in mind, all Bootstrap variables, utility classes & styles can be used in these files. Take advantage of Bootstrap when you can do so.
- If you want to add images, add them to your theme's
- Remember to either rebuild the UI after each change, or run in dev mode (yarn start:dev) while you are doing theme work.
Removing
...
Subdirectories /
...
Components from your
...
Theme
Optionally, you may decide you want to keep your theme directory "simple" and only include components that you've modified.
...
Overview
Content Tools