Page 1 of 1

Dark Mode for AdminLTE

Posted: Tue May 17, 2022 6:38 pm
by mobhar

Please provide the AdminLTE Dark option from HTML -> Theme -> Theme, so that it will automatically adjust the related settings from the CSS variables below.

Thank you.


Re: Dark Mode for AdminLTE

Posted: Mon May 23, 2022 9:38 pm
by vintoICT

+1


Re: Dark Mode for AdminLTE

Posted: Sun Jun 19, 2022 2:03 pm
by stefano

+1


Re: Dark Mode for AdminLTE

Posted: Tue Nov 29, 2022 12:29 pm
by yinsw

+1


Re: Dark Mode for AdminLTE

Posted: Fri Dec 02, 2022 10:41 am
by malsonique

It should be even better if user can choose either:

  1. light mode;
  2. dark mode;
  3. system default;

Re: Dark Mode for AdminLTE

Posted: Mon Dec 05, 2022 4:29 pm
by yusufnalbantoglu

+1


Re: Dark Mode for AdminLTE

Posted: Tue Dec 06, 2022 10:27 am
by arbei

Bootstrap 5.2 does not fully support dark mode yet, AdminLTE 3.2 supports dark mode for Bootstrap 4 only, so I believe there is no official support on dark mode yet. However, since PHPMaker v2023 customized AdminLTE 3.2 for Bootstrap 5.2, there is some basic support on dark mode. Under the HTML -> Theme tab, search "enable-dark-mode", generate all scripts again, then you should be able to enable dark mode by adding the CSS class "dark-mode" to the <body> tag. (Remember to press Ctrl + F5 in your browser to refresh the .css files.)


Re: Dark Mode for AdminLTE

Posted: Wed Dec 07, 2022 12:21 pm
by mobhar

It works properly. Thank you.


Re: Dark Mode for AdminLTE

Posted: Tue Dec 20, 2022 1:39 am
by yusufnalbantoglu

How to add dark-mode css class to body tag?


Re: Dark Mode for AdminLTE

Posted: Tue Dec 20, 2022 8:27 am
by mobhar

You may customize the generated src/config.php file, see the BODY_CLASS part.


Re: Dark Mode for AdminLTE

Posted: Wed Dec 28, 2022 10:33 am
by malsonique

I think it will be even better if the template can provide a dropdown menu for user to choose light or dark mode by clicking a brush icon on upper right corner, just like this forum. :D


Re: Dark Mode for AdminLTE

Posted: Tue Feb 14, 2023 10:57 pm
by mishanian

drop down Level selection of Mode is needed


Re: Dark Mode for AdminLTE

Posted: Tue Sep 05, 2023 8:13 pm
by Webmaster

Try v2024.


Re: Dark Mode for AdminLTE

Posted: Tue Sep 05, 2023 10:32 pm
by mobhar

Thanks.

However, when we use sidebar-light-* class for the Sidebar from Theme -> AdminLTE -> Sidebar class, then after switching it to dark-mode, the Sidebar still remains in light-mode.

Just a friendly suggestion, the Sidebar should be able to adjust to dark-mode, too. It is too dazzled to see the white Sidebar in a dark-mode display.


Re: Dark Mode for AdminLTE

Posted: Mon Sep 18, 2023 3:05 pm
by Webmaster

Try v2024.1.


Re: Dark Mode for AdminLTE

Posted: Mon Sep 18, 2023 3:40 pm
by mobhar

Thanks, now it works as expected.