# Sections - alignement

**URL:** <https://forum.hacf.fr/t/sections-alignement/51334>\
**Category:** Entraide Home Assistant\
**Tags:** aide\
**Created:** [Novembre 13, 2024, 11:15 UTC](https://forum.hacf.fr/t/sections-alignement/51334 "2024-11-13T11:15:17Z")\
**Posts on this page:** 1\
**Showing post:** 8

<div class="post-metadata">

**Author:** ![BBE](https://forum.hacf.fr/user_avatar/forum.hacf.fr/bbe/32/64915_2.png) [@BBE](https://forum.hacf.fr/u/BBE)\
**Post date:** [Novembre 13, 2024, 11:53 UTC](https://forum.hacf.fr/t/sections-alignement/51334/8 "2024-11-13T11:53:26Z")

</div>

Alors je suis pas le mieux plaçé pour ça mais basiquement ça s’ajoute dans configuration . YAML ou dans un fichier à part…

Perso j’ai un include dans mon configuration.yaml:

```auto
# Theme et couleurs tempo (bleu blanc rouge).
frontend:
  themes: !include themes.yaml

```

puis un fichier themes.yaml:

```auto
day_and_night:
  primary-color: "#264269"
  modes:
    light:
      energy-grid-consumption-color-5: "#00008B"
      energy-grid-consumption-color-4: "#0000FF"
      energy-grid-consumption-color-3: "#8B8B8B"
      energy-grid-consumption-color-2: "#AAAAAA"
      energy-grid-consumption-color-1: "#8B0000"
      energy-grid-consumption-color-0: "#FF0000"
    dark:
      energy-grid-consumption-color-5: "#00008B"
      energy-grid-consumption-color-4: "#0000FF"
      energy-grid-consumption-color-3: "#D3D3D3"
      energy-grid-consumption-color-2: "#FAFAFA"
      energy-grid-consumption-color-1: "#8B0000"
      energy-grid-consumption-color-0: "#FF0000"
  ha-view-sections-column-gap: 8px
  ha-view-sections-column-min-width: 400px
  
day_and_night-sections:
  primary-color: "#264269"
  modes:
    light:
      energy-grid-consumption-color-5: "#00008B"
      energy-grid-consumption-color-4: "#0000FF"
      energy-grid-consumption-color-3: "#8B8B8B"
      energy-grid-consumption-color-2: "#AAAAAA"
      energy-grid-consumption-color-1: "#8B0000"
      energy-grid-consumption-color-0: "#FF0000"
    dark:
      energy-grid-consumption-color-5: "#00008B"
      energy-grid-consumption-color-4: "#0000FF"
      energy-grid-consumption-color-3: "#D3D3D3"
      energy-grid-consumption-color-2: "#FAFAFA"
      energy-grid-consumption-color-1: "#8B0000"
      energy-grid-consumption-color-0: "#FF0000"
  ha-view-sections-column-min-width: 200px
  ha-view-sections-column-max-width: 350px
  ha-view-sections-column-gap: 32px

```

Tu peux définir autant de thèmes que tu veux et les selectionner par vue ou dans ton interface utilisateur…

---

_[View the full topic](https://forum.hacf.fr/t/sections-alignement/51334)._