How to change theme colors? about vanliveconnect HOT 17 CLOSED

Thanks very much!,
Now the screen fits with the height. The font is a bit complicate to me and Its right as you create it.

The final results... by now!.

from vanliveconnect.

Hi, you have to make the changes in function setColorTheme in MFD.js.ino, in function setLuminosity in MFD.js.ino, and in the :root style in CarInfo.css.ino.

from vanliveconnect.

Thanks,
it works.

I have few questions.
How could I change the font?
How could I attach the Background image and make it visible?
Can you help me to fit info on my screen?

from vanliveconnect.

Nice! 😃

Background image is in the data directory, here. Ofc you can put your own image there.

You must upload it to your ESP's SPI Flash File System (SPIFFS), and have the ESP web server serve all content from that file system. Instructions how to do this are here: #4 (comment) .

If the ESP web server is serving content from SPIFFS, the changes you made in MFD.js.ino must be copied into MFD.js.gz. Note that .gz format and file extension is not required (just more efficient).

Can you help me to fit info on my screen?

Your screen has slightly different aspect ratio. I will check the resizing code to take into account the screen height so that all is visible.

from vanliveconnect.

Can you help me to fit info on my screen?

Latest commit now takes into account the screen height so that it always fits.

How could I change the font?

You need to replace the .woff files (DSEG14Classic-BoldItalic.woff, DSEG7Classic-BoldItalic.woff, DotsAllForNow.woff and ArialRoundedMTbold.woff), and update all references to them. This is a big task, since all UI elements are sized to fit.

from vanliveconnect.

That's cool! 😃 Thanks for sharing the results!

from vanliveconnect.

How could I change the font?

The latest commit now uses the PeugeotNew font. The screen layout now looks much nicer 😃

from vanliveconnect.

Thanks, it works.

I have few questions. How could I change the font? How could I attach the Background image and make it visible? Can you help me to fit info on my screen?

oh wow what a fancy design! can you share your modifications ? what phone is this, looks goodfitting? Would also like to use it on my 406 coupe now that my display is broken

from vanliveconnect.

Thanks 😄

can you share your modifications

Which modifications are you referring to?

from vanliveconnect.

@0xCAFEDECAF the modification for the theme that it looks so similar to the original display.
just ordered everything, will try it myself!

from vanliveconnect.

will try it myself!

Nice! Keep us updated!

the modification for the theme that it looks so similar to the original display

Ah you mean the "orange" color theme. I don't have it, it is done by @maquiano . @maquiano can you show us the modifications?

from vanliveconnect.

Hi mates!,
Excuse me, I'm a bit busy this days. When I had time I will share my modified version.
Regards.

from vanliveconnect.

Excuse me, I'm a bit busy this days. When I had time I will share my modified version.

No problem, take care!

from vanliveconnect.

Sorry for the delay.
Here is my last modified VLC.
VLC_maquiano_mod.zip

from vanliveconnect.

Thanks! Appreciated 😄

from vanliveconnect.

@maquiano
Thx, I would definitely like to try this.

@0xCAFEDECAF
I am still quite unused to the topic of ardunio and git. Have a problem where I hang something, should I open a new problem? Thank you!

from vanliveconnect.

@Edronax : best to have the web documents (html, css, js, ...) served from the SPI Flash File System (SPIFFS) by uncommenting the line #define SERVE_FROM_SPIFFS in the Config.h file.

Also, you must apply all the patches as found in the Patches directory.

from vanliveconnect.