Forums
4. Thème - Version imprimable

+- Forums (https://domosimple.eu/forum)
+-- Forum : Smartphoton-HA Add-on (https://domosimple.eu/forum/forum-37.html)
+--- Forum : Partage de configurations YAML (https://domosimple.eu/forum/forum-50.html)
+--- Sujet : 4. Thème (/thread-720.html)

4. Thème - NOLAK - 07-03-2024

Bon aller on va essayer de ce faire un petit thème

   

Prérequis  il vous faudra :

Toujours hacs (voir carte sumsynk) : https://domosimple.eu/forum/thread-715.html
et le module complémentaire "File editor"

Une fois que vous avez installé hacs, aller dans le menu à gauche et hacs => interface => le + en bas à droite 
Et vous recherchez un thème pour exemple j'ai choisie iOS Themes

Vous pouvez l'installer

Vous allez dans file editor => fichier configuration yaml
et vous rajouté cette ligne et enregistrer
Code :
frontend:
  themes: !include_dir_merge_named themes

   

Ensuite => outils de developpement => un petit coup "vérifier la configuration" (important)
si tout est ok recharger toute la configuration YAML sinon vérifier vos lignes ajoutées dans configuration.yaml

Voila vous pouvez changer le thème dans votre profils ici c'est "ios-dark-mode-blue-red-alternative"

RE: 4. Thème - NOLAK - 07-03-2024

1 Dashboard
https://domosimple.eu/forum/thread-714.html

1.1 Onduleur Parallèles
https://domosimple.eu/forum/thread-795-post-6357.html#pid6357

2 Carte sumsynk
https://domosimple.eu/forum/thread-715.html

3. Suite carte graphique
https://domosimple.eu/forum/thread-719.html

4. Thème
https://domosimple.eu/forum/thread-720.html

RE: 4. Thème - LIVINGEYES - 09-03-2024

Bon j'ai refait plusieurs fois ton tuto et moi, j'ai ça comme résultat  LOL!
   
il doit manquer quelques chose
voilà mon YAML
   
et le thème choisi sur mon tableau de bord
   
ou est ce que j'ai merdouillé ?

RE: 4. Thème - jlm - 09-03-2024

n'aurais tu pas ajouté un thème directement dans tes cartes ?

Par exemple comme ceci:

   

RE: 4. Thème - NOLAK - 09-03-2024

Ton thème est bien pris j'ai l'impression que c'est ton image de fond qui ne charge pas tu as essayé de changer thème ? Ou même de le réinstaller pour voir

RE: 4. Thème - LIVINGEYES - 09-03-2024

(09-03-2024, 07:17 PM)jlm a écrit : n'aurais tu pas ajouté un thème directement dans tes cartes ?

Par exemple comme ceci:

Ben, j'ai suivi le tuto de Novak, mais je vais quand même vérifier!
(09-03-2024, 07:19 PM)NOLAK a écrit : Ton thème est bien pris j'ai l'impression que c'est ton image de fond qui ne charge pas tu as essayé de changer thème ? Ou même de le réinstaller pour voir

Alors, je les ai tous essayés dans la liste déroulante et toujours pareille ! et est refait au moins 4 fois l'installation.
Par contre dans le guide d'installation de ios themes il y d'autres lignes a mettre mais je comprend pas ou
  1. Installation of the themes with HACS.
  • (If you do not have it yet) Install HACS.
  • Go to the HACS Community Store.
  • Click on the
    Code :
    THEMES
    tab.
  • Search and install the
    Code :
    iOS Themes
    .
  1. Add the following code to your
    Code :
    configuration.yaml
    file (reboot required).
Code :
frontend:
  ... # your configuration.
  themes: !include_dir_merge_named themes            "et la ce n'est pas iddentique a celle de ton tuto donc j'ai mis la tienne !!!"
  ... # your configuration.
  1. Add the following line to your
    Code :
    lovelace-ui.yaml                                 "celle la je le trouve pas dans mon yaml?"
    or use the RAW editor:
Code :
background: var(--background-image)                    " il y a cette ligne !!!"
So the end result will be something like this example.
Automations to easily switch
WARNING: if you want to switch themes using automations, you need to go to your profile and select "Backend-selected" for Theme!
It is recommended to use these automations (
Code :
basnijholt/home-assistant-config/automations/frontend.yaml     "ça c'est pour automatisé ? les changement de couleurs ? je n'est pas fait"
) in combination with these:
Code :
input_select:
  theme:
    options:
      - blue-red
      - dark-blue
      - dark-green
      - light-blue
      - light-green                                                  "et cette combinaison vas pour l'automatisation je pense mais je n'est  
      - orange                                                        rien fait car dans ton tuto tu n'en parle pas"
      - red
    icon: mdi:format-color-fill
 
input_boolean:
  dark_mode:
    name: Dark mode
    icon: mdi:theme-light-dark
  theme_alternative:
    name: Theme alternative (disable active state color)