search

jasoncoon / esp8266-fastled-webserver

GNU General Public License v3.0
714 stars 359 forks source link

Dark Mode #144

Closed jordanadania closed 4 years ago

jordanadania commented 5 years ago

I'm just curious how difficult it would be for me to make the webpage black background with white text, etc. like dark mode.

If you wouldn't mind pointing me to the first place I might edit something, I should be able to find the rest.

Thank you!

ArtursGailis1995 commented 5 years ago

Its actually pretty easy.

You have to find this line in *.htm files: <link rel="stylesheet" href="css/bootstrap.min.css">

and replace it with this line: <link rel="stylesheet" href="https://bootswatch.com/3/darkly/bootstrap.min.css">

either using Filesystem Editor or edit in your cketch and re-upload SPIFFS.

Works for me currently, but I am using my own (heavily modified) fork. Should work 99%.

Also for other themes you can check out this site: https://bootswatch.com/3/

You need to copy the link to bootstrap.min.css as this project is using Bootstrap V3 for UI.

jordanadania commented 5 years ago

I don't know how to use the Filesystem Editor. When I found the line in index.htm, it was commented out I believe.

<!-- request CSS from the ESP8266 web server --> <!-- <link rel="stylesheet" href="https://bootswatch.com/3/darkly/bootstrap.min.css"> -->

tihoangyeudau commented 5 years ago

Its actually pretty easy.

You have to find this line in *.htm files: <link rel="stylesheet" href="css/bootstrap.min.css">

and replace it with this line: <link rel="stylesheet" href="https://bootswatch.com/3/darkly/bootstrap.min.css">

either using Filesystem Editor or edit in your cketch and re-upload SPIFFS.

Works for me currently, but I am using my own (heavily modified) fork. Should work 99%.

Also for other themes you can check out this site: https://bootswatch.com/3/

You need to copy the link to bootstrap.min.css as this project is using Bootstrap V3 for UI.

i tried it but not work

jordanadania commented 5 years ago

You have to remove <!-- and --!>

ArtursGailis1995 commented 5 years ago

For it to work you have to connect your NodeMCU to the Internet. If using Local AP mode, it of course will not work.

jordanadania commented 4 years ago

that was it. haha. good times.