As we all know we can use the Card_mod plugin to add styles to a card in the Home Assistant dashboard, and we can also add media query’s the the main dashboard page.
Now the bigest draw back from adding inline styling is the load time as when the page is rendered each card that ha a style take time for the browser to pull the data.
Bases on what I do in website development in Html we use div tags to build the structure of the site, and with the styling this is placed in to a CSS file which is pulld into the html page on load. The advantage of this is that once we are happy with the site that said CSS file can be minified ( Compressed ) which increases load time. I would love to see the ability to use more html, bootstrap, and a separate CSS file in the Lovelace dashboard instead of having to add a integration to do this task. It would be one less item to load plus would make the dashboard mor customizable.
Hello Kevin West,
This appears to be a Frontend Related Feature Request as it is asking for changes to Frontend Menus, Dashboards, or Sections.
These Feature Requests are handled in a different system, and will not be seen by the right people if posted in the HA forums.
Please add your Feature Request into GitHub here:
home-assistant/frontend Other Feature Requests · Discussions · GitHub.
See more info about Feature Requests HERE