Thème sombre pour le forum

[Corpsomium]

En ayant eu marre de me cramer la rétine en parcourant ce forum, j'ai décidé de prendre les choses en main et de me faire mon propre thème sombre.

 

Via l'extension de navigateur Stylish, j'ai pu créer ma propre version du forum Automobile Propre et naviguer de manière plus agréable.

Pour Google Chrome : https://chrome.google.com/webstore/detail/stylish-custom-themes-for/fjnbnpbmkenffdnngjfgmeleoegfcffe

Pour Mozilla Firefox : https://addons.mozilla.org/fr/firefox/addon/stylish/

 

Le thème que j'ai créé est disponible ici : https://userstyles.org/styles/169510/dark-theme-for-automobile-propre

J'en ai profité pour ajouter des petites aides visuelles concernant les sujets non lus, et géré le problème du menu qui se met au dessus des nouveaux messages.

 

 

J'ai pu rater quelques endroits où appliquer le thème et où certaines parties sont illisibles à cause de ça, n'hésitez pas à me dire où.

 

Et un mot aux développeur du site :

Vu que j'ai dû trifouiller dans les entrailles du code HTML et CSS du forum pour trouver où appliquer mes modifications, je tiens à vous dire que le CSS est vraiment très mauvais. ?

J'en ai aussi profité pour faire des audits de performances et c'est effarant de voir ce genre de choses dans un forum aussi récemment réécrit. ?

[Corpsomium]

En modifiant un petit truc que j'avais pas vu, j'ai encore amélioré la visu des messages non lus :

[Dordrecht]

@Corpsomium En tout cas je trouve que le forum est vraiment lent, c'est fatigant.

[zeta]

il y a 56 minutes, Christian B a dit :

Oups... C'est violent ça non? (Je précise que je n'y connais rien du tout)?

Violent oui, mais probablement pas faux. Si tu veux une comparaison:

Pour afficher la page d’accueil du forum, hors images, Il faut télécharger 35 fichiers, totalisant 2,8 Méga-octets (0,7Mo compressé).

Un autre forum que je consulte nécessite pour la même chose (donc sans les images) 11 fichier pour un total de 0,18Mo (0.05Mo compressé).

Pas étonnant que le navigateur galère à gérer tout ce paquet de code.

 

 

D'ailleurs, ça veux dire que ce forum à été écrit de toutes pièces par l'équipe d'AP ?

Les moteurs de forums habituels disposent de skins intégrés par défaut généralement, en plus de celui proposé aux couleurs du site.

[Elendir]

Mes félicitations @Corpsomium : j'ai téléchargé ton thème : mes rétines te remercient ?

[Ironblue]

Thème installé, c'est beaucoup mieux, j'avais déjà chrome en thème sombre du coups le forum est en harmonie avec le reste car c'est vrai que le tout blanc ça piquait un peu les yeux.

Merci à toi pour ton boulot.

[Ironblue]

Je ne sais pas si c'est que sur mon pc mais j'ai des parties qui sont restées blanches.

 

 

[Corpsomium]

C'est effectivement pour tout le monde, il y a des codes couleurs qui ont été mis directement sur ces zones en particulier.

Je vais voir pour changer ça.

[mike914]

merci ?

[Mac_Gyver]

J'utilise l'extension DARK READER sur Chrome.

 

https://darkreader.org/

[lolo44]

Il y a 14 heures, zeta a dit :

Il y a 15 heures, Christian B a dit :

Oups... C'est violent ça non? (Je précise que je n'y connais rien du tout)?

Violent oui, mais probablement pas faux. Si tu veux une comparaison: 

Oui les développeurs qui s'intéressent vraiment au css, et se documentent professionnellement sur le sujet, sont rares.

[cuagny]

J'utilise l'App Tapatalk

[Corpsomium]

Il y a 15 heures, Ironblue a dit :

Je ne sais pas si c'est que sur mon pc mais j'ai des parties qui sont restées blanches.

C'est corrigé mais il faut mettre manuellement le thème à jour :

Cliquer sur l'extension puis sur les 3 points verticaux, puis "Gérer Styles".

 

Ensuite sur "Rechercher des mises à jour" puis "Installer les mises à jour".

[daggett072]

Il y a 22 heures, Elendir a dit :

Mes félicitations @Corpsomium : j'ai téléchargé ton thème : mes rétines te remercient ?

installé également, bcp plus soft pour les yeux merci corpsomium

 

[Elendir]

Mise à jour faite sans soucis c'est encore mieux ! ?

[mike914]

Ma petite modif  théme vert 

[Corpsomium]

J'ai écrit le thème pour qu'il soit facilement modifiable au niveau des couleurs, et donc effectivement si quelqu'un a envie c'est très simple à changer (par contre, plus de mises à jour je crois).

Et ne vous inquiétez pas, ça change uniquement le thème sur votre navigateur.

 

En cliquant sur Edit, ça ouvre un nouvel onglet avec du code CSS :

 

Il suffit ici de modifier les codes couleur et de sauvegarder, les modifications sont immédiatement reportées sur le forum.

Par exemple, @mike914 a changé le code couleur de la variable `--unread` de `#2196F3` à `#2C8000`.

 

De la même manière, si vous trouvez que le fond est trop foncé, il faut changer `--main-bg-color`. ?

 

[mike914]

il y a un bug quand il y a une pub le haut est blanc

[Corpsomium]

Pas exactement ...

C'est l'image de la pub qui est blanche.

Et là, à part masquer la pub je ne peux pas faire grand chose.

 

Pour limiter son impact (il y aura toujours une partie blanche, mais ça restera lisible au moins), j'ai modifié le style, ça pourra être mis à jour d'ici quelques minutes.

 

En attendant, il est possible d'ajouter, juste après où "body" est marqué (après les variables)

#ipsLayout_contentWrapper,

[mike914]

merci

[Lord_Casque_Noir]

Alors là, c'est une grand OUI !! pourquoi personne n'y a pensé avant ?? Merci à toi

[Teirhy]

Merci !!!   c'est tellement reposant pour les yeux ! 
c'était pourtant une demande faite lors de la refonte du forum mais resté lettre morte ?

[Invité]

Et sous android, y'aurait-il une solution?

 

Merci

 

Antoine

[Corpsomium]

Pas avec des extensions, mais il me semble que Tapatalk a un mode sombre.

[Agfa]

Pas avec des extensions, mais il me semble que Tapatalk a un mode sombre.

Je confirme.