navbar dropdown-menu in skin-blue-light has white text on white background

[hendimarcos]

Issue type:

• [ ] Feature request
• [x] Bug report
• [ ] Documentation

Environment:

• AdminLTE Version: v3.0.0-alpha.2
• Operating System: All
• Browser (Version): All

Description:

When I change the skin of the header to someone who has the navbar-dark class, the font colors in the notification dropdown and messages are the same background color.

[almasaeed2010]

Thanks for reporting @hendimarcos

[hendimarcos]

The code below is causing the problem, but I do not know if removing it will cause problem elsewhere

File: build/scss/_miscellaneous.scss

// Background colors
@each $name, $color in $theme-colors {
  .bg-#{$name} {
    &,
    a {
      color: color-yiq($color) !important;
    }
  }
}

[REJack]

I've changed AdminLTE according to close this issue,

instead of bg-* you can now add the following classes to the navbar and you can combine them with navbar-darkor navbar-light:

• navbar-primary
• navbar-secondary
• navbar-success
• navbar-info
• navbar-warning
• navbar-danger
• navbar-blue
• navbar-indigo
• navbar-purple
• navbar-pink
• navbar-red
• navbar-orange
• navbar-yellow
• navbar-green
• navbar-teal
• navbar-cyan
• navbar-white
• navbar-gray
• navbar-gray-dark

You can test this on my demo space http://adminlte-dev.rejack.space/