Bonjour,
J’aimerais modifier la page de login de Jeedom en remplacant la couleur verte par une couleur sombre comme le noir par exemple. J’aimerais aussi modifier l’image Jeedom by Freebox (pout ne laisser que Jeedom)
Ce sont des détails, mais je suis amené à me logger plusieurs fois dans la journée.
Si quelqu’un aurait une piste, j’ai regardé un ancien topic mais cela ne correspond pas.
Merci
Bonjour
Tu peux aussi jouer avec les fichiers css dans /var/www/html/desktop/css/connection.css
Dans le css à la ligne 7 tu as :
background-image: linear-gradient
un background en linear- gradient c’est pour faire un fondu
to bottom right indique la direction vers en bas à droite
donc tu à un fond qui va d’en haut à gauche vers en bas à droite. Le premier code rgb est celle d’en à gauche.
EDIT: Le quatrième chiffre entre les parenthèses indique l’opacité comprise entre 0 et 1
Voilà pour le fond 
Update:
Pour l’image de Jeedom à droite
sur rasp c’est celle-ci :
il faut l’héberger sur la machine du jeedom
et normalement insérer le lien de destination ligne 49 à la place de l’existent
<img class="img-responsive" src="core/img/logo-jeedom-grand-nom-couleur-460x320.png" style="display:block; margin: 10% 5% 10% auto; width:45%;">
Voilà pour la suite tu regarde 
Bonjour.
Il y a une possibilité de faire du custom depuis ce fichier :
data\custom\custom.config.ini
Car si vous touchez au code de Jeedom, a chaque mise à jour vous perdez tout.
Bonjour
je ne trouve pas ce fichier dans l’arbre de l’éditeur de fichiers
Ceux qui on une Freebox, on ce fichier.
- C’est le sujet d’origine.
J’imagine qu’il est à créer pour les autres.
Voici le contenu sur Atlas
[core]
;Generale
product_name=Jeedom Atlas
path_wizard=data/custom/atlasWizard.json
product_connection_image=core/img/logo-jeedom-atlas-grand-nom-couleur.svg
Je suis sur un raspberry
Vous devez alors créer ce fichier, mais vous n’êtes pas l’initiateur de la question, sauf si je me trompes.
Du tout, j’ai tenté d’aider @Kyar en passant par le fichier css de la page de login
Mais merci pour l’info
Merci à tous pour vos réponses, je suis donc bien arrivé à modifier l’image avec le fichier custom.config.ini et mis un fond d’écran noir avec le fichier de connection.css
J’ai maintenant les fenêtres blanche qui brille de mille feux :
Une idée du nom de cette fonction dans le fichier de connection.css ?
Voilà mon rendu pour l’instant :
J’ai pas encore réussis à trouver la couleur pour fond blanc du login pour être un peu moins voyant
Bonjour @Kyar
A priori j’ai cru comprendre qu’à chaque mise à jour, tes modifications risquent de partir en modifiant le fichier .css
Je ne sais pas modifier le fichier .ini
Maintenant, si tu veux quand même modifier le fichier .css en sachant ce détail, alors je peux t’aider.
D’abord, du coup, sauvegarde sur ton ordinateur ou dans un autre coin de la machine Jeedom le fichier .css , pour le re déplacer à l’issue d’une MAJ.
Moi, comme beaucoup je pense, n’a pas juger bon de modifier cet écran car il est peu fréquent de le rencontrer quand on coche la case « Enregistrer cet ordinateur ».
Ceci étant dis je vais te donner une astuce trouver rapidement ce que tu cherche en css :
Sur le navigateur Google Chrome, tu as dans le menu des trois petits point (en haut à droite)/Plus d’outils/Outils de développement.
Lorsque tu l’ouvre, tu peux survoler avec ta souris le code html. Chrome va t’indiquer dans le même temps, par des « artefact », ce à quoi ça correspond visuellement. (Quelle balise)
Puis si tu clique sur le code html/la balise qui t’intéresse, tu vas pouvoir voir le code CSS associer.
Une fois dans cette situation, tu peux retourner sur ton fichier.css et aller à l’endroit de la balise.
Pour rappel, mais je t’invite à aller voir des docs sur le html et le css, une balise html se présente (grossièrement) comme ça:
<div class="TRUCMACHIN"> contenu </div>
dans le code css : .trucmachin
pour lui attribuer des caractéristiques.
Dans l’éditeur j’ai par ailleurs repérer cette balise :
.veen .wrapper > .form-group (en css)
si je modifier la valeur de #FFF à coté de background, pour le mettre en rouge. Je vois que c’est plus ou moins ce que tu cherche. mais c’est pas suffisant.
Mais il y a aussi cette autre balise
.veen > .wrapper
qui est celle juste au dessus, pour obtenir tout en rouge
Dans le fichier connection.css tu peux faire ctrl+f pour trouver facilement les balise dans le format css que tu recherche
Il va rester des choses à modifier. Je te laisse voir par toi même, reviens si tu ne trouve pas. Des balises qui s’appellent « label » peuvent être celles à modifier
Merci pour le tuto, j’essayais de rechercher avec le même outil mais pas dans le bon endroit ! Si quelqu’un a une solution pour que ça ne change pas après chaque mise à jour…
