Hi.
To change the background color, you can use the lv_obj_set_style_bg_color() function.
To change the text color, you can use: lv_obj_set_style_text_color().

See an usage example of those functions here: https://docs.lvgl.io/9.4/examples.html#a-very-simple-hello-world-label

I hope this helps.

Regards,
Sara

Hi.
What is exactly the error that you’re getting?
Regards,
Sara

I am getting an error for HTTPClient library. Can you please tell me which library I should add?

Hi.
That’s great.
Thank you for the suggestions.
Regards,
Sara

// set timezone based on location (will also auto-correct for daylight savings)
String timezone = “auto”;

// Automatically darken (invert) the display at night:
// Add to Declaring other Variables
TFT_eSPI tft = TFT_eSPI();
// Add to loop()
if(is_day==1) {
tft.invertDisplay( false ); // day
} else {
tft.invertDisplay( true ); // night
}

Hey Mark,

You say “Later in the code:….” and then you add in the info for cardinal directions. Where abouts in the code?

Here is a code extract – let me know if you need more information.

void get_weather_data() {
if (WiFi.status() == WL_CONNECTED) {
HTTPClient http;
// Construct the API endpoint
String url = String(“http://api.open-meteo.com/v1/forecast?latitude=” + latitude + “&longitude=” + longitude + “&current=temperature_2m,relative_humidity_2m,is_day,precipitation,rain,weather_code,wind_speed_10m,wind_direction_10m” + temperature_unit + “&timezone=” + timezone + “&forecast_days=1”);
// Added wind speed and direction to API call.

later in the code:

//******************************
wind_speed = String(doc[“current”][“wind_speed_10m”]);
wind_len = wind_speed.length();
if (wind_len > 4) {
wind_speed = wind_speed.substring(0,4);
}

wind_direction = String(doc["current"]["wind_direction_10m"]);
wind_angle = wind_direction.toInt();
if ((wind_angle > 337.5)||(wind_angle <= 22.5)) {wind_cardinal =" N";}
if ((wind_angle > 22.5)&&(wind_angle <= 67.5)) {wind_cardinal =" NE";}
if ((wind_angle > 67.5)&&(wind_angle <= 112.5)) {wind_cardinal =" E";}
if ((wind_angle > 112.5)&&(wind_angle <= 157.5)) {wind_cardinal =" SE";}
if ((wind_angle > 157.5)&&(wind_angle <= 202.5)) {wind_cardinal =" S";}
if ((wind_angle > 202.5)&&(wind_angle <= 247.5)) {wind_cardinal =" SW";}
if ((wind_angle > 247.5)&&(wind_angle <= 292.5)) {wind_cardinal =" W";}
if ((wind_angle > 292.5)&&(wind_angle <= 337.5)) {wind_cardinal =" NW";}


//then I just added these to the display code
in void lv_create_main_gui(void) I added:
//********************************
text_label_wind_speed = lv_label_create(lv_screen_active());
lv_label_set_text(text_label_wind_speed, String(” ” + wind_speed + “km”).c_str());
lv_obj_align(text_label_wind_speed, LV_ALIGN_CENTER, 60, -17);
lv_obj_set_style_text_font((lv_obj_t*) text_label_wind_speed, &lv_font_montserrat_22, 0);

And finally added the following to static void timer_cb(lv_timer_t * timer){

lv_label_set_text(text_label_wind_speed, String(" " + wind_speed + " km" + wind_cardinal).c_str());


Hi Mark, I made some changes on mine as well but would be interested in adding wind, any chance you can share your source code with me? Thank you.