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

オープン
Eragon1年前に作成 · 20件のコメント
Eragon1年前 にコメント

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.
Lephenixnoir1年前 にコメント
オーナー

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.
Eragon1年前 にコメント
投稿者

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 ?
Lephenixnoir1年前 にコメント
オーナー

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.
Eragon1年前 にコメント
投稿者

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 ?
Lephenixnoir1年前 にコメント
オーナー

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.
Eragon1年前 にコメント
投稿者

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 がラベル
enhancement
を追加 1年前
Breizh1年前 にコメント
オーナー
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.
Eragon1年前 にコメント
投稿者

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 ?
Darks1年前 にコメント
オーナー

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.
Lephenixnoir1年前 にコメント
オーナー

On parle bien de CSS alternatif.

On parle bien de CSS alternatif.
Eragon1年前 にコメント
投稿者

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.
Eragon1年前 にコメント
投稿者

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.
Breizh1年前 にコメント
オーナー

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…
Lephenixnoir1年前 にコメント
オーナー

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.
Darks1年前 にコメント
オーナー

À 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é.
Lephenixnoir1年前 にコメント
オーナー

À 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.
Eragon1年前 にコメント
投稿者

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.
Darks2週間前 にコメント
オーナー

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.
Eragon2日前 にコメント
投稿者

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 ?
Darks2日前 にコメント
オーナー
CSS4, mais c'est [supporté par presque tout le monde](https://caniuse.com/#feat=css-variables)
サインインしてこの会話に参加。
マイルストーンなし
担当者なし
4 人の参加者
通知
期日

期日は未設定です。

依存関係

この課題に依存関係はありません。

読み込み中…
まだ内容がありません