Skip to content

3.1.5 - View Titles and State Layers

Choose a tag to compare

View all tags
@Nerwyn Nerwyn released this 31 Mar 22:14
3.1.5
158c916

Changes in 3.1.5

  • Refactor Material You default colors to reduce file size.
  • Add Bubble Card specific colors #73.

View Titles

The current view name is now present in the top center of views, as defined by the center-aligned top app bar specification

State Layers

State layers are semi-transparent layers that visually indicate different user interactions, such as hovering and pressing. State layers have now been added to the navigation bar, drawer, and rail as defined by the Material Design 3 specification. You'll now see state layers when hovering over and pressing view tabs and sidebar destinations.

Other Changes

  • Increase header height to 64px to match top app bar specification.
  • Increase the font weight of the current view or destination to match the Material Design 3 specification.
  • Reduce gap between view icon and title to better match Material You Android apps.
  • Tweak header scroll transition to be more consistent.
  • Move current view tab icon indicator to a pseudo-element to improve it's performance and fix a visual bug where it would jitter when selected.

Patch Version Changes

  • Fix navigation rail badge z-index.
  • Add new theme variables for upcoming Custom Features toggle Material Design switches.
  • Remove box-shadow from toggle switch thumb.
  • Fix unchecked toggle switch track color.
  • Add state layers to toggle switch.
  • Fix Material Rounded checkbox colors when using JS module.
  • Add checkbox unchecked state layer color.
  • Pre-render view tabs count jinja2 template so card-mod doesn't have to #49.
  • Scrolled header performance improvements.
  • Material Design 3 ha-switch performance improvements, focused state layer fixes, and increase thumb size on hover and focus.
  • Fix profile tab navigation rail/drawer transition animation.
  • Fix edit mode menu link button color.
  • Refactor how Material You --md-sys-color theme colors are set for better downstream usage.
  • Fix subview back button not being interactable or scrolling.
  • Fix input-ink-color typo made during refactor.
  • Tweak Material Rounded theme switch, checkbox, and radio button colors to match Material You theme defaults.
  • Change --accent-color and --text-accent-color to --md-sys-color-secondary and --md-sys-color-on-secondary to fix graph color without card mod #72.
    • And remove graph color card mod fixes.
  • Fix position of ha-switch input element.
  • Refactor Material You default colors to reduce file size.
  • Add Bubble Card specific colors #73.

Full Changelog: 3.0.8...3.1.5

Assets 2
Loading