Thème sombre

Raccoon

Ce thème sombre est vraiment super, en plus d’être utile il est fait avec goût. Mais en l’activant sur mon moniteur 21/9 je m’aperçois que l’image de fond n’est pas faite pour ce format d’écran :

Alors que le thème clair passe quant à lui très bien.
@Violence si demain tu as 5 min pour changer le background tu approcheras un peu plus la perfection.

Violence

@raccoon

faut que je regarde comment faire

UrbanCast

@violence
Tout d’abord bravo pour ton taf, c’est très propre et reposant
Deux points à améliorer :

1. la barre de navigation du bas reste très (trop,) claire par rapport au thème.
  https://pasteboard.co/Kb2gKoX.jpg
1. dans le même registre, lors de l’écriture d’un message :
  https://pasteboard.co/Kb2hDup.jpg

Violence

@violence a dit dans Thème sombre :

@raccoon

faut que je regarde comment faire

Vu ensemble en MP c’est Ok apparemment

Violence

@urbancast a dit dans Thème sombre :

@violence
Tout d’abord bravo pour ton taf, c’est très propre et reposant
Deux points à améliorer :

la barre de navigation du bas reste très (trop,) claire par rapport au thème.
https://pasteboard.co/Kb2gKoX.jpg

dans le même registre, lors de l’écriture d’un message :
https://pasteboard.co/Kb2hDup.jpg

Il faut que je regarde pour la barre de nav en bas car elle n’est pas blanche sur un PC. (Edit; ah si elle est blanche quand on est en haut du post !)
Je n’ai pas fait de tests complets sur mobile.

Pour l’éditeur de messages, j’y ai pensé et je vais voir ce que je peux faire car pour éditer, il était plus simple de garder du blanc.

Je vais donc tenter certaines choses

Violence

@violence a dit dans Thème sombre :

@urbancast a dit dans Thème sombre :

@violence
Tout d’abord bravo pour ton taf, c’est très propre et reposant
Deux points à améliorer :

la barre de navigation du bas reste très (trop,) claire par rapport au thème.
https://pasteboard.co/Kb2gKoX.jpg

dans le même registre, lors de l’écriture d’un message :
https://pasteboard.co/Kb2hDup.jpg

Il faut que je regarde pour la barre de nav en bas car elle n’est pas blanche sur un PC. (Edit; ah si elle est blanche quand on est en haut du post !)
Je n’ai pas fais de tests complets sur mobile.

Pour l’éditeur de messages, j’y ai pensé et je vais voir ce que je peux faire car pour éditer, il était plus simple de garder du blanc.

Je vais donc tenter certaines choses

EDIT:

– J’ai fais quelques modifications @UrbanCast , ça devrais le faire

Barre de progression des posts des topics (page 1):

Barre de progression des posts des topics (Au delà de la page 1):

– Concernant l’éditeur de messages WHSIWYG, je ne pense pas pouvoir faire mieux mais c’est pas mal déjà :

–> Windows Mode:

–> Full Mode:

GhostKilla

Par contre, déjà dit mais tant que tu es sur les thèmes, ça manque de padding entre le corps des messages et le bloc de message en basse résolution, en faite les écritures touchent le bord du bloc, c’est pas super (côté gauche, sur la droite c’est mieux mais pas parfait quand même ^^)

Violence

@ghostkilla

J’ai remarqué cela mais ce n’est que sur les smartphones j’ai l’impression. J’en fais pas une priorité pour l’instant

Pour les basses résolutions sur desktop, on est 2021 bordel

GhostKilla

@violence Les basse résolutions concernent les smartphones, je test le site sur smartphone aussi, et c’est une simple règle de résolution à ajouter, pas très long ni difficile

Violence

@GhostKilla
Je suis sur autre chose pour l’instant.
Propose ton code si tu veux, ça m’évitera de chercher

GhostKilla

Pas de soucis, je regarde ça après

Violence

@ghostkilla Super ^^

GhostKilla

en dessous de ta règle “.topic .content”

@media all and (max-width: 1024px)
{
    .topic .content
    {
        padding-right: 5px;
	padding-left: 5px;
    }
}

et en dessous de ta règle “.topic .post-signature”

@media all and (max-width: 1024px)
{
    .topic .post-signature
    {
        padding-right: 5px;
	padding-left: 5px;
    }
}

J’ai mis 5 px, après c’est toi qui voit ce que tu veux mettre ^^

Violence

@ghostkilla

ok super, ça m’évite de chercher.
Je m’en occupes dès que possible ^^

Izno

quel boulot de fou
bravo @Violence
c’est une super idée

-parfois les liens url en bleu sont transformés en gris ou vert
-CGU / team du forum / report de bugs en bas sont en gris
version normal ils sont bleu comme le Planète Warez 2021

sinon regarde le topic box formuler , discussion generale
je l’ai epinglé
en bas c’est ecrit epinglé par Izno
la ligne est plus compact et ma photo mange sur les lettres

sinon regarde https://planete-warez.net/topic/133/annexe-5-contacter-l-équipe-alerter-un-message?_=1626261132678

le message en bas verrouillé ou épinglé par raccoon est compact et le nom Raccoon est gris et non vert

GhostKilla

Par contre actuellement j’ai plus le bouton pour le thème sombre, normal ?

Raccoon

@ghostkilla fais un ctrl + f5, une mise à jour l’avait fait disparaitre, il a été remis depuis.

Ashura

pour le moment j’ai tester que sur PC et c’est pas mal

Izno

Salut @ashura tu parles du forum en général ?

Ashura

@izno a dit dans Thème sombre :

Salut @ashura tu parles du forum en général ?

oui pour tout le site

arf 120sec d’attente

Raccoon

@ashura je viens de plziner ton post, ta réputation est à 3, normalement tu n’as plus la restriction des 120 secondes.

Ashura

@raccoon a dit dans Thème sombre :

@ashura je viens de plziner ton post, ta réputation est à 3, normalement tu n’as plus la restriction des 120 secondes.

merci chef

UrbanCast

@violence oui beaucoup mieux !
Encore une pour le mode dark ^^ : dans le global chat, le chan pour écrire son message est blanc

Test sur mobile

Izno

@raccoon tu as prévu quoi comme bareme de reputation alors ?

Raccoon

@izno pour le moment rien de particulier à part les 120 sec entre 2 messages tant que le membre n’a pas une réputation de 3.

Ashura

voila ce que ca donne avec brave Android

https://dl3.pushbulletusercontent.com/PPHl2GPV3SS81Yt4NpaQXxPqxjd1P5za/Screenshot_2021-07-14-21-27-45-236_com.brave.browser.jpg

Violence

@ghostkilla a dit dans Thème sombre :

en dessous de ta règle “.topic .content”
@media all and (max-width: 1024px)
{
    .topic .content
    {
        padding-right: 5px;
	padding-left: 5px;
    }
}
et en dessous de ta règle “.topic .post-signature”
@media all and (max-width: 1024px)
{
    .topic .post-signature
    {
        padding-right: 5px;
	padding-left: 5px;
    }
}
J’ai mis 5 px, après c’est toi qui voit ce que tu veux mettre ^^

@ghostkilla

C’est intégré. Merci !
Je suis juste passer à 10px. Question d’aération, je préférais

EDIT: J’ai rajouter du padding-top aussi, c’était nécessaire en haut des topics ^^

Violence

Le thème sombre sera update sous peu.

MosheBenguigui

@violence mon préféré
chouette travail

Violence

@all

Le thème a été update.
Ne pas hésité à remonter les bugs si vous en voyez.

Bonne journée.

duJambon

This post is deleted!

duJambon

Les notifications ne sont pas vraiment lisibles…

Violence

@duJambon

ouai ça fais partie des choses que je ne peux pas trop tester offline. Envoi moi une notif que j’arrange ça de suite.

EDIT:

Ah oui ok, je vois d’où ça viens, c’est bien l’endroit ou je vais jamais je passe toujours via la navbar

duBoudin

@violence a dit dans Thème sombre :

c’est bien l’endroit ou je vais jamais je passe toujpours via la navbar

Ceci explique cela

duJambon

This post is deleted!

Violence

@duJambon

EDIT2:

C’est modifié

duBoudin

@violence Super, merci !

Ashura

bon le nouveau theme sombre fait merder mon pc, l’ecran se met en veille

quand j’ouvre les notifications, je comprends pas comment c’est possible

Violence

@ashura

Popaul

Plop !

Avant de commencer, j’aimerais juste dire que mes remarques vont être un peu du pipotage et que je trouve l’interface et la réactivité du site superbement réussie ^^ faut pas se vexer quoi ^^

Je vais commencer par le plus schtroumpfignolant pour moi : Qu’est-ce que cette icone de loupe/recherche fout en rouge ? j’ai peut-être zappé une histoire avec un user qui ne retrouvait plus un topic. Du coup, c’est en rouge pour marquer le coup.
Non, svp… c’est caca comme ça ^^

Sinon, petit détail technique : Sur les topics multi pages, celle en cours ne se distingue pas par rapport aux autres dans les boutons numéros de page en bas. Le thème clair is okay.

Pour finir, je vais parler de l’impression globale. Je ne sais pas comment vraiment exprimer ça.
Peut-être est-ce cet effet dégradé qui entoure les posts et autres boutons.
Peut-être est-ce le fond de page.
Peut-être est-ce une chose que je n’ai pas vue mais bref, ce DarkThème me semble bien clair.
Rien de bien grave mais voilà, je me souviens que le passage du mode Halloween au mode actuel m’avait surpris à ce sujet.

Merci de m’avoir lu ^^

duJambon

@popaul A mon humble avis, il y a encore des problèmes d’équilibre, certaines choses sont plus ou moins lisibles que d’autres, mais ce n’est pas facile à gérer les mêmes couleurs pouvant servir de manière imposée par le système à une chose ou une autre…

Pour le background, il parait que la mode revient aux petits pois, mais ça fait très senventies…

Popaul

Le peu d’expérience avec la création d’user interface fait que j’ai bien conscience du boulot que c’est. Du coup, je réitère mes félicitations quand à la qualité du fofo et je rappelle que mes remarques sont juste du pipotage.

Cela-dit, il doit y avoir moyen de faire quelque chose pour le numéro de page en cours d’un topic multipages.

Et vous vous démerdez mais : virez moi ce rouge de cette icone de loupe/recherche !
C’EST UN ORDRE

Non mais scrogneugneu !

Raccoon

michmich

J’ai constaté que sur les captures d’écrans plus haut, le texte concernant l’avertissement s’affiche d’un beau gris, pare contre google chrome ne se donne pas la peine de l’afficher ainsi et sabote votre joli boulot avec un aplat blanc bien moche:

Edit: j’ai cet aplat sur mes 3 navigateurs, et suis sous linux mint mate sur un écran de 15.6.

Edit 2: j’adore la loupe en rouge, et ne serais pas contre la cloche en vert

Violence

@popaul a dit dans Thème sombre :

Plop !

Avant de commencer, j’aimerais juste dire que mes remarques vont être un peu du pipotage et que je trouve l’interface et la réactivité du site superbement réussie ^^ faut pas se vexer quoi ^^

Je vais commencer par le plus schtroumpfignolant pour moi : Qu’est-ce que cette icone de loupe/recherche fout en rouge ? j’ai peut-être zappé une histoire avec un user qui ne retrouvait plus un topic. Du coup, c’est en rouge pour marquer le coup.
Non, svp… c’est caca comme ça ^^

Sinon, petit détail technique : Sur les topics multi pages, celle en cours ne se distingue pas par rapport aux autres dans les boutons numéros de page en bas. Le thème clair is okay.

Pour finir, je vais parler de l’impression globale. Je ne sais pas comment vraiment exprimer ça.
Peut-être est-ce cet effet dégradé qui entoure les posts et autres boutons.
Peut-être est-ce le fond de page.
Peut-être est-ce une chose que je n’ai pas vue mais bref, ce DarkThème me semble bien clair.
Rien de bien grave mais voilà, je me souviens que le passage du mode Halloween au mode actuel m’avait surpris à ce sujet.

Merci de m’avoir lu ^^

Plop @Popaul

No problemo, point de vexation.
L’appréciation d’une interface est aussi sujet aux gouts de chacun, il n’y a pas de soucis.
Ce pourquoi, j’ai mis du rouge sur l’icone de recherche sans le mouse Over. Car ça ne me choque aucunement pour ma part.
A savoir que l’icone après un mouse Over a toujours été rouge quelle que soit le thème. Seule la loupe sans mouse over est rouge et c’est la seule chose modifiée sur la recherche.

Pour autant, ça ne me dérange aucunement de la mettre blanche si ça froisse certains

Pour le soucis de pagination, je vais régler cela.
Merci pour la remontée de bugs car je n’utilise pas la pagination donc je ne l’ai pas vue.
En attendant que je règle le soucis, tu peux faire comme moi et mettre la pagination infinie dans les paramètres de ton compte (c’est d’ailleurs à mon sens plus moderne) :

Concernant l’impression globale, j’ai peut être forcé sur les ombres des divs. Il est aussi vrai que le background précédent était bien plus sombre. Je ferais quelques tests à ce sujet pour tes petites rétines

Non plus sérieusement, rien n’est gravé dans le marbre…

@dujambon a dit dans Thème sombre :

@popaul A mon humble avis, il y a encore des problèmes d’équilibre, certaines choses sont plus ou moins lisibles que d’autres, mais ce n’est pas facile à gérer les mêmes couleurs pouvant servir de manière imposée par le système à une chose ou une autre…

Pour le background, il parait que la mode revient aux petits pois, mais ça fait très senventies…

Il est vrai que le CSS est bizarrement codé par défaut par les devs de Nodebb et agir sur certaines couleurs agit bien sur sur d’autres paramètres et j’avoue que c’est assez pénible !

Concernant l’appréciation du background, là encore, on est sujet à l’appréciation de chacun.

@michmich a dit dans Thème sombre :

J’ai constaté que sur les captures d’écrans plus haut, le texte concernant l’avertissement s’affiche d’un beau gris, pare contre google chrome ne se donne pas la peine de l’afficher ainsi et sabote votre joli boulot avec un aplat blanc bien moche:

Edit: j’ai cet aplat sur mes 3 navigateurs, et suis sous linux mint mate sur un écran de 15.6.

Edit 2: j’adore la loupe en rouge, et ne serais pas contre la cloche en vert

En fait @michmich, ce que tu as constaté sur le screen plus haut est un post supprimé donc il apparait plus grisé que les autres Tu devrais d’ailleurs même pas le voir !!

Donc je te rassure, le fond de l’avertissement est bien blanc pour tout le monde et ce n’est pas un défaut de Chrome car je fais mes tests sur Vivaldi (moteur Chromium)

Concernant l’appréciation globale je vais donc améliorer tout cela pour “essayer” de contenter tout le monde. (ce qui par expérience est d’ailleurs impossible).

A ce sujet, on vous prépare une petite surprise et chaque geek d’entre nous pourra d’ailleurs s’amuser.

Voila, un peu de patience car je suis occupé ce soir mais je bosse dessus dès que possible.

michmich

@Violence effectivement j’ai compris mon erreur après le 2eme edit, en remontant le fil, je me suis trompé de texte.

Y’a pas le feu au lac hein, j’imagine que c’est du boulot, et tu as déjà bien donné.

Popaul

@violence

Merci d’avoir pris le temps de répondre et ouaip -> L’astuce de la pagination infinie est bienvenue

Comme déjà dit c’est des appréciations personnelle et je chipote un peu c’est vrai. Au final, c’est surtout une question d’accoutumance ^^

Par contre, si tu pouvais faire ces modifications un peu plus vite… non mais c’est vrai quoi !!! on attend là !!! c’est incroyable quand même !!! rohhhhhh !!!

Fel1x1a

Coucou tout le monde…

Tiens, ça faisait un moment que je n’étais pas intervenue…

Je suis presque entièrement d’accord avec tous les commentaires, ce thème respire la perfection et il n’y a rien à redire à cela : Brave eau !

Bien que chouette à voir, cet arrière-plan craint grave du boudin* et qui pour moi, exige un plan de secours…
Perso, j’aurais ajoutée des géocroiseurs à la place des petits pois, tu sais, ces petits corps célestes qui
potentiellement pourraient nous tomber dessus…

Je sais, j’abuse peut être un peu mais je le sollicite quand même^^

En tout cas, merci d’avoir mis la main à la pâte, on verra bien ce que ça donne.

xx

duJambon

@fel1x1a J’aurais plutôt mis un fond d’étoiles sans trop de galaxies ni nébuleuses pour ne pas attirer l’oeuil…

Celui-ci est trop clair pour le sombre et trop sombre pour le clair et puis, il faut effectivement aimer les petits pois…

Mais Rome ne s’est pas faite en un jour, et là notre artiste concepteur est très occupé par des travaux qu’il ne vaut mieux pas repousser.

Orphancia

Perso, je trouve que le contraste entre le blanc et le noir du thème sombre est trop prononcé, ce qui peu nuire à l’œil durant la nuit.

De plus, n’étant pas fan des thèmes petits pois, je trouve que de les remplacer par des étoiles, comme l’a suggéré @duBoudin, collerait plus au thème du site (la planète, toussa…).

Quand au thème clair, je le trouve trop blanc, un peu comme dans un hôpital