• Moved api related functionality to utils/widgets/weather/api.py.
• Moved widgets related functionality to utils/widgets/weather/widgets.py.
• Weather card will now show scrollable hourly weather data for each day.
• Daily weather widgets are now clickable and will switch the hourly view.
• Additional styling is available for weather-card-day class: .active.
• Curve color can be changed in CSS using background-color style for .weather-card .hourly-data class.
• Text color can be changed in CSS using color style for .weather-card .hourly-data class.
• Added .weather-card .hourly-data class to style the hourly data scrollable container.
• Added optional min/max tooltip for weather widget.

New options for config.yaml weather_card

New options for weather_card:

    weather_card:
      time_format: "24h" # can be 12h or 24h
      hourly_point_spacing: 76
      hourly_icon_size: 32 # better to set 16, 32 or 64 for better quality
      icon_smoothing: true # should be true for smoother icon or false for sharper icon if using 16, 32 or 64 for hourly_icon_size
      temp_line_width: 2 # can be 0 to hide the temperature line
      current_line_color: "#8EAEE8"
      current_line_width: 1 # can be 0 to hide the current hour line
      current_line_style: "dot"

New styles:

.weather-card-day.active {
    background-color: rgba(40, 40, 60, 0.6);
    border: 1px solid rgba(50, 50, 75, 1);
}

.weather-card-day:hover {
    background-color: rgba(40, 40, 60, 0.6);
}

.weather-card .hourly-container {
    border: 1px solid #282936;
    background-color: #3c5fa0;
    border-radius: 8px;
    min-height: 150px;
}

.weather-card .hourly-data {
    /* font-family: 'Segoe UI';*/
    /* color: cyan;*/ /* <- Font color */
    background-color: #FAE93F; /* <- Curve color */
    font-size: 12px;
    font-weight: bold;
}