Custom theme CSS file doesn't effect the styles

[77media-creations]

Describe the bug
I tried to make some changes to the css and followed the guide in the docs to create a custom theme and add styles to the theme.css file in the generated theme directory.

But the add styles in the theme.css seems to be ignored or just don't have any effect on the page styles at all.

To Reproduce
Steps to reproduce the behavior:

• Follow the instructions on this page to create a custom theme:
  https://larecipe.saleem.dev/docs/2.2/custom-css-and-js#new-theme
• Edit the larecipe-components/THEME-NAME/resources/css/theme.css file and add some style like:

      .documentation {
          background-color: red !important;
      }

• Clear application and browser cache
• Visit the site and there is no style effect on the page. The background colour is not red.

Expected behavior
Changes to theme.css file should work as expected.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

[phpdevop]

I had the same issue, but found that under the vendor, there is a new folder for your theme that is being used for the css. If you go to /vendor/NAME/THEME-NAME/resources/css/theme.css and edit that it will change the site. But the css that was created in /larecipe-components/THEME-NAME/resources/css/theme.css doesn't get used.