2.1.2

Changes in 2.1.2

• Restore true transparency of transparent theme card backgrounds by only setting ha-card-background to transparent.

Header Improvements

This update better fleshes out the header top app bar as a separate element from the navigation bar footer. The card-mod CSS has been reworked to only move the view tabs to the footer instead of applying multiple CSS transformations to the header elements.

The back and action buttons and the title will now appear at the top of the screen in subviews and dashboards with one view #24 #25. In order to better define the header as a separate area, a 40 pixel margin has been added to the top of views, so you may find that your cards have been shifted down a bit.

Light and Dark Only Themes

For older devices that cannot easily switch between light and dark modes, new light and dark only versions of the theme have been added #23.

Patch Version Changes

• Add safe-area-inset back to the view and to the footer.
• Restore true transparency of transparent theme card backgrounds by only setting ha-card-background to transparent.

Full Changelog: 2.0.5...2.1.2

2.1.1

Changes in 2.1.1

• Add safe-area-inset back to the view and to the footer.

Header Improvements

This update better fleshes out the header top app bar as a separate element from the navigation bar footer. The card-mod CSS has been reworked to only move the view tabs to the footer instead of applying multiple CSS transformations to the header elements.

The back and action buttons and the title will now appear at the top of the screen in subviews and dashboards with one view #24 #25. In order to better define the header as a separate area, a 40 pixel margin has been added to the top of views, so you may find that your cards have been shifted down a bit.

Light and Dark Only Themes

For older devices that cannot easily switch between light and dark modes, new light and dark only versions of the theme have been added #23.

Patch Version Changes

• Add safe-area-inset back to the view and to the footer.

Full Changelog: 2.0.5...2.1.1

2.1.0

Header Improvements

This update better fleshes out the header top app bar as a separate element from the navigation bar footer. The card-mod CSS has been reworked to only move the view tabs to the footer instead of applying multiple CSS transformations to the header elements.

The back and action buttons and the title will now appear at the top of the screen in subviews and dashboards with one view #24 #25. In order to better define the header as a separate area, a 40 pixel margin has been added to the top of views, so you may find that your cards have been shifted down a bit.

Light and Dark Only Themes

For older devices that cannot easily switch between light and dark modes, new light and dark only versions of the theme have been added #23.

Full Changelog: 2.0.5...2.1.0

2.0.5 - Material You Colors and Components

Changes in 2.0.5

• Add slider color and slider secondary color.

Material You

Version 2 of this theme is a significant overhaul to streamline development, improve theme efficiency, reduce repeated styles, and to upgrade many components to follow the material design 3 specifications, as described in the README. This theme makes even more use of card-mod to modify Home Assistant components and apply user defined colors to components (when possible).

Customizable Color

You can now set your own base color which is used to calculate accent and primary colors. Can be set globally or per user. Requires card-mod.

Create a template sensor helper named Material Rounded Base Color (entity ID should be sensor.material_rounded_base_color) and give it a hex code of your chosen base color. To set a base color for a specific user, create a custom color per person by creating a template sensor helper named Material Rounded Base Color John Doe (entity ID should be sensor.material_rounded_base_color_john_doe).

If you are using the Home Assistant Android companion app, you can enable the accent color sensor and set your Material Rounded theme sensor to read that to match your phone's color.

NOTE: material you user defined colors are not working on some pages and elements as described in README due to card-mod limitations.

Material 3 Components

Many components have been modified using card-mod to use new Material You stylings, such as the top app bar, navigation bar, drawer, and rail, toggle switches, and the add card button. Note that due to card mod limitations these changes will not appear on all pages in Home Assistant, but should appear on dashboards, the toolbar, the sidebar, more-info popups, and the devices pages.

Patch Version Changes

• Fixes/improvements to add card FAB to better follow m3 specification and load more consistently.
• Improvements to view styles to apply better, especially in sections view.
• Style add view icon to be more like view icons.
• Add view button position tweaks.
• Add slider color and slider secondary color.

Full Changelog: 1.6.1...2.0.5

2.0.3 - Material You Colors and Components

Changes in 2.0.3

• Add view button position tweaks.

Material You

Version 2 of this theme is a significant overhaul to streamline development, improve theme efficiency, reduce repeated styles, and to upgrade many components to follow the material design 3 specifications, as described in the README. This theme makes even more use of card-mod to modify Home Assistant components and apply user defined colors to components (when possible).

Customizable Color

You can now set your own base color which is used to calculate accent and primary colors. Can be set globally or per user. Requires card-mod.

Create a template sensor helper named Material Rounded Base Color (entity ID should be sensor.material_rounded_base_color) and give it a hex code of your chosen base color. To set a base color for a specific user, create a custom color per person by creating a template sensor helper named Material Rounded Base Color John Doe (entity ID should be sensor.material_rounded_base_color_john_doe).

If you are using the Home Assistant Android companion app, you can enable the accent color sensor and set your Material Rounded theme sensor to read that to match your phone's color.

NOTE: material you user defined colors are not working on some pages and elements as described in README due to card-mod limitations.

Material 3 Components

Many components have been modified using card-mod to use new Material You stylings, such as the top app bar, navigation bar, drawer, and rail, toggle switches, and the add card button. Note that due to card mod limitations these changes will not appear on all pages in Home Assistant, but should appear on dashboards, the toolbar, the sidebar, more-info popups, and the devices pages.

Patch Version Changes

• Fixes/improvements to add card FAB to better follow m3 specification and load more consistently.
• Improvements to view styles to apply better, especially in sections view.
• Style add view icon to be more like view icons.
• Add view button position tweaks.

Full Changelog: 1.6.1...2.0.3

2.0.2 - Material You Colors and Components

Changes in 2.0.2

• Improvements to view styles to apply better, especially in sections view.
• Style add view icon to be more like view icons.

Material You

Version 2 of this theme is a significant overhaul to streamline development, improve theme efficiency, reduce repeated styles, and to upgrade many components to follow the material design 3 specifications, as described in the README. This theme makes even more use of card-mod to modify Home Assistant components and apply user defined colors to components (when possible).

Customizable Color

You can now set your own base color which is used to calculate accent and primary colors. Can be set globally or per user. Requires card-mod.

Create a template sensor helper named Material Rounded Base Color (entity ID should be sensor.material_rounded_base_color) and give it a hex code of your chosen base color. To set a base color for a specific user, create a custom color per person by creating a template sensor helper named Material Rounded Base Color John Doe (entity ID should be sensor.material_rounded_base_color_john_doe).

If you are using the Home Assistant Android companion app, you can enable the accent color sensor and set your Material Rounded theme sensor to read that to match your phone's color.

NOTE: material you user defined colors are not working on some pages and elements as described in README due to card-mod limitations.

Material 3 Components

Many components have been modified using card-mod to use new Material You stylings, such as the top app bar, navigation bar, drawer, and rail, toggle switches, and the add card button. Note that due to card mod limitations these changes will not appear on all pages in Home Assistant, but should appear on dashboards, the toolbar, the sidebar, more-info popups, and the devices pages.

Patch Version Changes

• Fixes/improvements to add card FAB to better follow m3 specification and load more consistently.
• Improvements to view styles to apply better, especially in sections view.
• Style add view icon to be more like view icons.

Full Changelog: 1.6.1...2.0.2

2.0.1 - Material You Colors and Components

Changes in 2.0.1

• Fixes/improvements to add card FAB to better follow m3 specification and load more consistently.

Material You

Version 2 of this theme is a significant overhaul to streamline development, improve theme efficiency, reduce repeated styles, and to upgrade many components to follow the material design 3 specifications, as described in the README. This theme makes even more use of card-mod to modify Home Assistant components and apply user defined colors to components (when possible).

Customizable Color

You can now set your own base color which is used to calculate accent and primary colors. Can be set globally or per user. Requires card-mod.

Create a template sensor helper named Material Rounded Base Color (entity ID should be sensor.material_rounded_base_color) and give it a hex code of your chosen base color. To set a base color for a specific user, create a custom color per person by creating a template sensor helper named Material Rounded Base Color John Doe (entity ID should be sensor.material_rounded_base_color_john_doe).

If you are using the Home Assistant Android companion app, you can enable the accent color sensor and set your Material Rounded theme sensor to read that to match your phone's color.

NOTE: material you user defined colors are not working on some pages and elements as described in README due to card-mod limitations.

Material 3 Components

Many components have been modified using card-mod to use new Material You stylings, such as the top app bar, navigation bar, drawer, and rail, toggle switches, and the add card button. Note that due to card mod limitations these changes will not appear on all pages in Home Assistant, but should appear on dashboards, the toolbar, the sidebar, more-info popups, and the devices pages.

Patch Version Changes

• Fixes/improvements to add card FAB to better follow m3 specification and load more consistently.

Full Changelog: 1.6.1...2.0.1

2.0.0 - Material You Colors and Components

Material You

Version 2 of this theme is a significant overhaul to streamline development, improve theme efficiency, reduce repeated styles, and to upgrade many components to follow the material design 3 specifications, as described in the README. This theme makes even more use of card-mod to modify Home Assistant components and apply user defined colors to components (when possible).

Customizable Color

You can now set your own base color which is used to calculate accent and primary colors. Can be set globally or per user. Requires card-mod.

Create a template sensor helper named Material Rounded Base Color (entity ID should be sensor.material_rounded_base_color) and give it a hex code of your chosen base color. To set a base color for a specific user, create a custom color per person by creating a template sensor helper named Material Rounded Base Color John Doe (entity ID should be sensor.material_rounded_base_color_john_doe).

If you are using the Home Assistant Android companion app, you can enable the accent color sensor and set your Material Rounded theme sensor to read that to match your phone's color.

NOTE: material you user defined colors are not working on some pages and elements as described in README due to card-mod limitations.

Material 3 Components

Many components have been modified using card-mod to use new Material You stylings, such as the top app bar, navigation bar, drawer, and rail, toggle switches, and the add card button. Note that due to card mod limitations these changes will not appear on all pages in Home Assistant, but should appear on dashboards, the toolbar, the sidebar, more-info popups, and the devices pages.

Full Changelog: 1.6.1...2.0.0

1.6.2

• Fix add card and calendar colors by setting text-primary-color to lovelace-background #16.

Full Changelog: 1.6.1...1.6.2

1.6.1

• Material 3 switches on entities cards (requires card-mod).
• Fix some text from using accent color when it should've been primary text color

Full Changelog: 1.6.0...1.6.1