Aller au contenu
Corpsomium

Forum • Thème sombre pour le forum

Messages recommandés

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.

 

915101476_DarkThemeAutomobilePropre.thumb.png.01feadecf99f1472bf18c772dcff1192.png

307739207_DarkThemeAutomobilePropre2.thumb.png.054f4b95dcbb4a4a06d9fe37a720557e.png

1364587890_DarkThemeAutomobilePropre3.thumb.png.869404b3248fc7852f939796cd20ab38.png

802094266_DarkThemeAutomobilePropre4.thumb.png.baacb6ffb19d8e8193fffd1e616b6ddf.png

 

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. 🙄

  • J'aime 1
  • Merci 5
  • Haha 1

Partager ce message


Lien à poster
Partager sur d’autres sites

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

image.png.e72153ad33af85bd46385fd92437e416.png

image.png.42daa467d677583920c3168df2608b0f.png

  • Merci 1

Partager ce message


Lien à poster
Partager sur d’autres sites
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.

Partager ce message


Lien à poster
Partager sur d’autres sites

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

  • Merci 2

Partager ce message


Lien à poster
Partager sur d’autres sites

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.

  • Merci 1

Partager ce message


Lien à poster
Partager sur d’autres sites

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

 

 

Capture1.PNG

Capture2.PNG

Capture3.PNG

Partager ce message


Lien à poster
Partager sur d’autres sites

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.

  • Merci 1

Partager ce message


Lien à poster
Partager sur d’autres sites
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.

Partager ce message


Lien à poster
Partager sur d’autres sites

J'utilise l'App Tapatalk

Partager ce message


Lien à poster
Partager sur d’autres sites
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".

image.png.ba88f739a0b284eb590184740e07b25a.png

 

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

image.png.b57fe8aa33e1909d928fb171f392fa52.png

  • Merci 2

Partager ce message


Lien à poster
Partager sur d’autres sites
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

 

  • Merci 1

Partager ce message


Lien à poster
Partager sur d’autres sites

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

Partager ce message


Lien à poster
Partager sur d’autres sites

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.

image.png.9005c93dbbf8c8325bcc99089e758696.png

 

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

image.png.ece0872875955abd332587fb8c695468.png

 

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`. 😉

 

  • Merci 2

Partager ce message


Lien à poster
Partager sur d’autres sites

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

soul.png

Partager ce message


Lien à poster
Partager sur d’autres sites

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.

image.png.6ccfbcff7f822dbbc11f42929987fe7c.png

 

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,

image.png.1b86ccf92fc169b06fab0c4a70a328a7.png

  • Merci 1

Partager ce message


Lien à poster
Partager sur d’autres sites

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

  • Merci 1

Partager ce message


Lien à poster
Partager sur d’autres sites

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

 

Merci

 

Antoine

Partager ce message


Lien à poster
Partager sur d’autres sites
Pas avec des extensions, mais il me semble que Tapatalk a un mode sombre.

Je confirme.

156edf8d90ad28c158ef6fa0af32cf44.jpg

  • J'aime 1
  • Merci 1

Partager ce message


Lien à poster
Partager sur d’autres sites

Créer un compte ou se connecter pour commenter

Vous devez être membre afin de pouvoir déposer un commentaire

Créer un compte

Créez un compte sur notre communauté. C’est facile !

Créer un nouveau compte

Se connecter

Vous avez déjà un compte ? Connectez-vous ici.

Connectez-vous maintenant



Automobile Propre

Automobile Propre est un site d'information communautaire qui est dédié à tout ce qui concerne l'automobile et l'environnement. Les thématiques les plus populaires de notre blog auto sont la voiture électrique et les hybrides, mais nous abordons également la voiture GNV / GPL, les auto à l'hydrogène, les apects politiques et environnementaux liés à l'automobile. Les internautes sont invités à réagir aux articles du blog dans les commentaires, mais également dans les différents forums qui sont mis à leur dispositon. Le plus populaire d'entre eux est certainement le forum voiture électrique qui centralise les discussions relatives à l'arrivée de ces nouveaux véhicules. Un lexique centralise les définitions des principaux mots techniques utilisés sur le blog, tandis qu'une base de données des voitures (commercialisées ou non) recense les voitures électriques et hybrides.

×