The New Way to Build with AI! Introducing ReUI — the developer platform for agentic UI with shadcn/ui
Browse ReUI Pro

Angular - How do I change the theme from being all demo1 everywhere to my own name.


I have tried but every time I change the name of project, I get a bunch of errors, even when I replace from Find and Replace on Visual Studio.

Appreciate the help!


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (4)


It's completely understandable you're running into issues trying to rename your Angular theme away from the default 'demo1'—finding and replacing across a whole project can be tricky, but we can certainly figure out a cleaner way to handle the name change!


 
Deleted comment
 
Deleted comment
 
Deleted comment
 
Deleted comment
Deleted comment
 
Deleted comment
 
Deleted comment

You're welcome! If you have any more questions or need further assistance, feel free to ask. Have a great day!


H Kenneth,

In an Angular project, the theme name "demo1" is not tied to specific file paths within the project structure. It is typically used for preview or demonstration purposes.

To change the project name from "demo1" to your own name, you can follow these steps:

  1. Rename the project folder: Update the name of the project folder to your desired name. Make sure to update all references to the old folder name in your project files.

  2. Update package.json: Open the <code> package.json </code> file and update the <code>"name"</code> field to your new project name.

  3. Rebuild the project: Run the build command (<code> ng build </code>) to rebuild the project. This ensures that all the changes and references are updated correctly.

If you encounter any errors or issues after renaming, it would be helpful to provide more specific details, such as the error messages or any unexpected behavior you're experiencing. Additionally, providing screenshots of the issues you're facing would also help in understanding the problem better.

Please let us know if you have already tried building the project after renaming and if you encountered any specific issues or error messages. We'll be glad to assist you further.

Thanks

Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
buy metronic keenthemes mega bundle

ReUI

Open-source React components, blocks and templates built on shadcn/ui and Tailwind CSS by Keenthemes.