Sections - Customize horizontal gap size

Could you tell me where do we add this?

To adjust the ha-view-sections-column-gap setting, you need to create a new custom theme in Home Assistant. Follow these steps:

  1. Open your configuration.yaml file.
  2. Add a new theme under the frontend section.
  3. Reload your YAML configuration to apply the changes.
  4. Apply the new theme on your dashboard.

Here’s an example configuration:

# Load frontend themes from the themes folder
frontend:
    themes:
        MySection:
            ha-view-sections-column-gap: 8px

For more information about Home Assistant theme configuration, refer to the official documentation.

1 Like

Yes, this removes the gap betweenthe sections (after selecting the theme).

But this also remove the defautl Home Assistant theme and thus the ability to select Dark mode:

How to solve that?