Geekzone trop blanc ? passez du côté obscur de la zone (ou reglez vos écrans :p )

Ce topic me fait penser aux mecs qui remontent certains films parce que “ouais non, pas convaincu, j’aurai pas fait ça comme ça” ^^

2 « J'aime »

et moi a un vieux débat sur l’oeuvre et son public :slight_smile:

1 « J'aime »

3 « J'aime »

Nice one l’alsacien, nice one.

@Arnolanf HAHA !!!

n’empèche que je vais un peu attendre et sans doute prendre un truc pour que ca soit moins clair aussi /blush

Et p’tite question de noob, pour ceux qui browsent au taf mais qui peuvent pas installer d’extensions sur leur firefox 31.6.0, y’a une solution ?

http://www.automaticapparel.com/media/catalog/product/cache/1/image/1200x1200/9df78eab33525d08d6e5fb8d27136e95/b/l/black-wayfarers-sunglasses.jpg

sinon je sais pas ^^

1 « J'aime »

Merci ! J’vais mettre la luminosité à zéro sinon, c’est les collègues qui vont être content sur les PC partagés ! :smiley:

Firefox ou chrome portable, ça doit toujours exister il me semble, tu mets ça sur une clé usb et le tour est joué.

Un dernier, après j’arrete. :innocent:


@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("forum.geekzone.fr") {
    
body {
    background-color: #232531;
    color: #bdbec2;
}
.topic-list {
    background-color: #fff;
}
.topic-list thead {
    background-color: #353643;
}
.topic-list th {
    color: #c3c3c7;
}
.topic-list .sortable:hover {
    background-color: #4A4B57;
}
.topic-list-item .title {
    color: #000 !important;
    font-size: 13px;
    font-weight: bold;
}
.topic-list-item .title:visited {
color: #989898 !important;
}
.topic-list-item .title:hover {
    color: #555 !important;
}
.main-link {
    padding-left: 20px !important;
}
.topic-post-badges .new-posts {
    color: #fff;
}
.topic-post-badges .new-topic {
    color: green;
    font-size: 11px;
}
.list-controls a {
    color: #bdbec2 !important;
}
.list-controls a:hover {
    background: #353643 !important;
    color: #fff !important;
}
.clear-badge {
    color: red !important;
}
.topic-body {
    background-color: #fff;
    border-top: 1px solid #ddd;
    margin-left: 10px;
}
.topic-meta-data .names a {
    color: #444 !important;
}
.topic-area {
    background-color: #353643;
}
.topic-avatar {
    border-top: none;
    margin-left: 7px;
}
.post-menu-area {
    font-size: 10px;
}
.post-links a {
    color: #bdbec2 !important;
}
.post-date {
    font-size: 11px;
}
.cooked p {
    color: #444;
}
.cooked code {
    background-color: #ddd;
    color: #000;
}
.cooked .quote .title {
    background-color: #ddd;
    border-left-color: #bbb;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 10px;
}
.cooked .quote blockquote {
    background-color: #eee;
    border-left-color: #bbb;
    color: #333;
}
#topic-closing-info {
    border-top: none;
}
#topic-footer-buttons {
    margin-left: 60px;
}
.notification-options p {
    color: #bdbec2 !important;
}
#suggested-topics {
    margin: 0 60px 0 60px;
}
}
2 « J'aime »

THANK GOD.

Le tout blanc c’est juste insupportable (pour moi). Et j’ai un (bon) écran IPS calibré, rien à voir, c’est juste la sensibilité individuelle. Même avec f.lux le nouveau design m’explosait la tronche. Je pige pas que Discourse n’ait pas un sélecteur de thème, au moins Dark/Light, ça me semble quasi indispensable dans n’importe quelle “app” actuelle.

3 « J'aime »

On va surtout bidouiller la CSS pour un truc « middle ground » (perso je déteste les thèmes dark, ça fatigue 10x plus les yeux. :wink: )

1 « J'aime »

Objectivement les thèmes dark sont en effet plus fatigants pour les yeux, mais je n’y peux rien je ne supporte vraiment pas (physiquement) les thèmes all white. Quoi qu’il en soit ce n’est absolument pas un soucis vu que chacun peut le régler en 2 coups de custom CSS.

Congrats pour tout le boulot, ça déchire !

1 « J'aime »

Nickel ! J’ai juste rajouté dans le .topic-body :
margin: 10px;
border-radius: 5px;

pour avoir les posts comme dans le design d’@Haza

C’est top, merci !

En fait ce qui me manquait le plus ce n’est pas tant moins de blanc qu’une séparation plus nette entre messages.

1 « J'aime »

Un micro tweak, avec toute cette histoire de titles.
Je préfère les voir en dessous, donc …

  .names .username {
    line-height: 12px
    ;
}

.user-title {
    display: block;
    line-height: 14px;
    color: #468AA6;
}

Et pour un fond plus doux:

body {
background: url(http://i.imgur.com/hHIO4X0.png) repeat;
}

2 « J'aime »

Pas spécialement gêné par le blanc mais cette proposition est vraiment cool !

C’est bon, je me suis enfin trouvé le style qui m’apaise.

    @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,700,700italic);   
body {
    background-color: #40e0d0
}

/*html {
    font-family: "Open Sans", Helvetica,Arial,sans-serif;
}*/

#main-outlet {
    background-color: pink;
}

.topic-body {
    background-color:#adff2f;
    border-radius: 5px;
    border: 1px solid #ececec;
    margin: 10px;
    box-shadow: 6px 6px 6px -4px rgba(57, 57, 57, 0.4);
transform: rotate(172deg);
     
}

.post-menu-area {
    margin-bottom: 0;
}
    
.cooked p {
    color: #000;
}

.quote .title {
    border-left: 3px solid #ddd !important;
    border-right: 3px solid #ddd;
    border-top: 1px solid #ddd;
    background-color: #f6f6f6 !important;
}

blockquote {
    background-color: #adff2f; 
    border-left: 3px solid #ddd;
    border-right: 3px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.topic-avatar {
    border-top: none;
}
    
a.mention {
    background-color: #BBD3DD;
}

.reply-to-tab {
    background-color: #BBD3DD;
    padding: 0.35em;
    border-radius: 5px;
    color: #555 !important;
}

A vot’ bon cœur !

7 « J'aime »

Et voilà, c’est changé, très bonne initiative. Je ne suis pas allergique au blanc, mais retrouver des tons plus proches de l’ancien forum me brosse dans le sens du poil finalement :smile:

2 « J'aime »

Ça m’emmerde vraiment d’installer un addon pour un seul et unique site, mais la différence est telle que c’est largement rentabilisé.

Merci à @Glasofruix @Haza et @Phobosky, je me sens un peu plus à la maison maintenant. :+1: