Open erickfigueiredo opened 3 weeks ago
Take out
"node_modules/@nebular/theme/styles/prebuilt/default.css"
From your angular.json
and add the following to your style.css
@import 'themes';
@include nb-install() {
// framework global styles
@include nb-theme-global();
};
Create a themes.css in same folder as the style.css and add
// @nebular theming framework
@import '@nebular/theme/styles/theming';
// @nebular out of the box themes
@import '@nebular/theme/styles/themes';
$nb-themes: nb-register-theme((), default, default);
It should then work as intended, if not just change all .css extensions to .scss.
I use scss and this is my configuration.
You'll also need to import NbThemeModule and NbLayoutModule
I'm also not using standalone.
@erickfigueiredo I do not recommend setting up new projects with this library. It had some potential, but due to no maintenance and lack of migration towards new Angular features this is just outdated and in some places bugged.
Issue type
I'm submitting a ... (check one with "x")
Issue description
Current behavior:
I'm setting up Nebular in an Angular 18 standalone application, but I'm having trouble getting the styles from the library to apply.
Expected behavior:
The expected behavior was that the styles and components from the library would work in the application.
Steps to reproduce:
With Angular 18 (using standalone components + css config) I'm just following the setup steps available in the docs, it's a clear project.
Related code:
Here is my code:
angular.json
app.config.ts
chat.component.ts
chat.component.html
Here's what I'm getting:
Other information:
npm, node, OS, Browser
Angular, Nebular