akveo / nebular

:boom: Customizable Angular UI Library based on Eva Design System :new_moon_with_face::sparkles:Dark Mode
https://akveo.github.io/nebular
MIT License
8.05k stars 1.51k forks source link

Custom CSS properties doesn't override global nebular styles #2237

Open snakone opened 4 years ago

snakone commented 4 years ago

Issue type

I'm submitting a ... (check one with "x")

Issue description

Current behavior: after register a custom css property on a theme, it still shows the global style not overring it

Expected behavior: it should override the global style

Steps to reproduce: register a theme following nebular documentation, add a custom property: value

Related code:

$nb-themes: nb-register-theme((
  color-primary-500: #f5548e,
  text-primary-hover-color: #f5548e,
), default, default);

Other information:

https://i.ibb.co/cFXMCBX/nebular.png

"@angular/core": "8.2.14", "@nebular/theme": "4.6.0",

npm, node, OS, Browser

<!--
Node, npm: `node --version` and `npm --version`
OS: Windows (7/8/10). Linux (incl. distribution). macOS (El Capitan? Sierra?)
Browser: Chrome/Safari/Firefox/etc?
-->

Angular, Nebular

<!--
Check your `package-lock.json` or locate a `package.json` in the `node_modules` folder.
-->
sgClaudia98 commented 3 years ago

I believe it's been overrided by the night theme, you are registering and changing the 'default' theme, try register another theme but using the 'dark'