Un mode nuit ou thème sombre ?? 36

Forums > Magazine & Site Internet

avatar

Le principe est simple, installer le plugin, cliquer sur l'icône->créer un nouveau style, vous choisissez pour blackbook, ou ce qui vous arrange et vous copiez ça dans la fenêtre de code et nommez .

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

@-moz-document domain("black-book-editions.fr") {
html{
background-color: #111;
}
body{
background-color: #111;
color:#ccc;
}
#fil_info a, #fil_info_ks a {
color:#ccc;
}
.container {
background-color: #222;
color: #ccc;
}
.menuzord {
background: #222;
}
.form-control {
background-color:#111;
color: #ccc;
}
.gbox {
background-color:#111;
border-color:#333;
box-shadow: 0 0 2px rgba(0,0,0,.1),0 1px 0 #000 inset;
}
.item, .item_lot {
background:#333;
border-color:#666;
}
.item:hover {
background:#444;
}
.list-group-item {
background:#444;
}
#board_liste li {
background:#333;
color: #ccc;
}
#board_liste a {
color: #ccc;
}
#board_liste li:hover {
background:#555;
}
#board_liste .compteur {
background-color:#555;
}
.active {
background:#333;
}
#message_liste blockquote {
background:#555;
color: #ccc;
}
blockquote {
background:#555;
color: #ccc;
}
.table td,.table th {
color: #ccc;
}
.table-striped>tbody>tr:nth-of-type(odd) {
background-color:#111;
}
.table-hover>tbody>tr:hover {
background-color:#555
}
.tab-content {
background:#333;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus {
background:#333;
}
.nav > li > a:focus, .nav > li > a:hover {
background:#333;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
background:#333;
}
.pagination>li>a,.pagination>li>span {
background:#222;
}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
background:#555;
}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
background:#225;
}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {
background:#222;
}
.pager li>a:focus,.pager li>a:hover {
background:#252;
}
.dropdown-menu {
background:#333;
}
.msg_actions {
background:#222;
}
.msg_actions a {
color: #ccc;
}
.triangle-border {
background:#111 !important;
}
.triangle-border.left:after {
border-color: transparent #111;
}
.news_form textarea {
background-color:#111;
}
.accordion_hp_gamme .accordion-group {
background-color:#333;
box-shadow: 0 0 2px rgba(0,0,0,.1),0 1px 0 #000 inset;
border-color:#555;
}
.accordion-heading h4 {
color:#ccc;
}
.info_pledge {
background-color:#333;
}
.forum_direct b a {
color:#ccc;
}
.alertify .ajs-dialog {
background-color:#333;
}
.alertify .ajs-footer {
background-color:#444;
}
#focus_actu b {
color:#ccc;
}
}

(j'ai fait ça un peu à l'arrache pour l'instant ^^)

Et pour le désactiver, il suffit de cliquer sur le style avec le nom que vous avez donné dans la liste affichée dans le menu de l'icône.

avatar

Je précise que l'expérience optimale, c'est sans le style, certains trucs pourront pas être nickel comme les images sur fond blanc par exemple.

avatar

Ça marche !

Je teste et je ferais un retour après !

avatar

Testé et approuvé : c'est claaassseee !

De ce que j'ai vu, seules les citations ressortent mal (et les écritures en couleur).

avatar

Oui ya quelques trucs encore pas fait, et quelques trucs que j'ai pas trouvé ^^

Ça dépend des pages, mais je continuerai du coup.

avatar

Je suis chaud je rajoute, dans "Les derniers sujets actifs", que les infos "Dernier message, Auteur, et nb de msg" sont noir sur noir, y a plus d'espoir moqueur

avatar

Pour les citations et les auteurs etc ça devrait être mieux.

avatar

oui , c'est plus classe en sombre même si il y a quelques erreurs. Beau travail Esprism!

avatar

Faut surtout remercier Zeboss, il est super le site.

Petite maj.

PS : si vous voyez un lien ou bouton qui change pas de couleur quand on passe la souris dessus, prévenez moi aussi ^^.

avatar

Bon, on arrive à une version correcte, j'ai enfin compris comment utiliser le mode développeur firefox comme il faut ^^ j'aurai appris un truc.

Du coup, s'il reste un truc dans un coin que j'ai oublié, vous pouvez me le signaler, sinon, vous pouvez aussi discuter des choix de couleurs.

C'est pas aussi bien que l'original, les ombres par exemple rendent pas trop sur un fond sombre, mais ça passe.

Ce message a reçu 1 réponse de
  • Buggy
avatar
esprism

Du coup ça se publie officiellement une custo Stylish ou bien il faut que tu la re-postes ici ?

avatar

"Officiellement" non, mais je l'ai mis en ligne ^^

avatar

Il faut cliquer sur l'icône stylish puis sur "Trouver des styles pour ce site..."

Pour l'instant il n'y en à qu'un content

Ce message a reçu 2 réponses de
  • Zagig Yragerne
  • et
  • SuperDefi
avatar
esprism

Ah ça soulage vraiment les yeux ! On va voir à l'utilisation pour les détails.

avatar

Super.

Après le test de la première version, je revenais pour signaler la même chose mais je vois que c'est déjà corrigé !

Idem pour les couleurs de fond dans la messagerie.

Bon bah là c'est vraiment bien maintenant !

Bravo esprism !

clin d'oeil

avatar
esprism

Bonjour,

Juste pour signaler qu'on peut rajouter 0 (ou 00) pour la transparence à la fin des déclarations des couleurs de fond pour faire réapparaitre les fonds d'écrans BBE.

Merci pour cette config.