Ce Forum passera en lecture seule en janvier 2020
Image
Merci de vous rendre sur https://community.jeedom.com maintenant pour vos prochains postes ;)

[THEME] "Dark Sobre"

Cette partie est réservée à l'utilisation de l'interface web de configuration de JEEDOM
Avatar de l’utilisateur
loic
Administrateur
Messages : 14862
Inscription : 01 févr. 2014, 16:21

Re: [THEME] "Dark Sobre"

Message par loic » 28 mars 2016, 20:14

Ca rend bien effectivement même très bien.
Aide nous à t'aider : mets des logs, détaille ton soucis... Vous n'aurez aucune réponse de ma part si votre demande n'est pas détaillée (log, capture d'écran lisible...) ou si vous ne postez pas dans la bonne section

Avatar de l’utilisateur
tom74
Actif
Messages : 1798
Inscription : 16 juil. 2014, 09:16
Localisation : Annecy (74)

Re: [THEME] "Dark Sobre"

Message par tom74 » 28 mars 2016, 21:08

Très beau ce thème,

J'adhère !!

Avatar de l’utilisateur
dJuL
Actif
Messages : 1427
Inscription : 28 janv. 2016, 01:37
Localisation : Ile de France

Re: [THEME] "Dark Sobre"

Message par dJuL » 28 mars 2016, 21:43

MAJ du thème

CSS zip v0.9.30 : Réduction de la barre de menu, changement du logo jeedom, légères modifs des couleurs des boutons

Pour l'appliquer Il faut re-télécharger le zip dans le Post#2

Aperçu :
capture.jpeg
capture.jpeg (594.26 Kio) Consulté 918 fois
Dernière version de JPI
Un bouton donation se trouve dans la fenêtre DIVERS / A propos de l'interface web si vous souhaitez soutenir le projet.

Avatar de l’utilisateur
carfnann
Timide
Messages : 469
Inscription : 05 févr. 2015, 02:14
Contact :

Re: [THEME] "Dark Sobre"

Message par carfnann » 28 mars 2016, 22:09

Très beau theme, bravo et merci pour le partage!
JEEdom sous Proxmox (Intel Quad Core i7-4770S / 3.10Ghz - 16 Go DDR3 - 256 Go SSD) + RFXCom + Jeedom sous Odroid avec Aeon Gen5
Mon matériel

Mon Blog : http://www.ca-sert-a-quoi.com domotique, objet connecté et impression 3D

metamax
Timide
Messages : 189
Inscription : 18 févr. 2016, 16:50

Re: [THEME] "Dark Sobre"

Message par metamax » 28 mars 2016, 22:21

Très sympa ces derniers ajustements !
Par contre je n'ai plis d'effet transparence sur le Dashboard :-(
JEEDOM Stable sur RPI3 + SSD
STICK ZWAVE AEON GEN5 + RFXCOM

Avatar de l’utilisateur
dJuL
Actif
Messages : 1427
Inscription : 28 janv. 2016, 01:37
Localisation : Ile de France

Re: [THEME] "Dark Sobre"

Message par dJuL » 28 mars 2016, 22:22

Rien n'a changé concernant la transparence.
Vérifie que les personnalisations avancées sont bien activées et que les codes JS et CSS du post#2 sont bien encore là.
Dernière version de JPI
Un bouton donation se trouve dans la fenêtre DIVERS / A propos de l'interface web si vous souhaitez soutenir le projet.

metamax
Timide
Messages : 189
Inscription : 18 févr. 2016, 16:50

Re: [THEME] "Dark Sobre"

Message par metamax » 28 mars 2016, 22:30

En effet... Merci !
Personnalisations avancées étaient désactivées.
Super résultat !
Merci pour votre boulot !
JEEDOM Stable sur RPI3 + SSD
STICK ZWAVE AEON GEN5 + RFXCOM

Avatar de l’utilisateur
breizh22
Actif
Messages : 1318
Inscription : 10 oct. 2015, 17:35

Re: [THEME] "Dark Sobre"

Message par breizh22 » 28 mars 2016, 22:47

Grand merci pour le partage et le travail que cela demande. Superbe résultat.
HP Gen 8 / OMV4 sur SSD / Jeedom 3.3.37 VM Debian 9
RFLink - Sondes Oregon THN 132 N / THGR 122 NX / THGR 810 / THC238 - Prises DIO/Dedra/IDK.
Orvibo AllOne et S20 - Onduleur APC Back-UPS ES 700VA
Écosystème xiaomi - Dash buttons - GHome et mini.

Avatar de l’utilisateur
dJuL
Actif
Messages : 1427
Inscription : 28 janv. 2016, 01:37
Localisation : Ile de France

Re: [THEME] "Dark Sobre"

Message par dJuL » 29 mars 2016, 02:07

dJuL a écrit :MAJ du thème

CSS zip v0.9.30 : Réduction de la barre de menu, changement du logo jeedom, légères modifs des couleurs des boutons

Pour l'appliquer Il faut re-télécharger le zip
+Maj du JS dans les personnalisations avancées à partir du code de Loïc (l’événement pour garder la transparence lors les refresh des widgets ne marche qu'avec la beta)
Plus besoin ni des délais ni du petit bout de code CSS

Tout est dans le Post#2
Dernière version de JPI
Un bouton donation se trouve dans la fenêtre DIVERS / A propos de l'interface web si vous souhaitez soutenir le projet.

Avatar de l’utilisateur
loic
Administrateur
Messages : 14862
Inscription : 01 févr. 2014, 16:21

Re: [THEME] "Dark Sobre"

Message par loic » 29 mars 2016, 09:20

A oui ca rend encore mieux (surtout la barre plus petite je trouve). Par contre y a toujours un truc avec les boutons "noir" :
Capture.PNG
Capture.PNG (65.52 Kio) Consulté 810 fois
On a l'impression qu'il y a un effet en relief du bouton foncé par rapport au clair (à gauche), non ?
Aide nous à t'aider : mets des logs, détaille ton soucis... Vous n'aurez aucune réponse de ma part si votre demande n'est pas détaillée (log, capture d'écran lisible...) ou si vous ne postez pas dans la bonne section

Avatar de l’utilisateur
dJuL
Actif
Messages : 1427
Inscription : 28 janv. 2016, 01:37
Localisation : Ile de France

Re: [THEME] "Dark Sobre"

Message par dJuL » 29 mars 2016, 09:34

Oui il reste un peu de relief je peux l'enlever...
Je viens de voir que les scrollbar sont buguées dans chrome, il aime pas une règle d'exclusion CSS, j'ai corrigé, mais c'est pas encore en ligne.

Sinon Voici une version beta du JS (dans les persos avancées)

Code : Tout sélectionner

/* DARK SOBRE JS BETA v0.9.3 */
$(document).ready(function() {
	function dark_sobre_setOpacity() {
		var el = $(this);
		var background = el.css('background-color');
		if (background.indexOf('rgba') < 0) {
			el.css('background-color', background.replace(')', ', 0.4)').replace('rgb', 'rgba'));
		}
	}
	var dark_sobre_observer = new MutationObserver(function(mutations) {
		mutations.forEach(function(mutation) {
			var el = $(mutation.target);
			if (mutation.type == "attributes" && el.hasClass('eqLogic-widget')) {
				dark_sobre_setOpacity.bind(el[0])();
			}
		})
	});
	function dark_sobre_observe() {
		dark_sobre_observer.observe(this, {
			attributes: true,
			subtree: true,
			attributeFilter: ['style']
		});
	}
	if (window.location.href.indexOf("p=dashboard") > -1) {
		$('.div_displayEquipement').each(dark_sobre_observe);
	}
	else if (window.location.href.indexOf("p=view") > -1) {
		$('.div_displayView').each(dark_sobre_observe);
	}
	else if (window.location.href.indexOf("p=display") > -1) {
		$('div.col-xs-4.object.col-xs-height').each(dark_sobre_setOpacity);
	}
	setTimeout(function() {
		$('#div_mainContainer').hide().css('visibility', 'visible').fadeIn(300);
	}, 10);
});
et CSS

Code : Tout sélectionner

/*DARK SOBRE CSS v0.9.12*/
#div_mainContainer {
  visibility: hidden;
}
Permet d'appliquer la transparence aussi sur les vues et dans le résumé domotique.
Gère le refresh des widget même avec la dernière stable.

Ça marche impex avec FF et edge, ça merdouille un peu avec chrome je crois (tout comme le code de Loic de toutes façons, chrome n' aime pas non plus les events Mutation quand il y a trop de monde j'ai l'impression, chez moi sur le dashboard ça marche avec enter dans la barre d'adresse mais pas si je fais F5 par ex...)

Dites moi si ça marche chez vous.
Dernière version de JPI
Un bouton donation se trouve dans la fenêtre DIVERS / A propos de l'interface web si vous souhaitez soutenir le projet.

Avatar de l’utilisateur
marmoul
Actif
Messages : 891
Inscription : 01 sept. 2015, 15:50
Localisation : Haute-Saône (70)

Re: [THEME] "Dark Sobre"

Message par marmoul » 29 mars 2016, 09:56

J'ai appliquer tout tes changement et sa a l'air de bien fonctionner avec chrome :D
J'adore ;)

Edit: Ah si je veux bien que tu me donne la couleur pour les bouton action de tes tuiles,
Je viens de voir que j'ai une barre noir sur le pluging "prévision pluie" :roll:
Merci
Pièces jointes
Plein_écran_29_03_2016_09_52 copie.png
Plein_écran_29_03_2016_09_52 copie.png (377.09 Kio) Consulté 790 fois
Dernière édition par marmoul le 29 mars 2016, 10:06, édité 2 fois.

Avatar de l’utilisateur
loic
Administrateur
Messages : 14862
Inscription : 01 févr. 2014, 16:21

Re: [THEME] "Dark Sobre"

Message par loic » 29 mars 2016, 10:01

J'ai pas de soucis avec chrome et mon code pourtant (je test que sous chrome)
Aide nous à t'aider : mets des logs, détaille ton soucis... Vous n'aurez aucune réponse de ma part si votre demande n'est pas détaillée (log, capture d'écran lisible...) ou si vous ne postez pas dans la bonne section

Avatar de l’utilisateur
dJuL
Actif
Messages : 1427
Inscription : 28 janv. 2016, 01:37
Localisation : Ile de France

Re: [THEME] "Dark Sobre"

Message par dJuL » 29 mars 2016, 10:12

C'est peut être mon chrome qui a un pet', ça marche à 80% chez moi de temps en temps ça bug avec un dashboard bien rempli...
J'ai modifier les boutons par défaut, je fais le zip...
Dernière version de JPI
Un bouton donation se trouve dans la fenêtre DIVERS / A propos de l'interface web si vous souhaitez soutenir le projet.

Avatar de l’utilisateur
dJuL
Actif
Messages : 1427
Inscription : 28 janv. 2016, 01:37
Localisation : Ile de France

Re: [THEME] "Dark Sobre"

Message par dJuL » 29 mars 2016, 10:20

Nouveau zip dans le Post#2
(srcollbars Chrome et couleur bouton)
Dis moi si ça te va Loïc
Dernière version de JPI
Un bouton donation se trouve dans la fenêtre DIVERS / A propos de l'interface web si vous souhaitez soutenir le projet.

Avatar de l’utilisateur
dJuL
Actif
Messages : 1427
Inscription : 28 janv. 2016, 01:37
Localisation : Ile de France

Re: [THEME] "Dark Sobre"

Message par dJuL » 29 mars 2016, 10:23

marmoul a écrit :J'ai appliquer tout tes changement et sa a l'air de bien fonctionner avec chrome :D
J'adore ;)

Edit: Ah si je veux bien que tu me donne la couleur pour les bouton action de tes tuiles,
Je viens de voir que j'ai une barre noir sur le pluging "prévision pluie" :roll:
Merci
Merci du retour.
J'ai pas de couleur de spécifiée je crois.
C'est la couleur du bouton par défaut qui est pas mal transparente qui fait que le bouton prend la couleur du widget
Dernière version de JPI
Un bouton donation se trouve dans la fenêtre DIVERS / A propos de l'interface web si vous souhaitez soutenir le projet.

Avatar de l’utilisateur
loic
Administrateur
Messages : 14862
Inscription : 01 févr. 2014, 16:21

Re: [THEME] "Dark Sobre"

Message par loic » 29 mars 2016, 10:25

C'est mieux la déja mais je me demande si :
- les btn-primary : devrait pas etre en bleu "foncé" transparent
- ca libère le blanc des btn-primary pour les btn-default
- et faudrait revoir les btn-info
Capture.PNG
Capture.PNG (29.78 Kio) Consulté 769 fois
Après c'est du détail vraiment pour le coup car la ca rend déja bien
Aide nous à t'aider : mets des logs, détaille ton soucis... Vous n'aurez aucune réponse de ma part si votre demande n'est pas détaillée (log, capture d'écran lisible...) ou si vous ne postez pas dans la bonne section

Avatar de l’utilisateur
marmoul
Actif
Messages : 891
Inscription : 01 sept. 2015, 15:50
Localisation : Haute-Saône (70)

Re: [THEME] "Dark Sobre"

Message par marmoul » 29 mars 2016, 10:28

dJuL a écrit :
marmoul a écrit :J'ai appliquer tout tes changement et sa a l'air de bien fonctionner avec chrome :D
J'adore ;)

Edit: Ah si je veux bien que tu me donne la couleur pour les bouton action de tes tuiles,
Je viens de voir que j'ai une barre noir sur le pluging "prévision pluie" :roll:
Merci
Merci du retour.
J'ai pas de couleur de spécifiée je crois.
C'est la couleur du bouton par défaut qui est pas mal transparente qui fait que le bouton prend la couleur du widget
Effectivement c'est la couleur par défaut fallait juste que je re-sauvagarde pour la tuile pour que sa prennent le changement.
merci :D
Pièces jointes
Plein_écran_29_03_2016_10_32.png
Plein_écran_29_03_2016_10_32.png (371.47 Kio) Consulté 767 fois

Avatar de l’utilisateur
dJuL
Actif
Messages : 1427
Inscription : 28 janv. 2016, 01:37
Localisation : Ile de France

Re: [THEME] "Dark Sobre"

Message par dJuL » 29 mars 2016, 10:40

@Loïc Yep pas de soucis, je fais ça plus tard quand j'aurai un peu de temps.
Dernière version de JPI
Un bouton donation se trouve dans la fenêtre DIVERS / A propos de l'interface web si vous souhaitez soutenir le projet.

Avatar de l’utilisateur
loic
Administrateur
Messages : 14862
Inscription : 01 févr. 2014, 16:21

Re: [THEME] "Dark Sobre"

Message par loic » 29 mars 2016, 10:48

Oui oui ya le temps tkt pas, en plus moi c'est VACANCE cette semaine !!!!
Aide nous à t'aider : mets des logs, détaille ton soucis... Vous n'aurez aucune réponse de ma part si votre demande n'est pas détaillée (log, capture d'écran lisible...) ou si vous ne postez pas dans la bonne section

Répondre

Revenir vers « Portail web classique (Desktop) »

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 1 invité