diff --git a/source/_docs/frontend.markdown b/source/_docs/frontend.markdown index 2b3cbcc678a..3320902fbb7 100644 --- a/source/_docs/frontend.markdown +++ b/source/_docs/frontend.markdown @@ -3,19 +3,52 @@ title: "Frontend of Home Assistant" description: "Frontend of Home Assistant." --- -The Home Assistant frontend allows users to browse and control the state of their house, manage their automations and configure integrations. -The frontend is built with [Polymer](https://www.polymer-project.org/). +The Home Assistant [frontend integration](/integrations/frontend/) provides the graphical user interface that allows you to browse and control the state of your house, manage automations, and configure integrations.

-
+Home Assistant comes with a [default dashboard](/dashboards/dashboards/#home-assistant-default-dashboards). But you can also create and customize your own dashboards. - If you're looking to contribute to the frontend, please refer to the [Frontend Development documentation](/developers/frontend/). +## Creating and styling your own dashboards -
+To learn how to create and style your own dashboards, refer to the following topics: -## Icons +- [Dashboard introduction](/dashboards/) +- [Types of dashboards](/dashboards/dashboards/) +- [Views](/dashboards/views/) +- [Dashboard cards](/dashboards/cards/) +- [Badges](/dashboards/badges/) +- [Themes](/integrations/frontend/) +- [Icons](/docs/frontend/icons/) -Home Assistant utilizes the community-driven [Material Design Icons](https://pictogrammers.com/library/mdi/) project for icons in the frontend. The [Icons section](/docs/frontend/icons/) has more information on how to use icons and suggest new ones. +## Organizing and filtering data + +To learn how to organize and filter your data on an existing dashboard, refer to the following topics: + +- [Grouping](/docs/organizing/) into [areas](/docs/organizing/areas/), [floors](/docs/organizing/floors/), [labels](/docs/organizing/labels/), and [categories](/docs/organizing/categories/) +- [Filtering](/docs/organizing/filtering) + +## User- or browser-dependent settings, general settings + +### User- or browser-dependent settings + +Some of the frontend settings depend on the user. Other settings can be set by client. This allows you for example to have different languages per user, and a different theme depending on the device that is used to display Home Assistant. + +To change these settings, in the bottom left, select your username to open your {% my profile title="**User profile**" %}. + +- To change general settings such as language, number and time format, go to the **User settings**. +- To change browser dependent settings such as the theme, default dashboard, or whether or not to show the sidebar, change the **Browser settings**. + +### Themes + +Themes can be set per browser. In the {% my profile title="**User profile**" %}, you can define some theme settings, such as whether you want a light or dark theme. However, more detailed theme settings require YAML configuration. Refer to the documentation of the [frontend integration](/integrations/frontend/). + +### General settings + +Some of the settings, such as location and currency, were defined during the onboarding process. They can be changed under {% my general title="**Settings** > **System** > **General**" %}. Refer to the documentation on [setup basic information](/docs/configuration/basic/). + +## Apps for Android and iOS + +If you are looking for information on Home Assistant for Android or iOS, refer to the [documentation for the Companion Apps](https://companion.home-assistant.io/).