Skip to content
GitLab

Default text colour of '.disabled' class could be lighter

Closed Administrator requested to merge github/fork/emfluenceindia/disabled-item-text-color into main

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 1

Tabs 2

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.