Default colour of the Disabled items text could be lighter.

Created by: emfluenceindia

Hi,

Can we make the default text colour of Disabled Link (Dropdown and Tab items) bit more lighter? Currently this is pretty close to that of Active item's text colour.

My suggestion is instead of $gray-600 (#6c757d), we may use $gray-400 (#ced4da) for .disabled class. (src/scss/_variables.scss).

Please see the difference in the following screenshots

Dropdown

Tabs

Also, adding the .disabled class to links might also use a different colour, but when the click is enabled (but the default behaviour is prevented), we could use the same blue colour. However, if the click is not enabled, we might use a lighter colour as well telling that link is available but not clickable. May be we can use the same $gray-400 for this as well!

An use case maybe a role based restrictions.

UPDATE I tried to create a Pull Request instantly at https://github.com/twbs/bootstrap/pull/32473. This is probably not the right way of doing this. Sorry for that.