#14 Ajout d'un mode sombre/nuit pour le site

Aperto
aperto 1 anno fa da Eragon · 20 commenti
Eragon 1 anno fa ha commentato

Une fonctionnalité qui me semble utile pour la plupart d’entre nous qui préférons quand même le sombre sur nos pc.
J’ignore comment on peut mettre ça en place, peut-être un cookie, une préférence utilisateur ?
Mais ça me semble bien pratique pour ne pas se casser les yeux sur le blanc du site.

Une fonctionnalité qui me semble utile pour la plupart d'entre nous qui préférons quand même le sombre sur nos pc. J'ignore comment on peut mettre ça en place, peut-être un cookie, une préférence utilisateur ? Mais ça me semble bien pratique pour ne pas se casser les yeux sur le blanc du site.
Lephenixnoir 1 anno fa ha commentato
Proprietario

Une vraie façon de faire est d’utiliser des thèmes CSS. Dans Firefox, View » Page Style permet de sélectionner les alternatives quand elles existent. Sur la plupart des sites modernes, ça ne se fait pas encore.

On pourrait alors avoir un thème clair et un thème sombre.

Une vraie façon de faire est d'utiliser des thèmes CSS. Dans Firefox, View » Page Style permet de sélectionner les alternatives quand elles existent. Sur la plupart des sites modernes, ça ne se fait pas encore. On pourrait alors avoir un thème clair et un thème sombre.
Eragon 1 anno fa ha commentato
Autore

Bonne idée, mais trop peu de gens connaissent ça, un petit encadré avec des astuces sur PC qui indique ça ?

Bonne idée, mais trop peu de gens connaissent ça, un petit encadré avec des astuces sur PC qui indique ça ?
Lephenixnoir 1 anno fa ha commentato
Proprietario

Oui il faudrait l’indiquer quelque part sur le site. Il y a peut-être moyen de générer un changement de thème en Javascript aussi, à étudier.

Comme ce serait a priori pour les gens habitués ou qui passent souvent sur le forum, je ne pense pas que ce soit un problème si ce n’est pas présenté de façon absolument immédiate.

Oui il faudrait l'indiquer quelque part sur le site. Il y a peut-être moyen de générer un changement de thème en Javascript aussi, à étudier. Comme ce serait a priori pour les gens habitués ou qui passent souvent sur le forum, je ne pense pas que ce soit un problème si ce n'est pas présenté de façon absolument immédiate.
Eragon 1 anno fa ha commentato
Autore

En effet, peut-être sur la page affiché après confirmation de la création de compte ?

PS : d’ailleurs si on doit tester la vérification de la création du compte avec une url, comment fait-on en local ? On génère une url de vérification mais on envoi pas de mail ?

En effet, peut-être sur la page affiché après confirmation de la création de compte ? PS : d'ailleurs si on doit tester la vérification de la création du compte avec une url, comment fait-on en local ? On génère une url de vérification mais on envoi pas de mail ?
Lephenixnoir 1 anno fa ha commentato
Proprietario

Oui, c’est le plus simple. J’ai pensé aussi à comment on gèrerait le LDAP en local. Il doit être possible de se faire une installation complète.

Oui, c'est le plus simple. J'ai pensé aussi à comment on gèrerait le LDAP en local. Il doit être possible de se faire une installation complète.
Eragon 1 anno fa ha commentato
Autore

Si on suit un peu les consignes d’installation de @breizh ... limite lui demander un script d’installation pour archlinux(et adapter pour la vm si on choisi de la garder à jour)

Si on suit un peu les consignes d'installation de @breizh ... limite lui demander un script d'installation pour archlinux(et adapter pour la vm si on choisi de la garder à jour)
Darks added the
enhancement
label 1 anno fa
Breizh 1 anno fa ha commentato
Proprietario
https://gitea.planet-casio.com/devs/VPS-config/wiki/Installation-de-base-du-syst%C3%A8me#ldap pour la conf du serveur. https://gitea.planet-casio.com/devs/VPS-config/wiki/LDAP pour la structure de l'annuaire.
Eragon 1 anno fa ha commentato
Autore

Merci, c’est plus en lien avec l’issue #18 mais merci quand même.

Comment est géré le mode sombre interne au navigateur ?
C’est une entête http ou une ligne à rajouter dans l’html ?

Merci, c'est plus en lien avec l'issue #18 mais merci quand même. Comment est géré le mode sombre interne au navigateur ? C'est une entête http ou une ligne à rajouter dans l'html ?
Darks 1 anno fa ha commentato
Proprietario

Par défaut. Si tu ne spécifie pas un background, il le met de la couleur du thème normalement.

Sinon pour spécifier un css alternatif, c’est dans le html que ça se fait.

Par défaut. Si tu ne spécifie pas un background, il le met de la couleur du thème normalement. Sinon pour spécifier un css alternatif, c'est dans le html que ça se fait.
Lephenixnoir 1 anno fa ha commentato
Proprietario

On parle bien de CSS alternatif.

On parle bien de CSS alternatif.
Eragon 1 anno fa ha commentato
Autore

Heu oui je me suis mal exprimé, par mode sombre interne au navigateur j’entendais le bouton dans les menus pour utiliser une thème alternatif.

Heu oui je me suis mal exprimé, par `mode sombre interne au navigateur` j'entendais le bouton dans les menus pour utiliser une thème alternatif.
Eragon 1 anno fa ha commentato
Autore

https://www.w3.org/Style/Examples/007/alternatives.en.html Quelqu’un ici à chrome(ium) d’installé pour confirmer le fait que les styles alternatifs ne sont pas dispo sans extensions sous chrome?

PS: Vous pouvez utiliser la page du lien pour tester.

https://www.w3.org/Style/Examples/007/alternatives.en.html Quelqu'un ici à chrome(ium) d'installé pour confirmer le fait que les styles alternatifs ne sont pas dispo sans extensions sous chrome? PS: Vous pouvez utiliser la page du lien pour tester.
Breizh 1 anno fa ha commentato
Proprietario

J’ajouterais que Firefox ne conserve pas l’info pour les CSS alternatifs, il faut les sélectionner à chaque changement de page et chaque visite du site…

J'ajouterais que Firefox ne conserve pas l'info pour les CSS alternatifs, il faut les sélectionner à chaque changement de page et chaque visite du site…
Lephenixnoir 1 anno fa ha commentato
Proprietario

Dans ce cas, on devrait peut-être fall back sur un paramètre en BDD qui change les en-têtes de la page. Ça permet de changer de thème sans JS, après si on veut une preview live on peut utiliser du JS.

Dans ce cas, on devrait peut-être fall back sur un paramètre en BDD qui change les en-têtes de la page. Ça permet de changer de thème sans JS, après si on veut une preview live on peut utiliser du JS.
Darks 1 anno fa ha commentato
Proprietario

À la limite je préfère utiliser le localStorage, qui pour le coup me parait plus adapté.

À la limite je préfère utiliser le localStorage, qui pour le coup me parait plus adapté.
Lephenixnoir 1 anno fa ha commentato
Proprietario

À la limite je m’en fous, mais pourquoi pas un paramètre du compte ? Ça persisterait d’un périphérique à l’autre.

À la limite je m'en fous, mais pourquoi pas un paramètre du compte ? Ça persisterait d'un périphérique à l'autre.
Eragon 1 anno fa ha commentato
Autore

Le problèm du localStorage c’est qu’il impose l’utilisation de JS, je me trompe ?
À la limite proposer les deux, ça me semble bien plus simple de faire ça en bdd et modifier les en-têtes que de le faire avec le loaclStorage.

Le problèm du localStorage c'est qu'il impose l'utilisation de JS, je me trompe ? À la limite proposer les deux, ça me semble bien plus simple de faire ça en bdd et modifier les en-têtes que de le faire avec le loaclStorage.
Darks 3 settimane fa ha commentato
Proprietario

Le commit 04fb3225c1 ajoute la variabilisation du thème, ce qui simplifie grandement la gestion de ceux-ci.

On peut largement envisager un système qui vient charger un style selon un flag enregistré en BDD.

Et on peut même imaginer un bout de Js qui détecte si le thème de l’OS est sombre ou non, histoire de s’adapter en conséquence. Misskey arrive à le faire, avec un peu de chance c’est un truc qui peut être simple à mettre en place.

Pour ce qui est de la customisation complète, il reste les solutions type Stylish.

Le commit 04fb3225c1 ajoute la variabilisation du thème, ce qui simplifie grandement la gestion de ceux-ci. On peut largement envisager un système qui vient charger un style selon un flag enregistré en BDD. Et on peut même imaginer un bout de Js qui détecte si le thème de l'OS est sombre ou non, histoire de s'adapter en conséquence. Misskey arrive à le faire, avec un peu de chance c'est un truc qui peut être simple à mettre en place. Pour ce qui est de la customisation complète, il reste les solutions type Stylish.
Eragon 1 settimana fa ha commentato
Autore

La variabilisation, c’est du css3 ? Ou alors on ets passé à un autre truc et j’ai raté un morceau ?

La variabilisation, c'est du css3 ? Ou alors on ets passé à un autre truc et j'ai raté un morceau ?
Darks 1 settimana fa ha commentato
Proprietario
CSS4, mais c'est [supporté par presque tout le monde](https://caniuse.com/#feat=css-variables)
Effettua l'accesso per partecipare alla conversazione.
Nessuna milestone
Nessuna assegnatario
4 Partecipanti
Notifiche
Data di scadenza

Nessuna data di scadenza impostata.

Dipendenze

Questo problema attualmente non ha alcuna dipendenza.

Caricamento…
Non ci sono ancora contenuti.