AdminLTE icon indicating copy to clipboard operation
AdminLTE copied to clipboard

[BUG] No styling for readonly/disabled inputs in dark mode

Open toxpal opened this issue 2 years ago • 1 comments

AdminLTE v3.2.0 - when dark mode is used, readonly/disabled input fields lose their styling and look the same as fully functional fields, causing some confusion.

Check it out yourself in live demo at https://adminlte.io/themes/v3/pages/forms/general.html

  1. Take a look how disabled fields looks (they have grey background);
  2. Apply Dark Mode and look at the same inputs again - styling is gone, disabled inputs looks just like regular inputs.

I tried fixing it myself by adding custom CSS, but for some reason I can't change background color of readonly input. I can change other stuff (like text weight, border style, etc.), which means my CSS should be valid. Used this code:

input[readonly],textarea[readonly]{background-color:#ffffff;}

Any suggestions?

toxpal avatar May 15 '23 14:05 toxpal

There is also no styling change for "badge-primary" ect. When the class "dark-mode" is applied. See this example.

RH8k9S 1

78wesley avatar Jun 01 '23 21:06 78wesley